.auth-shell{--auth-bg:#08080a;--auth-panel:#0d0d10;--auth-line:#2a2a30;--auth-text:#f4f4f5;--auth-muted:#8d8d98;--auth-accent:#58a0be;background:var(--auth-bg);min-height:100svh;color:var(--auth-text);font-family:var(--font-geist-sans), sans-serif;place-items:center;padding:40px 20px;display:grid;position:relative;overflow:hidden}.auth-shell--checking{align-content:center;justify-items:center;gap:18px}.auth-shell--checking .bubble-mark{width:46px;height:46px}.auth-shell--checking p{color:var(--auth-muted);font:11px var(--font-geist-mono), monospace;letter-spacing:.1em;margin:0}.auth-grid{pointer-events:none;background-image:radial-gradient(#22222a .8px,#0000 .8px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,#0000 78%);mask-image:radial-gradient(circle at 50% 40%,#000,#0000 78%)}.auth-card{border:1px solid var(--auth-line);background:var(--auth-panel);border-radius:4px;width:min(100%,440px);padding:34px;animation:.32s cubic-bezier(.2,.8,.2,1) both authIn;position:relative;box-shadow:0 40px 100px #00000080}.auth-head{border-bottom:1px solid var(--auth-line);align-items:center;gap:12px;padding-bottom:22px;display:flex}.auth-head .bubble-mark{flex:none;width:34px;height:34px}.auth-head>div{gap:3px;display:grid}.auth-head strong{letter-spacing:-.05em;font-size:19px;font-weight:700}.auth-head span{color:var(--auth-muted);font:9px var(--font-geist-mono), monospace;letter-spacing:.14em;text-transform:uppercase}.auth-card h1{letter-spacing:-.035em;margin:26px 0 10px;font-size:27px;font-weight:500;line-height:1.15}.auth-lead{color:var(--auth-muted);margin:0 0 26px;font-size:13px;line-height:1.6}.auth-card form{gap:15px;display:grid}.auth-card label{gap:7px;display:grid}.auth-card label>span{color:var(--auth-muted);font:9px var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase}.auth-card input{height:46px;color:var(--auth-text);font:14px var(--font-geist-sans), sans-serif;background:#08080a;border:1px solid #35353d;border-radius:3px;padding:0 13px;transition:border-color .16s,box-shadow .16s}.auth-card input::placeholder{color:#55555e}.auth-card input:focus{border-color:var(--auth-accent);outline:none;box-shadow:0 0 0 1px #58a0be38}.auth-primary{border:1px solid var(--auth-accent);background:var(--auth-accent);color:#09090b;height:46px;font:600 12px var(--font-geist-mono), monospace;letter-spacing:.04em;cursor:pointer;border-radius:3px;margin-top:5px;transition:background-color .16s,transform .16s}.auth-primary:hover:not(:disabled){background:#79b9d1;transform:translateY(-1px)}.auth-primary:disabled{opacity:.6;cursor:wait;transform:none}.auth-error{color:#f0a0a8;font:11px/1.5 var(--font-geist-mono), monospace;background:#b43c461a;border:1px solid #6b2f36;border-radius:3px;margin:0;padding:10px 12px}.auth-switch{border-top:1px solid var(--auth-line);color:var(--auth-muted);text-align:center;margin:22px 0 0;padding-top:20px;font-size:12px}.auth-switch button{color:var(--auth-accent);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}@keyframes authIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:480px){.auth-card{padding:26px 20px}.auth-card h1{font-size:23px}}@media (prefers-reduced-motion:reduce){.auth-card{animation:none}.auth-primary:hover:not(:disabled){transform:none}}
