:root{--bg:#f4f6f8;--card:#fff;--text:#1c2430;--muted:#5b6675;--accent:#2563eb;--accent-hover:#1d4ed8;--error:#b42318;--border:#d0d7de;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{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:16px;width:100%;max-width:360px;padding:32px 24px;display:flex;box-shadow:0 4px 16px #0000000f}h1{text-align:center;margin:0 0 8px;font-size:1.5rem}label{color:var(--muted);flex-direction:column;gap:6px;font-size:.9rem;display:flex}input{font:inherit;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px}input:focus{outline:2px solid var(--accent);outline-offset:-1px}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 12px;font-weight:600}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.6;cursor:default}.error{color:var(--error);margin:0;font-size:.9rem}