@import url("/portal-assets/buttons.css");
:root{color-scheme:dark;--ink:#f3f5f8;--muted:#8290a0;--line:#2c3d4e;--blue:#55aaff}
*{box-sizing:border-box}
html,body{width:100%;min-height:100%;margin:0}
body{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px;background:#080a0d;color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.auth{width:min(100%,360px);display:flex;flex-direction:column;align-items:center;gap:28px}
threadbro-bot{--bot-size:152px;display:block;width:var(--bot-size);height:var(--bot-size);filter:drop-shadow(0 0 9px rgba(71,158,255,.2)) drop-shadow(0 0 22px rgba(71,158,255,.12));animation:bot-glow 4.8s ease-in-out infinite}
form{width:100%;margin:0}
.auth form:not(.resend){display:flex;align-items:center;gap:8px;padding:7px 8px 7px 19px;border:1px solid var(--line);border-radius:999px;background:rgba(17,25,34,.72);box-shadow:0 15px 45px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.045)}
.line-input{display:block;flex:1 1 auto;width:0;min-width:0;height:38px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;outline:none}
.line-input::placeholder{color:var(--muted)}
.line-input:focus{box-shadow:none}
.code-input{text-align:center;letter-spacing:.38em;font-variant-numeric:tabular-nums}
.resend{margin-top:-18px}
.payment-confirmed{gap:28px}
.payment-confirmed h1{margin:0;color:var(--ink);font-size:20px;font-weight:500;line-height:1.3;text-align:center}
.status-copy{margin:-12px 0 0;color:var(--muted);font-size:13px;line-height:1.7;text-align:center;overflow-wrap:anywhere}
.resend-button{margin:0 auto}
.auth-footnote{width:100%;margin-top:2px;padding-top:16px;border-top:1px solid rgba(134,155,180,.13);color:#8d98a6;font-size:10px;line-height:1.5;text-align:center}
.auth-footnote p{margin:0 0 10px}
.auth-footnote nav{display:flex;justify-content:center;gap:7px}
.auth-footnote a{color:#a9c8e8;text-decoration:none}
.auth-footnote a:hover{text-decoration:underline;text-underline-offset:3px}
.error{width:100%;margin:0;color:#ff9ca8;text-align:center;font-size:13px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes bot-glow{0%,100%{filter:drop-shadow(0 0 8px rgba(71,158,255,.16)) drop-shadow(0 0 18px rgba(71,158,255,.09))}50%{filter:drop-shadow(0 0 14px rgba(71,158,255,.32)) drop-shadow(0 0 30px rgba(71,158,255,.18))}}
@media(prefers-reduced-motion:reduce){threadbro-bot{animation:none;filter:drop-shadow(0 0 12px rgba(71,158,255,.2))}}
@media(max-width:420px){.auth{width:min(100%,320px);gap:25px}.auth form:not(.resend){padding-left:15px}threadbro-bot{--bot-size:144px}}