.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:100%;max-width:430px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--ink);padding:32px}
.login-brand{font-size:10px;letter-spacing:.14em;color:var(--muted);margin-bottom:18px}
.login-card h1{margin-bottom:6px}.login-card form{margin-top:30px;display:flex;flex-direction:column;gap:10px}
.login-card label{font-size:12px;color:var(--muted)}
.login-card input{width:100%;font:inherit;color:var(--ink);background:var(--ground);border:1px solid var(--line);border-radius:2px;padding:12px;margin-bottom:10px}
.login-card input:focus{outline:2px solid var(--accent);outline-offset:2px}
#otp{font-family:ui-monospace,monospace;letter-spacing:.4em;font-size:20px}
.login-card button{background:var(--ink);color:var(--surface);padding:12px;font-weight:600}
.login-card button:disabled{opacity:.6;cursor:wait}.login-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
#login-status{font-size:13px;margin:0;min-height:20px;color:var(--neg)}
@media(max-width:450px){.login-page{padding:16px}.login-card{padding:24px}}