.b4-login{display:grid;gap:var(--b4-gap);min-width:0}.b4-login-hero{align-content:space-between}.b4-login-card{gap:calc(var(--b4-stack) * 1.25)}.b4-login-card .b4-group{display:grid}@media (max-width:599.98px){.b4-login-hero{grid-template-columns:minmax(0,1fr) 5.5em;align-items:start}.b4-login-hero .b4-stack{display:contents}.b4-login-hero .b4-tick,.b4-login-hero p{grid-column:1 / -1}.b4-login-hero .b4-tick{order:-2}.b4-login-hero h1{order:-1;align-self:center}.b4-login-hero .b4-illo{order:-1;border-radius:calc(var(--b4-sub-radius) * 0.7)}.b4-login-hero p{order:1}.b4-login-hero .b4-phone,.b4-login-hero:not(:has(.b4-illo)) h1{grid-column:1 / -1}.b4-login-hero .b4-phone{order:2;width:min(100%,11.5em)}}@media (min-width:600px){.b4-login-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center}.b4-login-hero .b4-illo img{max-width:13em}}@media (min-width:1024px){.b4-login{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch}.b4-login-hero{grid-template-columns:minmax(0,1fr)}.b4-login-hero .b4-illo img{max-width:16em}}.b4-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:var(--b4-stack);border-bottom:var(--border-width) solid var(--b4-line)}.b4-route-stop{position:relative;display:grid;justify-items:center;align-content:start;gap:0.45em;padding:0 0.25em;text-align:center;font-size:0.85em;line-height:1.25;color:var(--color-muted)}.b4-route-stop + .b4-route-stop::before{content:'';position:absolute;top:1.45em;left:-50%;right:50%;height:0.2em;margin-top:-0.1em;background:var(--b4-hatch),var(--b4-line)}.b4-route-done + .b4-route-stop::before{background:var(--color-fg)}.b4-route-now:not(:first-child)::after{content:'';position:absolute;top:1.45em;left:-50%;width:0.6em;height:0.6em;margin:-0.3em 0 0 -0.3em;border-radius:50%;background:var(--color-accent);animation:b4-route-travel calc(var(--motion-duration) * 2200ms) var(--motion-ease) infinite}@keyframes b4-route-travel{from{left:-50%;opacity:1}80%{opacity:1}to{left:calc(-50% + 100% * var(--motion-on));opacity:var(--motion-on)}}:lang(si) .b4-route-stop,:lang(ta) .b4-route-stop{font-size:0.8em}.b4-route-name{min-width:0;max-width:100%;overflow-wrap:anywhere}.b4-route-dot{position:relative;z-index:1;display:grid;place-items:center;width:2.9em;height:2.9em;border-radius:50%;border:var(--border-width) solid var(--b4-outline);background:var(--color-elevated)}.b4-route-dot svg{width:1.45em;height:1.45em}.b4-route-now{color:var(--color-fg);font-weight:600}.b4-route-now .b4-route-dot{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg);box-shadow:0 0 0 0.3em color-mix(in srgb,var(--color-accent) 22%,transparent)}.b4-route-done{color:var(--color-fg)}.b4-route-done .b4-route-dot{background:var(--color-fg);border-color:var(--color-fg);color:var(--color-bg)}.b4-route-who{display:block;font-weight:400;color:var(--color-muted)}.b4-login-error{display:grid;gap:var(--b4-field-gap)}.b4-pips-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b4-field-gap) var(--b4-stack)}.b4-pips{display:flex;gap:0.45em}.b4-pips li{display:grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;border:calc(var(--border-width) * 2) solid var(--b4-outline)}.b4-pips .b4-pip-used{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-bg)}.b4-pips .b4-pip-used:has(+ li:not(.b4-pip-used)){animation:b4-pip calc(var(--motion-duration) * 520ms) var(--motion-ease) both}@keyframes b4-pip{from{transform:scale(calc(1 + 0.8 * var(--motion-on)));opacity:calc(1 - var(--motion-on))}}.b4-pips svg{width:0.85em;height:0.85em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.b4-lock{display:grid;gap:var(--b4-stack);justify-items:start}@media (min-width:600px){.b4-lock{grid-template-columns:auto minmax(0,1fr);align-items:center}}.b4-lock-vis{width:8.5em;height:8.5em}.b4-lock-track,.b4-lock-left{fill:none;stroke-width:7}.b4-lock-track{stroke:var(--b4-line)}.b4-lock-left{stroke:var(--color-danger);stroke-linecap:round;stroke-dasharray:100 100;transform:rotate(-90deg);transform-origin:60px 60px}.b4-lock-shackle{fill:none;stroke:var(--color-fg);stroke-width:7;stroke-linecap:round;animation:b4-shackle calc(var(--motion-duration) * 640ms) var(--motion-ease) both}@keyframes b4-shackle{from{transform:translateY(calc(-9px * var(--motion-on)))}}.b4-lock-body{fill:var(--color-fg)}.b4-lock-hole{fill:var(--color-surface)}.b4-lock-slot{stroke:var(--color-surface);stroke-width:4;stroke-linecap:round}.b4-ended{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--b4-stack)}.b4-ended-vis{width:3.2em;height:3.2em}.b4-ended-track{fill:none;stroke:var(--b4-outline);stroke-width:3;stroke-dasharray:2 3}.b4-ended-last{fill:none;stroke:var(--color-accent);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:24px 24px;animation:b4-last calc(var(--motion-duration) * 1400ms) var(--motion-ease) both}@keyframes b4-last{from{stroke-dashoffset:calc(100 - 12 * var(--motion-on))}}.b4-ended-hand,.b4-ended-door{fill:none;stroke:var(--color-fg);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.b4-ended-knob{fill:var(--color-fg)}.b4-shut{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b4-field-gap) var(--b4-stack)}.b4-shut p{flex:1 1 14em}.b4-shut-stamp{padding:0.3em 0.8em;border:calc(var(--border-width) * 3) solid var(--color-danger);border-radius:0.4em;color:var(--color-danger);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;transform:rotate(-8deg);animation:b4-stamp calc(var(--motion-duration) * 480ms) cubic-bezier(0.3,1.6,0.6,1) both}@keyframes b4-stamp{from{transform:rotate(-8deg) scale(calc(1 + 0.7 * var(--motion-on)));opacity:calc(1 - var(--motion-on))}}.b4-phone{justify-self:center;width:min(100%,15em);padding:0.65em;border-radius:2em;background:var(--color-accent-fg)}.b4-phone-screen{display:grid;justify-items:center;align-content:center;gap:0.9em;min-height:19em;padding:1.3em 0.9em;border-radius:1.45em;background:var(--color-surface);color:var(--color-fg)}.b4-phone-app{display:inline-flex;align-items:center;gap:0.45em;font-size:0.9em;letter-spacing:0.04em}.b4-phone-code{display:flex;gap:0.25em}.b4-phone-code i{position:relative;width:1.25em;height:1.75em;border-radius:0.4em;background:var(--color-elevated);border:var(--border-width) solid var(--b4-outline)}.b4-phone-code i::after{content:'';position:absolute;inset:0;margin:auto;width:0.38em;height:0.38em;border-radius:50%;background:var(--color-fg)}.b4-phone-code b{width:0.3em}.b4-phone-timer{width:3em;height:3em;transform:rotate(-90deg)}.b4-phone-track,.b4-phone-left{fill:none;stroke-width:4}.b4-phone-track{stroke:var(--b4-line)}.b4-phone-left{stroke:var(--color-accent);stroke-linecap:round;stroke-dasharray:100 100;animation:b4-code-window 30s linear infinite;animation-delay:calc(var(--sec,0) * -1s)}@keyframes b4-code-window{to{stroke-dashoffset:100}}.b4-phone-qr{position:relative;width:100%;overflow:hidden;border-radius:0.6em}.b4-phone-qr svg{display:block;width:100%;height:auto}.b4-phone-scan{position:absolute;left:4%;right:4%;top:6%;height:0.2em;border-radius:1em;background:var(--color-accent);box-shadow:0 0 0.6em var(--color-accent);opacity:var(--motion-on);animation:b4-scan calc(var(--motion-duration) * 2600ms) ease-in-out infinite alternate}@keyframes b4-scan{to{top:calc(6% + 86% * var(--motion-on))}}.b4-setup{display:grid;gap:var(--b4-stack);counter-reset:b4-step}.b4-setup li{position:relative;padding-left:2.6em;counter-increment:b4-step;line-height:1.45}.b4-setup li::before{content:counter(b4-step);position:absolute;left:0;top:-0.1em;display:grid;place-items:center;width:1.8em;height:1.8em;border-radius:50%;background:var(--color-fg);color:var(--color-bg);font-size:0.9em}.b4-setup a{display:inline-flex;align-items:center;min-height:44px}.b4-key{display:flex;flex-wrap:wrap;gap:0.35em;margin-top:0.45em}.b4-key span{padding:0.2em 0.5em;border-radius:0.45em;background:var(--color-elevated);letter-spacing:0.08em}.b4-code-input{font-size:1.4em;letter-spacing:0.3em;max-width:10em}.b4-notyou{display:flex;flex-wrap:wrap;align-items:center;gap:var(--b4-field-gap) var(--b4-inline);padding-top:var(--b4-stack);border-top:var(--border-width) solid var(--b4-line)}@media (max-width:599.98px){.b4-phone-screen{min-height:11em}}@media (prefers-reduced-motion:reduce){.b4-route-now::after,.b4-phone-left,.b4-phone-scan,.b4-pips .b4-pip-used,.b4-lock-shackle,.b4-ended-last,.b4-shut-stamp{animation:none}.b4-route-now:not(:first-child)::after{display:none}}.b4-sec-0{--sec:0}.b4-sec-1{--sec:1}.b4-sec-2{--sec:2}.b4-sec-3{--sec:3}.b4-sec-4{--sec:4}.b4-sec-5{--sec:5}.b4-sec-6{--sec:6}.b4-sec-7{--sec:7}.b4-sec-8{--sec:8}.b4-sec-9{--sec:9}.b4-sec-10{--sec:10}.b4-sec-11{--sec:11}.b4-sec-12{--sec:12}.b4-sec-13{--sec:13}.b4-sec-14{--sec:14}.b4-sec-15{--sec:15}.b4-sec-16{--sec:16}.b4-sec-17{--sec:17}.b4-sec-18{--sec:18}.b4-sec-19{--sec:19}.b4-sec-20{--sec:20}.b4-sec-21{--sec:21}.b4-sec-22{--sec:22}.b4-sec-23{--sec:23}.b4-sec-24{--sec:24}.b4-sec-25{--sec:25}.b4-sec-26{--sec:26}.b4-sec-27{--sec:27}.b4-sec-28{--sec:28}.b4-sec-29{--sec:29}.b4-notary-way{grid-template-columns:3em minmax(0,1fr);align-items:center}.b4-notary-way .b4-btn{grid-column:1 / -1;justify-self:start;max-width:100%;white-space:normal;text-align:center}.b4-notary-way-vis{width:3em;height:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.b4-notary-way .b4-btn{padding-block:0.5em}