:root{--cream:#EFE9D9;--cream2:#E4DCC4;--ink:#0F0F0F;--pink:#F06CA8;--orange:#E85A1F;--yellow:#F5C518;--green:#1F8A4C}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Space Grotesk",system-ui,sans-serif;font-size:18px;line-height:1.55}
main{max-width:760px;margin:0 auto;padding:48px 20px 80px}
header{display:flex;align-items:center;gap:16px;margin-bottom:40px}
header img{width:64px;height:64px;border:4px solid var(--ink)}
header a{color:inherit;text-decoration:none;font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:22px}
h1{font-family:"Archivo Black",sans-serif;text-transform:uppercase;line-height:.95;font-size:clamp(40px,8vw,72px);margin:0 0 24px}
h2{font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:22px;margin:36px 0 8px}
.kicker{display:inline-block;background:var(--ink);color:var(--cream);font-family:"JetBrains Mono",monospace;font-size:14px;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;margin-bottom:16px}
.card{background:var(--cream2);border:4px solid var(--ink);padding:24px;margin:24px 0;box-shadow:12px 12px 0 var(--orange),12px 12px 0 2px var(--ink)}
code{font-family:"JetBrains Mono",monospace}
a{color:var(--ink)}
nav{margin-top:48px;font-family:"JetBrains Mono",monospace;font-size:14px;text-transform:uppercase;letter-spacing:.06em}
nav a{margin-right:18px}
button{font:inherit;font-family:"Archivo Black",sans-serif;text-transform:uppercase;background:var(--pink);border:4px solid var(--ink);padding:12px 20px;cursor:pointer}