body.auth{background:var(--bg-0);min-height:100vh}.horizon{aspect-ratio:1;width:max(2000px,190vw);animation:rise-planet 1.6s var(--ease-out) both;background:radial-gradient(closest-side,#05040a 92%,#120a26 97%,#2a1458 100%);border-radius:50%;position:absolute;top:80vh;left:50%;translate:-50%;box-shadow:0 -1px #ebd7ffbf,0 -10px 40px -6px #b51ff4a6,0 -60px 160px -20px #7828f08c}@keyframes rise-planet{0%{opacity:0;translate:-50% 6vh}to{opacity:1;translate:-50%}}.authbar{z-index:5;padding:18px var(--gutter);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.authbar__back{height:40px;color:var(--text-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 12px;font-size:14px;text-decoration:none;transition:color .3s,background-color .3s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.authbar__back svg{width:16px;height:16px;transition:transform .4s var(--ease-out)}.authbar__back:hover{color:var(--text);background:#ffffff12}.authbar__back:hover svg{transform:translate(-3px)}.auth__main{z-index:2;min-height:100vh;padding:92px var(--gutter) 72px;place-content:center;justify-items:center;display:grid;position:relative}.authcard{-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);width:min(420px,100vw - 32px);animation:card-in 1.1s var(--ease-out) .1s both;background:linear-gradient(#201a3cb8,#0c0918cc);border:1px solid #ffffff17;border-radius:30px;justify-items:stretch;padding:30px 30px 24px;display:grid;box-shadow:inset 0 1px #ffffff12,0 50px 120px -40px #000,0 0 90px -30px #880ff98c}@keyframes card-in{0%{opacity:0;filter:blur(8px);transform:translateY(20px)scale(.97)}to{opacity:1;filter:none;transform:none}}.authcard__mark{justify-self:center;place-items:center;width:84px;height:76px;margin-bottom:10px;display:grid;position:relative}.authcard__mark img{z-index:1;filter:drop-shadow(0 6px 18px #b51ff48c);width:58px;animation:6s ease-in-out infinite float;position:relative}.authcard__glow{filter:blur(10px);background:radial-gradient(closest-side,#b51ff46b,#0000);border-radius:50%;animation:4s ease-in-out infinite glow;position:absolute;inset:10px 8px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glow{0%,to{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.stage{transition:height .5s var(--ease-out);position:relative}.stage.is-moving{overflow:hidden}.panel{gap:14px;display:grid}.panel[hidden]{display:none}.panel.is-in{animation:panel-in .55s var(--ease-out) both}.panel.is-out{pointer-events:none;animation:.22s ease-in both panel-out;position:absolute;inset:0 0 auto}@keyframes panel-in{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}@keyframes panel-out{to{opacity:0;filter:blur(3px);transform:translateY(-6px)}}.panel__head{text-align:center;gap:6px;margin-bottom:4px;display:grid}.panel__title{letter-spacing:-.035em;font-size:clamp(24px,4vw,28px);font-weight:650;line-height:1.15}.panel__sub{text-wrap:balance;color:var(--text-2);font-size:14.5px;line-height:1.5}.panel__sub b{color:var(--text);overflow-wrap:anywhere;font-weight:560}.gbtn{color:#1f1f1f;letter-spacing:.01em;width:100%;height:50px;transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out), background-color .25s;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 22px;font-family:Roboto,system-ui,sans-serif;font-size:15.5px;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -1px #1f1f1f1a,0 18px 40px -16px #aa3cfff2,0 2px 6px -2px #000000b3}.gbtn:after{content:"";pointer-events:none;animation:sheen 1.3s var(--ease-out) 1s backwards;background:linear-gradient(105deg,#0000 32%,#a078ff3d 50%,#0000 68%);position:absolute;inset:0;transform:translate(-100%)}@keyframes sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}.gbtn:hover{background:#fbf9ff;transform:translateY(-2px);box-shadow:inset 0 -1px #1f1f1f1a,0 24px 50px -14px #aa3cff,0 0 0 5px #cdb6ff21,0 4px 10px -4px #000000b3}.gbtn:hover:after{transition:transform .9s var(--ease-out);transform:translate(100%)}.gbtn:active{transition-duration:.12s;transform:translateY(0)scale(.985)}.gbtn:focus-visible{outline:2px solid var(--lilac);outline-offset:4px}.gbtn__logo{flex:none;width:20px;height:20px}.or{color:var(--text-3);align-items:center;gap:14px;margin:2px 0;font-size:12.5px;display:flex}.or:before,.or:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f);flex:1;height:1px}.or:after{background:linear-gradient(90deg,#ffffff1f,#0000)}.otp{height:58px;position:relative}.otp input{z-index:1;height:100%;box-shadow:none;color:#0000;caret-color:#0000;letter-spacing:0;cursor:text;background:0 0;padding:0;font-size:1px;position:absolute;inset:0}.otp input:focus{outline:none}.otp input::selection{background:0 0}.otp__cells{grid-template-columns:repeat(6,1fr);gap:8px;height:100%;display:grid}.otp__cells i{font-variant-numeric:tabular-nums;color:var(--text);transition:box-shadow .25s, background-color .25s, transform .3s var(--ease-out);background:#00000042;border-radius:14px;place-items:center;font-size:24px;font-style:normal;font-weight:620;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.otp__cells i.is-filled{animation:digit-in .35s var(--ease-out)}.otp.is-focus .otp__cells i.is-active{background:#00000057;box-shadow:inset 0 0 0 1.5px #cdb6ff99,0 0 0 4px #ac86ff1a}.otp.is-focus .otp__cells i.is-active:empty:after{content:"";background:var(--lilac);border-radius:1px;width:1.5px;height:24px;animation:1.1s step-end infinite caret}.otp.is-bad .otp__cells i{box-shadow:inset 0 0 0 1.5px #ff78a080}.otp.is-bad{animation:nudge .4s var(--ease-out)}@keyframes digit-in{0%{opacity:.4;transform:translateY(4px)}}@keyframes caret{50%{opacity:0}}@keyframes nudge{20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}.devnote{color:var(--gold);background:#ffd27a12;border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.45;box-shadow:inset 0 0 0 1px #ffd27a29}.devnote b{font-variant-numeric:tabular-nums;letter-spacing:.08em}.switch{text-align:center;color:var(--text-3);margin-top:2px;font-size:13.5px}.switch a,.linkbtn{color:var(--lilac);font-weight:560;text-decoration:none;transition:color .2s}.switch a:hover,.linkbtn:hover:not(:disabled){color:#e6dbff}.switch--split{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.switch--quiet{font-size:12.5px}.linkbtn{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.linkbtn:disabled{color:var(--text-3);cursor:default;font-variant-numeric:tabular-nums;font-weight:500}.authcard__legal{text-align:center;text-wrap:balance;color:var(--text-3);margin-top:18px;font-size:12px}.authcard__legal a{color:var(--text-2);text-underline-offset:3px}.toast[data-kind=ok] svg{color:var(--mint)}.toast[data-kind=error] svg{color:#ff8fae}@media (max-width:520px){.authbar__back span{display:none}.authbar__back{padding:0 12px}.auth__main{align-content:start;padding-top:84px}.authcard{border-radius:26px;padding:24px 20px 20px}.authcard__mark{width:72px;height:64px;margin-bottom:6px}.authcard__mark img{width:50px}.otp{height:52px}.otp__cells{gap:6px}.otp__cells i{border-radius:12px;font-size:21px}.horizon{top:88vh}}@media (prefers-reduced-motion:reduce){.panel.is-in{animation:.25s both fade-in}.panel.is-out{animation:.15s both fade-out}.stage{transition-duration:.2s}.authcard__mark img,.authcard__glow{animation:none}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}
