:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #10131a; color: #f3f4f6; }
body { margin: 0; }
main { max-width: 32rem; margin: 12vh auto; padding: 1.5rem; }
h1 { font-size: 2rem; }
p { line-height: 1.6; color: #b8beca; }
label { display: flex; align-items: flex-start; gap: .7rem; padding: 1.2rem; background: #171b24; border: 1px solid #343b48; border-radius: .6rem; line-height: 1.5; }
input[type=checkbox] { margin-top: .3rem; width: 1.1rem; height: 1.1rem; flex-shrink: 0; accent-color: #83d9b4; }
button { border: 0; border-radius: .5rem; padding: .9rem 1.2rem; background: #83d9b4; color: #10131a; font: inherit; font-weight: 650; cursor: pointer; }
:focus-visible { outline: 3px solid #83d9b4; outline-offset: 4px; }