:root{--bg: #f5f6f8;--surface: #ffffff;--text: #1a1d23;--muted: #5f6672;--primary: #1f5eff;--primary-text: #ffffff;--border: #e2e5ea;--error: #c62828;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--bg: #111318;--surface: #1b1e25;--text: #e8eaee;--muted: #9aa1ad;--primary: #5b8cff;--border: #2b2f38;--error: #ff6b6b}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}.page{min-height:100vh;display:grid;place-items:center;padding:16px}.card{width:100%;max-width:400px;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:16px;text-align:center}.eyebrow{margin:0;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}h1{margin:0;font-size:24px}p{margin:0;line-height:1.5}.muted{color:var(--muted)}.error{color:var(--error)}.button{display:inline-block;padding:12px 16px;border:none;border-radius:8px;background:var(--primary);color:var(--primary-text);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.link{background:none;border:none;color:var(--muted);font:inherit;text-decoration:underline;cursor:pointer}.spinner{width:32px;height:32px;margin:0 auto;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}