:root{--auth-bg:#f5f7fa;--auth-fg:#1a2233;--auth-muted:#718ebf;--auth-card:#fff;--auth-border:#e6eff5;--auth-field:#f5f7fa;--auth-accent:#2d60ff;--auth-accent-fg:#fff;--auth-danger:#fe5c73}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%}body{color:var(--auth-fg);background:var(--auth-bg);font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--auth-accent);text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;background:radial-gradient(900px 420px at 0 0,rgba(45,96,255,.12),transparent 55%),var(--auth-bg)}.card{width:min(420px,100%);background:var(--auth-card);border:1px solid var(--auth-border);border-radius:22px;padding:1.75rem;box-shadow:0 10px 30px rgba(20,40,90,.06)}.brand{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.25rem;color:var(--auth-fg)}.sub{color:var(--auth-muted);font-size:.95rem;margin-bottom:1.5rem}.form{grid-gap:.9rem;gap:.9rem}.form,label{display:grid}label{grid-gap:.35rem;gap:.35rem;font-size:.85rem;color:var(--auth-muted)}input{width:100%;border:1px solid var(--auth-border);background:var(--auth-field);color:var(--auth-fg);border-radius:12px;padding:.75rem .9rem;font-size:1rem}input:focus{outline:2px solid color-mix(in srgb,var(--auth-accent) 45%,transparent);border-color:var(--auth-accent)}.btn{border:0;border-radius:12px;padding:.8rem 1rem;font-size:1rem;font-weight:700;cursor:pointer;background:var(--auth-accent);color:var(--auth-accent-fg)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--auth-fg);border:1px solid var(--auth-border)}.error{color:var(--auth-danger)}.error,.muted{font-size:.9rem}.muted{color:var(--auth-muted);text-align:center;margin-top:1rem}.stack{display:grid;grid-gap:.75rem;gap:.75rem}.row{display:flex;gap:.75rem;flex-wrap:wrap}.otp-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.65rem;gap:.65rem}.otp-input{font-size:1.4rem;letter-spacing:.05em;padding:.85rem .25rem}.code-box,.otp-input{text-align:center;font-weight:700}.code-box{font-family:SF Mono,Consolas,Liberation Mono,monospace;font-size:2rem;letter-spacing:.35em;padding:1rem;border-radius:12px;border:1px dashed var(--auth-border);background:var(--auth-field);color:var(--auth-accent)}