:root { --gold: #d4af37; --cream: #efe3c8; --blood: #8b0b12; --night: #0a0405; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  min-height: 100vh; color: var(--cream); font: 18px/1.7 "Special Elite", Georgia, serif;
  background: radial-gradient(ellipse at 50% -10%, rgba(10,4,5,.55), rgba(10,4,5,.96) 70%), repeating-conic-gradient(from 0deg at 50% -20%, #5a0d12 0deg 9deg, #2a0a0c 9deg 18deg) fixed, var(--night);
}
main { max-width: 760px; margin: 0 auto; padding: 56px 16px 48px; }
.logo { width: 110px; height: 110px; border-radius: 24px; box-shadow: 0 0 40px rgba(212,175,55,.35); }
.kicker { letter-spacing: 4px; text-transform: uppercase; font-size: 13px; color: var(--gold); margin: 24px 0 0; }
h1 { font-family: "Sancreek", Georgia, serif; font-weight: 400; text-transform: uppercase; color: var(--gold);
     font-size: clamp(36px, 8vw, 64px); line-height: 1.05; margin: 8px 0 24px; text-shadow: 0 3px 0 #3a0a0c; }
h2 { font-family: "Sancreek", Georgia, serif; font-weight: 400; color: var(--gold); font-size: 24px; margin: 36px 0 6px; }
a { color: var(--cream); }
.btn { display: inline-block; background: var(--blood); color: var(--cream); text-decoration: none; font: 700 16px/1 -apple-system, "Helvetica Neue", sans-serif;
       padding: 15px 28px; border-radius: 999px; border: 1px solid var(--gold); margin: 0 10px 12px 0; }
.btn.alt { background: transparent; }
.muted { opacity: .75; font-size: 15px; }
ul { padding-left: 22px; }
footer { margin-top: 64px; font: 13px/1.6 -apple-system, "Helvetica Neue", sans-serif; color: rgba(239,227,200,.6); }
footer a { color: inherit; }