:root{--bg:#f4f6f8;--card:#fff;--text:#1c2430;--muted:#5c6b7a;--primary:#1565c0;--error:#c62828;--border:#d5dbe1;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#12161b;--card:#1c2229;--text:#e6eaee;--muted:#9aa7b4;--primary:#64a8f0;--error:#ef7070;--border:#33404c}}*{box-sizing:border-box}body{background:var(--bg);margin:0}.center{place-items:center;min-height:100vh;padding:16px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:24px;display:flex}h1{margin:0 0 4px;font-size:1.3rem}label{color:var(--muted);flex-direction:column;gap:6px;font-size:.9rem;display:flex}input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:10px 12px}button{font:inherit;background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px;font-weight:600}button:disabled{opacity:.6;cursor:default}.error{color:var(--error);margin:0;font-size:.9rem}.muted{color:var(--muted);margin:0}p{margin:0}