:root{--bg:#fff;--surface:#f4f4f7;--text:#0b0b0f;--hint:#6b6b78;--accent:#5b4bf5;--accent-contrast:#fff;--danger:#c0392b;--radius-card:16px;--radius-button:12px}@media (prefers-color-scheme:dark){:root{--bg:#0b0b0f;--surface:#17171d;--text:#f2f2f5;--hint:#9a9aa8;--danger:#ff6b5e}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);justify-content:center;align-items:center;margin:0;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;display:flex}main{width:100%;max-width:420px}.card{background:var(--surface);border-radius:var(--radius-card);padding:24px}h1{margin:0 0 8px;font-size:20px;line-height:1.3}p{color:var(--hint);margin:0 0 16px}p.error{color:var(--danger)}.button{border-radius:var(--radius-button);background:var(--accent);width:100%;color:var(--accent-contrast);font:inherit;text-align:center;cursor:pointer;border:0;margin-top:8px;padding:14px 16px;font-weight:600;text-decoration:none;display:block}.button--secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.divider{border:0;border-top:1px solid color-mix(in srgb, var(--hint) 25%, transparent);margin:24px 0 16px}.hidden{display:none}.logo{background:var(--accent);border-radius:10px;width:40px;height:40px;margin-bottom:16px}