:root{
  --bg:#090909;
  --card:#151515;
  --text:#f5f5f5;
  --muted:#b7b7b7;
  --orange:#ff7a00;
  --yellow:#ffd200;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:radial-gradient(1200px 600px at 20% -10%, #2b1b00 0%, transparent 60%),
             radial-gradient(800px 500px at 90% 0%, #3a3000 0%, transparent 55%),
             var(--bg);
  color:var(--text);
}
.wrap{max-width:760px;margin:0 auto;padding:28px 20px 48px}
.hero{text-align:center;padding:22px 12px 18px}
.eyebrow{letter-spacing:.22em;font-weight:700;color:var(--orange);font-size:.78rem;margin:0 0 14px}
h1{font-size:clamp(2.4rem,8vw,4.2rem);margin:0;font-weight:900;letter-spacing:.02em}
.tag{font-size:clamp(1rem,3vw,1.4rem);font-weight:800;color:var(--yellow);margin:10px 0}
.sub{color:var(--muted);margin:0 auto;max-width:540px}
.links{display:grid;gap:12px;margin:22px 0}
.btn{
  text-decoration:none;color:var(--text);background:var(--card);
  border:1px solid #2b2b2b;border-radius:14px;padding:15px 16px;
  font-weight:700;text-align:center;transition:.2s transform,.2s box-shadow,.2s border-color
}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.35);border-color:#444}
.btn.primary{background:linear-gradient(90deg,var(--orange),#ff9b2f);color:#111;border:none}
.card{background:var(--card);border:1px solid #2a2a2a;border-radius:16px;padding:16px 18px;margin-top:10px}
.card h2{margin:0 0 10px;font-size:1.02rem}
.card ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.6}
footer{opacity:.7;text-align:center;margin-top:20px}