.auth-shell{--auth-bg:#0c141c;--auth-card:#141f29;--auth-border:#25323f;--auth-ink:#e8eef3;--auth-muted:#8ea0b0;--auth-accent:#22d3ee;--auth-field:#0f1922;background:radial-gradient(900px 600px at 50% -10%, #22d3ee1a, transparent 60%), linear-gradient(var(--auth-bg), #0a1119);min-height:100dvh;color:var(--auth-ink);place-items:center;padding:24px;display:grid}.auth-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#7896aa0d 1px,#0000 1px),linear-gradient(90deg,#7896aa0d 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(800px 600px at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(800px 600px at 50% 30%,#000 30%,#0000 75%)}.auth-card{background:linear-gradient(var(--auth-card), #111a23);border:1px solid var(--auth-border);border-radius:16px;width:100%;max-width:408px;padding:34px 32px 30px;position:relative;box-shadow:0 24px 60px -24px #000000b3,inset 0 1px #ffffff08}.auth-brand{align-items:center;gap:10px;margin-bottom:22px;display:flex}.auth-brand .dot{background:var(--auth-accent);border-radius:50%;width:11px;height:11px;box-shadow:0 0 14px #22d3eeb3}.auth-brand b{letter-spacing:.2px;font-size:15px}.auth-brand span{color:var(--auth-muted);font-size:13px}.auth-card h1{margin:0 0 4px;font-size:22px;font-weight:650}.auth-card .sub{color:var(--auth-muted);margin:0 0 22px;font-size:13.5px}.auth-field{margin-bottom:14px;display:block}.auth-field span{color:var(--auth-muted);margin-bottom:6px;font-size:12.5px;display:block}.auth-field input{background:var(--auth-field);border:1px solid var(--auth-border);width:100%;color:var(--auth-ink);border-radius:10px;outline:none;padding:11px 13px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.auth-field input::placeholder{color:#5d6c79}.auth-field input:focus{border-color:var(--auth-accent);box-shadow:0 0 0 3px #22d3ee29}.auth-field input.code{letter-spacing:.5em;text-align:center;font-size:18px}.auth-btn{background:var(--auth-accent);color:#06222a;cursor:pointer;border:0;border-radius:10px;width:100%;margin-top:6px;padding:12px;font-size:14.5px;font-weight:650;transition:filter .15s,transform 50ms}.auth-btn:hover{filter:brightness(1.08)}.auth-btn:active{transform:translateY(1px)}.auth-btn:disabled{opacity:.6;cursor:progress}.auth-ghost{width:100%;color:var(--auth-muted);border:1px solid var(--auth-border);cursor:pointer;background:0 0;border-radius:10px;margin-top:10px;padding:10px;font-size:13.5px}.auth-ghost:hover{color:var(--auth-ink);border-color:#34465a}.auth-msg{border-radius:10px;margin-bottom:16px;padding:10px 12px;font-size:13px}.auth-msg.err{color:#fca5a5;background:#f871711f;border:1px solid #f871714d}.auth-msg.ok{color:#86efac;background:#22c55e1f;border:1px solid #22c55e4d}.auth-alt{text-align:center;color:var(--auth-muted);margin-top:20px;font-size:13px}.auth-alt a{color:var(--auth-accent);font-weight:550;text-decoration:none}.auth-alt a:hover{text-decoration:underline}