:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#171329;color:#221d32}main{width:min(36rem,calc(100% - 2rem));padding:2rem;border-radius:1rem;background:#fff}form{display:grid;gap:1rem}label{display:grid;gap:.4rem}input,button{font:inherit;padding:.75rem;border:1px solid #aaa;border-radius:.5rem}button{background:#6941c6;color:#fff;border:0}@media(prefers-color-scheme:dark){body{color:#f7f4ff}main{background:#241e35}input{background:#171329;color:#f7f4ff}}