:root { --ink: #110B22; --snow: #F2F4F6; --mist: #AEB7C2; --magenta: #EF3E9B; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--ink); color: #DAD4EA; font: 400 1rem/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
header, main, footer { max-width: 46rem; margin: 0 auto; padding: 0 16px; }
header { padding-top: 28px; }
header img { display: block; width: 120px; height: auto; }
main { padding-bottom: 48px; }
h1, h2, h3, h4 { color: var(--snow); line-height: 1.2; margin: 1.8em 0 .5em; }
h1 { font-size: 2rem; }
h2 { font-size: 1.35rem; }
h3 { font-size: 1.1rem; }
a { color: var(--snow); text-decoration-color: var(--magenta); text-underline-offset: 3px; }
a:hover { color: var(--magenta); }
a:focus-visible { outline: 3px solid var(--magenta); outline-offset: 3px; }
li { margin: .3em 0; }
table { border-collapse: collapse; width: 100%; }
td, th { border: 1px solid rgb(174 183 194 / .28); padding: 6px 8px; vertical-align: top; }
footer { padding-top: 20px; padding-bottom: 32px; border-top: 1px solid rgb(174 183 194 / .28); color: var(--mist); font-size: .875rem; }