:root{color-scheme:light dark;font-family:system-ui,sans-serif;background:#f4f6f8;color:#17202a}
main{max-width:720px;margin:12vh auto;padding:32px}h1{font-size:40px;letter-spacing:-1px}
main>p:first-child{font-size:13px;letter-spacing:3px;color:#4263a3}
section{margin-top:32px;padding:24px;background:white;border:1px solid #dce2e8;border-radius:12px}
@media(prefers-color-scheme:dark){:root{background:#16191e;color:#e5e9ef}section{background:#20252d;border-color:#343c48}main>p:first-child{color:#9eb8f4}}