@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#000000; --panel:#000000; --gold:#9b2525; --gold2:#b07b15;
  --orange:#ff2020; --cream:#c32d2d; --muted:#d8cfbc;
  --line:rgba(255,214,60,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; min-height:100vh; color:#fff; font-family:Poppins,Arial,sans-serif;
  background:
    radial-gradient(circle at 50% 0,rgba(255,155,24,.12),transparent 35%),
    radial-gradient(circle at 10% 50%,rgba(204, 17, 17, 0.058823529411764705),transparent 28%),
    #000000;
}
body:before{
  content:""; position:fixed; inset:0; pointer-events:none; opacity:.18;
  background-image:radial-gradient(#fff 1px,transparent 1px);
  background-size:32px 32px;
}
a{color:inherit}
.header{
  position:sticky; top:0; z-index:20; padding:11px max(14px,calc((100vw - 1080px)/2));
  display:flex; align-items:center; justify-content:space-between;
  background:rgba(5,5,5,.9); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.logo{
  text-decoration:none; font:800 20px Orbitron,sans-serif; letter-spacing:.5px;
  display:flex; align-items:center; gap:9px;
}
.logo-mark{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  border:2px solid var(--gold);color:var(--gold);box-shadow:0 0 18px rgba(255,217,47,.25)
}
.logo strong{color:var(--gold)}
.nav{display:flex;gap:4px}
.nav a{text-decoration:none;padding:9px 11px;border-radius:8px;color:#eee}
.nav a:hover{background:rgba(255, 49, 49, 0.10196078431372549);color:var(--gold)}
.hamburger{display:none;background:none;border:0;color:#fff;font-size:28px}

.main{position:relative;z-index:1}
.hero{
  width:min(690px,calc(100% - 20px)); margin:auto; padding:14px 0 10px;
}
.hero-card{
  position:relative; overflow:hidden; border-radius:5px;
  border:2px solid #2a1b0c; box-shadow:0 0 0 1px rgba(255,207,49,.25),0 20px 60px rgba(0,0,0,.65);
  background:#120b08;
}
.hero-card img{
  width:100%; height:auto; display:block; object-fit:cover;
}
.hero-card:after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.08) 48%,transparent 60%);
  transform:translateX(-110%); animation:shine 6s infinite;
}
@keyframes shine{60%,100%{transform:translateX(110%)}}

.cta-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:12px 0 10px;
}
.cta{
  display:flex; justify-content:center; align-items:center; min-height:70px;
  padding:13px 10px; text-align:center; text-decoration:none;
  color:#fff; font-weight:800; font-size:18px;
  border:3px solid #b21616; border-radius:16px;
  background:linear-gradient(180deg,#bc1616,#c72a2a 52%,#9d1818);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 5px 0 #6f2c09,0 10px 25px rgba(255,140,20,.13);
  text-shadow:0 2px 3px rgba(0,0,0,.55); transition:.18s;
}
.cta.alt{
  grid-column:1/-1; background:linear-gradient(180deg,#a90d0d,#a90808 58%,#bc2e2e);
  color:#fffbe8; border-color:#9f1818;
}
.cta:hover{transform:translateY(-2px);filter:brightness(1.08)}
.cta:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 0 #6f2c09}

.info{
  border:1px solid var(--line); border-radius:14px; overflow:hidden;
  background:linear-gradient(180deg,rgba(38,23,10,.94),rgba(13,9,7,.96));
  margin:13px 0;
}
.info-title{
  text-align:center; padding:13px; color:var(--gold);
  font:800 16px Orbitron; border-bottom:1px solid var(--line);
}
.info-row{
  display:flex; justify-content:space-between; gap:15px; padding:12px 15px;
  border-bottom:1px solid rgba(255,217,47,.12); color:#eee;
}
.info-row:last-child{border-bottom:0}
.info-row a{color:#ffe56a;font-weight:700}

.content{
  width:min(1100px,calc(100% - 24px)); margin:0 auto; padding:38px 0 65px;
  text-align:center;
}
.eyebrow{font:700 12px Orbitron;color:var(--gold);letter-spacing:2px}
h1{
  margin:12px 0 12px; font:800 clamp(27px,5vw,49px)/1.15 Orbitron;
  text-transform:uppercase;
}
.lead{max-width:850px;margin:0 auto;color:var(--muted);line-height:1.8}
.desc-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px;text-align:left
}
.desc{
  padding:21px;border:1px solid var(--line);border-radius:15px;
  background:linear-gradient(145deg,rgba(37,23,10,.95),rgba(13,10,8,.96));
  transition:.2s;
}
.desc:hover{transform:translateY(-4px);border-color:var(--gold)}
.num{font:800 13px Orbitron;color:var(--gold)}
.desc h2{font-size:18px;margin:9px 0}
.desc p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}

.inner{
  width:min(900px,calc(100% - 24px)); min-height:72vh; margin:auto;
  padding:70px 0; position:relative;z-index:1;
}
.inner h1{text-align:left}
.inner .lead{margin:0;text-align:left}
.inner-actions{margin-top:25px;max-width:430px}
.back{display:block;text-align:center;text-decoration:none;padding:14px;border-radius:14px;
  border:2px solid var(--gold);color:#fff;background:linear-gradient(180deg,#6d2c10,#2b1309);
  font-weight:800
}
footer{
  position:relative;z-index:1;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;
  padding:24px 15px;border-top:1px solid var(--line);color:#aaa;
}
footer strong{color:#fff;font-family:Orbitron}
@media(max-width:760px){
  .header{padding:10px 13px}.hamburger{display:block}.nav{
    display:none;position:absolute;left:10px;right:10px;top:60px;flex-direction:column;
    background:#0e0a07;border:1px solid var(--line);border-radius:13px;padding:7px
  }
  .nav.open{display:flex}
  .hero{width:min(690px,calc(100% - 12px));padding-top:8px}
  .cta{min-height:66px;font-size:17px;border-radius:14px}
  .info-row{font-size:13px;padding:11px 13px}
  .content{padding-top:28px}
  .desc-grid{grid-template-columns:1fr}
}
@media(min-width:900px){
  .hero{padding-top:28px}
  .cta{font-size:19px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
}

.cta.full{grid-column:1/-1}