:root { --bg:#0b0b0b; --fg:#f7f7f7; --gold:#bfa14a; --dim:#9a9a9a; }
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background: radial-gradient(1200px at 50% 20%, rgba(191,161,74,.10), transparent 60%), var(--bg);
  color:var(--fg); font: 16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
}
.container{max-width:960px;margin:0 auto;padding:56px 24px 80px}
.header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px}
.header img{width:260px;height:auto;filter: drop-shadow(0 10px 30px rgba(0,0,0,.35))}
h1{margin:0;font-size:38px;letter-spacing:.02em}
h1 .gold{color:var(--gold)}
.sub{color:var(--fg);opacity:.9;max-width:740px;text-align:center;margin-top:6px}
.ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;justify-content:center}
a.btn{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:10px 16px;border-radius:999px;text-decoration:none;transition:.2s}
a.btn:hover{background:var(--gold);color:#0b0b0b}
.section{margin-top:48px}
.card{border:1px solid #222;border-radius:16px;padding:20px;background:rgba(255,255,255,.02)}
.columns{display:grid;grid-template-columns:1fr;gap:18px}
@media (min-width:820px){ .columns{grid-template-columns:1.2fr .8fr} }
ul{margin:0 0 0 18px}
.footer{margin-top:48px;color:var(--dim);font-size:14px;text-align:center}
hr{border:none;border-top:1px solid #222;margin:36px 0}
small.badge{display:inline-block;border:1px solid #333;border-radius:6px;padding:2px 8px;color:var(--dim);font-size:12px}