:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #121418; color: #f4f4f5; line-height: 1.7; }
* { box-sizing: border-box; }
body { margin: 0; }
header, main, footer { width: min(100% - 40px, 800px); margin-inline: auto; }
header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 28px; flex-wrap: wrap; }
nav { display: flex; gap: 18px; flex-wrap: wrap; }
a { color: #9acbff; text-underline-offset: 3px; overflow-wrap: anywhere; }
a:focus-visible { outline: 2px solid #b8e5a4; outline-offset: 4px; }
h1 { font-size: 32px; line-height: 1.2; }
h2 { font-size: 21px; margin-top: 32px; color: #b8e5a4; }
p, li { overflow-wrap: anywhere; }
li { margin-bottom: 12px; }
.legal-status { color: #f4c497; }
footer { padding-block: 40px; color: #aaa; }