:root{
  --black:#070707;
  --black2:#111;
  --red:#8b0000;
  --red2:#2a0000;
  --gold:#d4af37;
  --gold2:#ffdf75;
  --white:#fff;
  --muted:#c9c9c9;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:radial-gradient(circle at top,#2a0000 0,#090909 42%,#000 100%);
  color:var(--white);
}
a{color:var(--gold);text-decoration:none}
header{
  background:linear-gradient(180deg,#160000,#070707);
  border-bottom:2px solid var(--gold);
  box-shadow:0 0 20px rgba(212,175,55,.35);
  padding:20px;
}
.nav{
  max-width:1180px;
  margin:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.brand{
  font-size:30px;
  font-weight:900;
  color:var(--gold);
  text-shadow:0 0 12px rgba(212,175,55,.65);
}
.links{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.links a{
  border:1px solid var(--gold);
  padding:9px 13px;
  border-radius:999px;
  background:#120000;
}
.hero{
  max-width:1180px;
  margin:auto;
  padding:70px 20px 45px;
  text-align:center;
}
.hero h1{
  font-size:clamp(42px,7vw,82px);
  margin:0;
  color:var(--gold);
  text-shadow:0 0 18px rgba(212,175,55,.65);
}
.tagline{
  color:#ff3b3b;
  font-size:clamp(21px,3vw,32px);
  font-weight:800;
  margin:12px 0 20px;
}
.hero p{
  max-width:850px;
  margin:0 auto;
  color:var(--muted);
  font-size:19px;
  line-height:1.55;
}
.cta{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:28px;
}
.btn{
  display:inline-block;
  padding:14px 22px;
  border-radius:12px;
  font-weight:900;
  border:1px solid var(--gold);
  background:linear-gradient(180deg,var(--gold2),var(--gold));
  color:#130000;
}
.btn.secondary{
  background:#150000;
  color:var(--gold);
}
.section{
  max-width:1180px;
  margin:auto;
  padding:35px 20px;
}
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:18px;
}
.card{
  background:linear-gradient(180deg,#170000,#0b0b0b);
  border:1px solid var(--gold);
  border-radius:16px;
  padding:24px;
  box-shadow:0 0 18px rgba(212,175,55,.16);
}
.card h2,.card h3{
  color:var(--gold);
  margin-top:0;
}
.card p{
  color:var(--muted);
  line-height:1.5;
}
footer{
  border-top:1px solid var(--gold);
  text-align:center;
  color:#aaa;
  padding:28px 20px;
  background:#060606;
  margin-top:35px;
}