:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: Canvas; color: CanvasText; }
form { width: min(360px, 90vw); display: grid; gap: .8rem; padding: 1.5rem; border: 1px solid color-mix(in srgb, CanvasText 20%, transparent); border-radius: 10px; }
h1 { margin: 0 0 .5rem; font-size: 1.3rem; }
input, button { font: inherit; padding: .6rem .8rem; border-radius: 6px; border: 1px solid color-mix(in srgb, CanvasText 30%, transparent); }
button { background: #2c6bed; color: #fff; border-color: transparent; cursor: pointer; }
button:disabled { opacity: .6; cursor: default; }
.error { color: #d94b3b; min-height: 1.2em; margin: 0; }