:root{--noir:#0B0B0C;--creme:#F4F2EE;--orange:#F5A623}
*{box-sizing:border-box}
body{margin:0;background:var(--noir);color:var(--creme);font:16px/1.65 Inter,system-ui,-apple-system,sans-serif}
main{max-width:720px;margin:0 auto;padding:48px 20px 64px}
h1,h2{font-family:"Bebas Neue",Oswald,Impact,sans-serif;font-weight:400;letter-spacing:.02em;line-height:1.05}
h1{font-size:clamp(2.6rem,9vw,4rem);margin:0 0 16px}
h2{font-size:1.6rem;margin:32px 0 8px;color:var(--orange)}
a{color:var(--orange)}
.muted{opacity:.7;font-size:.9rem}
nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
nav a{display:inline-block;padding:14px 20px;border:1px solid var(--creme);border-radius:10px;color:var(--creme);text-decoration:none}
nav a:hover{background:var(--creme);color:var(--noir)}
footer{margin-top:48px;padding-top:16px;border-top:1px solid #333;font-size:.85rem;opacity:.7}
footer a{color:var(--creme)}