:root{color-scheme:light dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f4f5f7;color:#16181d}
.card{width:min(380px,92vw);background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 16px rgba(0,0,0,.08)}
.brand{font-weight:700;letter-spacing:.02em;margin:0 0 12px}h1{font-size:1.25rem;margin:0 0 16px}
.button,button{display:block;width:100%;box-sizing:border-box;margin:8px 0;padding:11px 14px;border-radius:8px;border:1px solid #c9ccd3;background:#fff;color:inherit;font:inherit;text-align:center;text-decoration:none;cursor:pointer}
button{background:#16181d;color:#fff;border-color:#16181d}label{display:block;margin:12px 0 4px;font-size:.9rem}
input{width:100%;box-sizing:border-box;padding:10px;border-radius:8px;border:1px solid #c9ccd3;font:inherit}
.or{margin:20px 0 4px;color:#666;font-size:.9rem;text-align:center}.note{background:#fff5d6;padding:10px;border-radius:8px;font-size:.9rem}
@media (prefers-color-scheme:dark){body{background:#111317;color:#e8e9ec}.card{background:#1b1e24}.button{background:#1b1e24;border-color:#3a3e47}input{background:#111317;color:inherit;border-color:#3a3e47}button{background:#e8e9ec;color:#111317}.note{background:#3d3416}}