:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #100e18; color: #f6f2ff; }
* { box-sizing: border-box; }
body { margin: 0; padding: 24px; }
main { max-width: 720px; margin: 36px auto 80px; }
.brand { display: inline-flex; gap: 10px; align-items: center; text-decoration: none; font-size: 22px; font-weight: 700; }
.brand img { width: 36px; height: 36px; }
h1 { margin-top: 48px; font-size: clamp(32px, 6vw, 48px); line-height: 1.1; letter-spacing: -.04em; }
h2 { margin-top: 32px; font-size: 19px; }
p, li { font-size: 16px; line-height: 1.7; color: #c9c2d7; }
a { color: #c9b2ff; text-underline-offset: 4px; }
a:focus-visible { outline: 2px solid #c9b2ff; outline-offset: 5px; border-radius: 3px; }
.back { display: inline-flex; align-items: center; min-height: 44px; margin-top: 20px; }
@media (max-width: 480px) { body { padding: 20px; } main { margin-top: 8px; } }