:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #152238; color: #f8fafc; }
main { width: min(28rem, calc(100% - 2rem)); padding: 2rem; border-radius: .75rem; background: #22324d; box-shadow: 0 .5rem 2rem #0006; }
label { display: grid; gap: .35rem; margin: 1rem 0; }
input, button { box-sizing: border-box; width: 100%; padding: .75rem; font: inherit; border-radius: .35rem; }
button { cursor: pointer; font-weight: 700; }
:focus-visible { outline: .2rem solid #fbbf24; outline-offset: .15rem; }
[hidden] { display: none !important; }