:root{--bg: #f6f7f9;--card: #fff;--text: #1b2430;--muted: #6a7686;--accent: #1d5fd1;--border: #d9dee6;--warn-bg: #fff4d6;--warn-text: #6b4b00}@media (prefers-color-scheme: dark){:root{--bg: #12161c;--card: #1b2129;--text: #e7ebf0;--muted: #98a3b1;--accent: #6ea2ff;--border: #2d3641;--warn-bg: #3a3014;--warn-text: #f3d98a}}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.card{width:100%;max-width:380px;padding:28px;display:grid;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:12px}h1{margin:0;font-size:1.5rem}label{display:grid;gap:6px;font-size:.9rem}input{padding:10px 12px;font-size:1rem;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px}button{padding:10px 14px;font-size:1rem;color:#fff;background:var(--accent);border:0;border-radius:8px;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.link{background:none;color:var(--accent);padding:4px;font-size:.9rem}.muted{color:var(--muted);margin:0}.notice{margin:0;padding:10px 12px;border-radius:8px;background:var(--warn-bg);color:var(--warn-text)}