:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#0f172a;color:#e2e8f0}.card{width:min(360px,90vw);padding:2rem;border-radius:12px;background:#1e293b;box-shadow:0 10px 30px #00000059}.card h1{margin:0 0 1.5rem;font-size:1.4rem;text-align:center}form{display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}input{padding:.6rem .7rem;border:1px solid #334155;border-radius:8px;background:#0f172a;color:inherit;font-size:1rem}input:focus{outline:2px solid #38bdf8;outline-offset:1px}button{margin-top:.5rem;padding:.65rem;border:none;border-radius:8px;background:#38bdf8;color:#0f172a;font-size:1rem;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:default}.error{margin-top:1rem;color:#f87171;font-size:.9rem}.hint{margin-top:.5rem;color:#94a3b8;font-size:.85rem}