:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #09090b; color: #fafafa; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 1.25rem; box-sizing: border-box; }
main { width: min(100%, 25rem); }
h1 { font-size: 1.8rem; }
form { display: grid; gap: .6rem; }
input, button { box-sizing: border-box; width: 100%; font: inherit; padding: .8rem; border-radius: .5rem; }
input { background: #18181b; color: #fafafa; border: 1px solid #71717a; margin-bottom: .5rem; }
button { background: #fafafa; color: #09090b; border: 0; cursor: pointer; font-weight: 600; }
:focus-visible { outline: 3px solid #f9a8d4; outline-offset: 2px; }
#error { color: #fda4af; min-height: 1.5em; }