.login-page{background:var(--bg-deep);min-height:100vh;color:var(--text);place-items:center;padding:24px 16px;display:grid}.login-card{border:1px solid var(--border);background:var(--bg);border-radius:12px;width:min(360px,100%);padding:28px 28px 24px}.login-card h1{margin:0 0 4px;font-size:22px}.login-card>p{color:var(--muted);margin:0 0 20px;font-size:13px}.login-form{gap:14px;display:grid}.login-form label{color:var(--text-2);gap:6px;font-size:13px;display:grid}.login-form input{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;border-radius:8px;padding:8px 10px}.login-form input:focus{outline:2px solid var(--accent);outline-offset:1px}.login-form p[role=alert]{color:var(--danger);margin:0;font-size:13px}.login-form button{background:var(--accent);color:var(--button-fg);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:9px 12px;font-weight:600}.login-form button:disabled{opacity:.6;cursor:default}