:root { color-scheme: dark; --bg: #0b0b12; --fg: #f3eef6; --muted: #a59fb0; --accent: #ff7a9c; --field: #1b1a24; }
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: var(--bg); color: var(--fg); font: 17px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { min-height: 100%; display: grid; place-items: center; padding: 24px 16px; }
h1 { font-weight: 600; letter-spacing: .04em; margin: 0 0 24px; text-align: center; font-size: 2.2rem; }
form { width: 100%; max-width: 360px; display: grid; gap: 12px; }
label { color: var(--muted); font-size: .95rem; }
input { width: 100%; padding: 14px 16px; border-radius: 14px; border: 1px solid #2c2a38; background: var(--field); color: var(--fg); font-size: 1rem; }
input:focus { outline: 2px solid var(--accent); outline-offset: 1px; }
button { padding: 14px; border: 0; border-radius: 14px; background: var(--accent); color: #1a0b12; font-weight: 600; font-size: 1rem; cursor: pointer; }
button:disabled { opacity: .6; }
#error { color: #ff9b9b; margin: 4px 0 0; text-align: center; }