:root { --bg: #060914; --ink: #F4F6FB; --muted: #8F9AB6; --line: rgba(255,255,255,.1); --lime: #C6FF3D; --gold: #FFC83D;
  --display: 'Big Shoulders Display', Impact, sans-serif; --body: 'Barlow', system-ui, -apple-system, sans-serif; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--body); }
body { background: radial-gradient(120% 60% at 50% 0%, #0f1a3a 0%, var(--bg) 60%) fixed; }
.wrap { max-width: 720px; margin: 0 auto; padding: 24px 16px 64px; line-height: 1.6; font-size: 17px; }
.top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 28px; }
.logo { font-family: var(--display); font-weight: 900; font-size: 34px; letter-spacing: .06em; color: var(--lime); text-decoration: none; text-shadow: 0 0 18px rgba(198,255,61,.4); }
.play { font-family: var(--display); font-weight: 800; text-transform: uppercase; letter-spacing: .05em; background: var(--lime); color: #0A1400; text-decoration: none; padding: 10px 16px; border-radius: 12px; }
h1 { font-family: var(--display); font-weight: 900; font-size: clamp(38px, 9vw, 56px); line-height: 1; text-transform: uppercase; margin: 0 0 8px; }
h2 { font-family: var(--display); font-weight: 800; font-size: 28px; margin: 34px 0 6px; text-transform: uppercase; letter-spacing: .01em; }
h3 { font-size: 18px; margin: 22px 0 4px; }
p, li { color: #D4DAEA; }
a { color: var(--lime); }
.lede { color: var(--muted); margin-top: 0; }
.tiers { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; margin: 14px 0; padding: 0; list-style: none; }
.tiers li { border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; color: var(--ink); }
.tiers b { display: block; font-family: var(--display); font-size: 22px; }
.box { border: 1px solid var(--line); border-radius: 16px; padding: 16px 18px; background: rgba(255,255,255,.03); margin: 16px 0; }
footer { margin-top: 48px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; display: flex; flex-wrap: wrap; gap: 14px; }
footer a { color: var(--muted); }