@font-face { font-family: Poppins; font-weight: 600; font-display: swap; src: url(fonts/poppins-600.woff2) format("woff2"); }
@font-face { font-family: Inter; font-weight: 100 900; font-display: swap; src: url(fonts/inter-var.woff2) format("woff2"); }
:root { color-scheme: dark; }
html, body { margin: 0; background: #10141c; color: #edf2f4; }
body { font: 400 17px/1.6 Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: 0.2em; text-decoration-color: rgb(237 242 244 / 0.4); }
a:hover { text-decoration-color: currentColor; }
:focus-visible { outline: 2px solid #edf2f4; outline-offset: 3px; border-radius: 4px; }
.legal { max-width: 680px; margin: 0 auto; padding: clamp(32px, 6vw, 80px) 20px 96px; }
.back { display: inline-block; padding: 8px 0; margin-bottom: 40px; font: 600 15px Poppins, system-ui, sans-serif; text-decoration: none; color: #c3cad6; }
h1 { margin: 0 0 16px; font: 600 clamp(36px, 6vw, 56px)/1.05 Poppins, system-ui, sans-serif; letter-spacing: -0.03em; }
h1 span { color: #8d99ae; }
h2 { margin: 40px 0 8px; font: 600 19px/1.3 Poppins, system-ui, sans-serif; }
p { margin: 0; color: #c3cad6; }
.draft { margin: 0 0 8px; padding: 12px 16px; border-radius: 12px; background: rgb(239 35 60 / 0.14); color: #edf2f4; font-size: 15px; }