:root{--brand:#1ad3c5;--brand-rgb:26 211 197;--brand-lit:#7ff0e6;--brand-ink:#1ad3c5;--brand-deep:#0e8f86;--page:#05090a;--paper:#131b1b;--well:#0d1414;--ink:#e8f0ee;--muted:#93a4a1;--hair:#26302f;--hair-2:#1c2524;--idle-face:#27322f;--idle-ink:#b6c3c0;--danger:#ff8272;--danger-lit:#2a1614;--r-card:26px;--r-pill:999px;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.42, .5, 1);--cta-w:8.5rem;--cta-h:3.25rem;--field-h:3.25rem;--track-h:6rem}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--page);min-height:100svh;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}.room{z-index:0;background:radial-gradient(120% 88% at 50% 6%, rgb(var(--brand-rgb) / .13), transparent 60%), radial-gradient(80% 60% at 50% 100%, #0a1413, transparent 72%), var(--page);position:fixed;inset:0}.u-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.6rem,3.4vh,2.6rem);min-height:100svh;padding:clamp(1.5rem,5vh,3rem) 1.25rem;display:flex;position:relative}.masthead{text-align:center}.masthead__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--brand-rgb) / .82);margin-bottom:.7rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem}.masthead__title{letter-spacing:-.035em;color:#f2f6f5;font-size:clamp(2.4rem,1.2rem + 4.4vw,4.1rem);font-weight:800;line-height:.96}.masthead__accent{color:var(--brand)}.legend{letter-spacing:.1em;text-transform:uppercase;color:#78827f;flex-wrap:wrap;justify-content:center;gap:.55rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem;display:flex}.auth{background:radial-gradient(130% 62% at 50% -12%, rgb(var(--brand-rgb) / .1), transparent 62%), var(--paper);border-radius:var(--r-card);width:min(28rem,100%);box-shadow:0 0 0 1px var(--hair), 0 1px 0 #ffffff0f inset, 0 40px 80px -40px #000000e6, 0 2px 10px #00000080;padding:2.25rem;position:relative;overflow:visible}.auth:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff0d,#0000 34%);position:absolute;inset:0}.auth__brand{align-items:center;gap:.6rem;margin-bottom:1.35rem;display:flex}.auth__mark{border:2px solid var(--brand);width:1.55rem;height:1.55rem;box-shadow:0 0 0 4px rgb(var(--brand-rgb) / .1);border-radius:50%;place-items:center;display:grid}.auth__mark:after{content:"";background:var(--brand);border-radius:50%;width:.4rem;height:.4rem}.auth__word{letter-spacing:.26em;text-transform:uppercase;color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.74rem;font-weight:500}.auth__head{margin-bottom:1.4rem}.auth__title{letter-spacing:-.02em;font-size:1.55rem;font-weight:800}.auth__sub{color:var(--muted);margin-top:.4rem;font-size:.875rem;line-height:1.45}.form{display:block}.field{margin-bottom:.5rem}.field__top{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.4rem;display:flex}.field__aux{color:var(--brand-ink);font-size:.76rem;font-weight:600;text-decoration:none}.field__aux:hover{text-decoration:underline}.field__aux:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}.field__label{letter-spacing:.02em;color:var(--muted);transition:color .28s var(--ease);font-size:.78rem;font-weight:600;display:block}.field__box{background:var(--well);border:1.5px solid var(--hair);transition:border-color .22s var(--ease), box-shadow .22s var(--ease);border-radius:15px;align-items:center;display:flex;position:relative;box-shadow:inset 0 2px 5px #00000061}.field__icon{color:#6f807d;width:1.2rem;height:1.2rem;transition:color .25s var(--ease);flex:none;place-items:center;margin-left:.85rem;display:grid}.field__icon svg{width:100%;height:100%}.field__box:focus-within .field__icon{color:var(--brand)}.field.is-ok .field__icon{color:rgb(var(--brand-rgb) / .8)}.field.is-bad .field__icon{color:var(--danger)}.field__input{min-width:0;height:var(--field-h);border-radius:inherit;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:auto;padding:0 .8rem;font-size:.95rem}.field__input::placeholder{color:#778683}.field__box:focus-within{border-color:var(--brand);box-shadow:inset 0 2px 5px #0000004d, 0 0 0 4px rgb(var(--brand-rgb) / .2)}.field__tick{background:var(--brand);color:#04211f;opacity:0;width:1.35rem;height:1.35rem;transition:opacity .24s var(--ease), transform .34s var(--spring);border-radius:50%;flex:none;place-items:center;margin-right:.8rem;display:grid;transform:scale(.5)}.field__tick svg{width:.85rem;height:.85rem}.field.is-ok .field__tick{opacity:1;transform:scale(1)}.field.is-ok .field__box{border-color:rgb(var(--brand-rgb) / .55)}.field.is-bad .field__box{border-color:var(--danger);background:var(--danger-lit)}.field.is-bad .field__box:focus-within{border-color:var(--danger);box-shadow:inset 0 2px 5px #0000004d,0 0 0 4px #ff827233}.field.is-wanted .field__label{color:var(--brand-ink)}.field.is-wanted .field__box{border-color:rgb(var(--brand-rgb) / .8);animation:wanted .9s var(--ease)}@keyframes wanted{0%,to{transform:translate(0,0)}22%{transform:translateY(-3px)}55%{transform:translateY(1px)}}.field__msg{min-height:1.35rem;color:var(--danger);opacity:0;transition:opacity .2s var(--ease), transform .2s var(--ease);padding:.3rem .15rem 0;font-size:.78rem;line-height:1.25;transform:translateY(-3px)}.field.is-bad .field__msg{opacity:1;transform:none}.field.is-note .field__msg{opacity:1;color:var(--brand-ink);font-weight:600;transform:none}.peek{width:2.1rem;height:2.1rem;color:var(--muted);cursor:pointer;transition:color .2s var(--ease), background-color .2s var(--ease);background:0 0;border:0;border-radius:9px;flex:none;place-items:center;margin-right:.35rem;display:grid}.peek:hover{color:var(--ink);background:var(--hair-2)}.peek:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.peek__icon{width:1.15rem;height:1.15rem}.peek__slash{transform-origin:50%;transition:transform .3s var(--ease), opacity .3s var(--ease);transform:scale(1)}.peek[aria-pressed=true]{color:var(--brand-ink)}.peek[aria-pressed=true] .peek__slash{opacity:0;transform:scale(0)}.dock{height:var(--track-h);transition:height .3s var(--ease);place-items:center;margin-top:.45rem;display:grid;position:relative}.dock__track{border-radius:var(--r-pill);transition:box-shadow .4s var(--ease);background:linear-gradient(#090f0f,#111919);place-self:stretch stretch;box-shadow:inset 0 2px 7px #0009,inset 0 -1px #ffffff0d,0 1px #ffffff0a}.auth[data-left="0"] .dock__track{box-shadow:inset 0 2px 7px #0009, inset 0 0 0 1px rgb(var(--brand-rgb) / .22), 0 1px 0 #ffffff0a}html:not(.can-chase) .dock{height:var(--cta-h)}html:not(.can-chase) .dock__track{display:none}html:not(.can-chase) .dock__socket{visibility:hidden}html:not(.can-chase) .cta{width:100%}.dock>*{grid-area:1/1}.dock__band{z-index:1;pointer-events:none;place-self:stretch stretch;width:100%;height:100%;overflow:visible}.dock__band-line,.dock__band-glow{fill:none;stroke:var(--brand);stroke-linecap:round;opacity:0}.dock__band-line{stroke:var(--brand-lit)}.dock__socket{z-index:0;width:var(--cta-w);height:var(--cta-h);border-radius:var(--r-pill);border:2px dashed rgb(var(--brand-rgb) / .42);background:rgb(var(--brand-rgb) / .05);opacity:0;transition:opacity .25s var(--ease), transform .35s var(--spring), border-color .3s var(--ease), background-color .3s var(--ease);place-items:center;display:grid;transform:scale(.94)}.dock__socket:after{content:"";width:1.15rem;height:1.15rem;box-shadow:0 1px 3px #0009 inset, 0 0 0 2px rgb(var(--brand-rgb) / .45);background:linear-gradient(#2c3837,#18201f);border-radius:50%}.dock[data-open="1"] .dock__socket{opacity:1;transform:scale(1)}.cta{z-index:2;width:var(--cta-w);height:var(--cta-h);border-radius:var(--r-pill);font:inherit;letter-spacing:.01em;background:var(--idle-face);color:var(--idle-ink);cursor:pointer;transform:translate3d(var(--x,0px), var(--y,0px), 0) rotate(var(--rot,0deg)) scale(var(--sx,1), var(--sy,1));transition:background-color .4s var(--ease), color .4s var(--ease), box-shadow .4s var(--ease);border:0;place-items:center;font-size:.98rem;font-weight:700;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #ffffff0a,0 6px 14px -6px #000000b3}.cta>*{grid-area:1/1}.cta:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.dock[data-live="1"] .cta{will-change:transform}.auth[data-left="0"] .cta{background:linear-gradient(180deg, var(--brand-lit), var(--brand));color:#04211f;box-shadow:0 1px 0 #ffffff59 inset, 0 14px 34px -12px rgb(var(--brand-rgb) / .55), 0 2px 6px #0006}.auth[data-left="0"] .dock__socket{border-style:solid;border-color:rgb(var(--brand-rgb) / .7);background:rgb(var(--brand-rgb) / .1)}.cta__label,.cta__spinner,.cta__tick{transition:opacity .22s var(--ease), transform .32s var(--spring)}.cta__spinner{opacity:0;border:3px solid #04211f47;border-top-color:#04211f;border-radius:50%;width:1.3rem;height:1.3rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.cta__tick{opacity:0;transform:scale(.4)}.cta__tick svg{width:1.4rem;height:1.4rem}.auth[data-phase=busy] .cta__label{opacity:0}.auth[data-phase=busy] .cta__spinner{opacity:1}.auth[data-phase=busy] .cta{cursor:progress}.auth[data-phase=done] .cta__label{opacity:0}.auth[data-phase=done] .cta__tick{opacity:1;transform:scale(1)}.auth[data-phase=done] .cta{cursor:default}.dock.is-locking .dock__socket{animation:clunk .55s var(--ease)}@keyframes clunk{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.14)}}.note{color:var(--muted);transition:color .3s var(--ease);justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.8rem;font-weight:600;display:flex}.note__dot{width:.45rem;height:.45rem;transition:background-color .3s var(--ease), box-shadow .3s var(--ease);background:currentColor;border-radius:50%}.auth[data-left="0"] .note__dot{background:var(--brand);box-shadow:0 0 0 4px rgb(var(--brand-rgb) / .16)}.auth[data-left="0"] .note{color:var(--brand-ink)}html:not(.can-chase) .note{margin-top:1rem}.hint{text-align:center;min-height:1.15rem;color:var(--muted);opacity:0;transition:opacity .45s var(--ease);margin-top:.6rem;font-size:.76rem;line-height:1.15rem}.hint.is-on{opacity:1}.auth__foot{border-top:1px solid var(--hair);text-align:center;color:var(--muted);margin-top:1.1rem;padding-top:1.1rem;font-size:.84rem}.auth__foot a{color:var(--brand-ink);font-weight:600;text-decoration:none}.auth__foot a:hover{text-decoration:underline}.auth__foot a:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}kbd{border:1px solid var(--hair);background:var(--hair-2);color:var(--ink);border-bottom-width:2px;border-radius:5px;padding:.1rem .35rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem}@media (width<=30rem){:root{--cta-w:100%}.auth{padding:1.6rem 1.35rem}.dock{height:5.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.cta__spinner{opacity:1;border-top-color:#04211f;animation:none}.field.is-wanted .field__box{animation:none}}@media (forced-colors:active){.field__box{border:1px solid canvastext}.cta{border:2px solid buttontext}.dock__socket{border:1px dashed canvastext}.dock__band-line{stroke:canvastext}}
