:root{color-scheme:light dark;font-family:system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f3f5f8;color:#18202a}main{width:min(30rem,calc(100% - 2rem));padding:2rem;border-radius:1rem;background:#fff;box-shadow:0 1rem 3rem #18202a18}form{display:grid;gap:1rem}label{display:grid;gap:.4rem}input,button{font:inherit;padding:.75rem;border:1px solid #adb5bd;border-radius:.5rem}button{background:#2457d6;color:#fff;border:0;cursor:pointer}nav{display:grid;gap:.75rem;margin-top:1rem}a{color:#2457d6}@media(prefers-color-scheme:dark){body{background:#11151b;color:#eef2f7}main{background:#1b222c}input{background:#11151b;color:#eef2f7}}