:root{
  --bg:#070707; --panel:#111; --red:#d400bf; --white:#f4f4f4; --muted:#9b9b9b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--white);
  font-family:Impact, Haettenschweiler, "Arial Narrow Bold", Arial, sans-serif;
  letter-spacing:.04em;
}
body:before{
  content:""; position:fixed; inset:0; pointer-events:none; opacity:.08;
  background-image:repeating-linear-gradient(135deg,#fff 0 1px,transparent 1px 9px);
}
nav{
  position:sticky; top:0; z-index:10; display:flex; justify-content:space-between;
  align-items:center; padding:18px 6vw; background:#050505eF; border-bottom:2px solid var(--red);
}
.logo{font-size:1.25rem; color:var(--red); text-transform:uppercase}
nav a{color:#fff; text-decoration:none; margin-left:24px; text-transform:uppercase}
nav a:hover{color:var(--red)}
.hero{
  min-height:78vh; display:grid; place-items:center; text-align:center; padding:70px 6vw;
  background:radial-gradient(circle at center,#260000 0,#090909 42%,#050505 100%);
}
.hero h1{font-size:clamp(4rem,13vw,10rem); line-height:.82; margin:0; text-transform:uppercase}
.hero h1 span{display:block;color:var(--red); text-shadow:5px 5px 0 #000}
.kicker{color:var(--muted); font-size:1.1rem; margin-bottom:18px}
.btn{
  display:inline-block; margin-top:28px; padding:15px 24px; background:var(--red);
  color:#fff; text-decoration:none; text-transform:uppercase; border:2px solid #fff;
}
section{max-width:1100px; margin:auto; padding:80px 6vw}
h2{font-size:clamp(2.4rem,6vw,5rem); margin:0 0 25px; text-transform:uppercase}
.red{color:var(--red)}
.quote{font-size:clamp(1.6rem,4vw,3.2rem); line-height:1.05; border-left:8px solid var(--red); padding-left:22px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--panel);border:1px solid #333;padding:28px}
.card h3{color:var(--red);font-size:1.6rem;margin-top:0}
footer{border-top:1px solid #333;padding:30px 6vw;color:var(--muted);text-align:center}
.program{max-width:900px;margin:auto}
.step{display:grid;grid-template-columns:110px 1fr;gap:25px;padding:25px 0;border-bottom:1px solid #333}
.time{font-size:1.5rem;color:var(--red)}
.text{font-size:clamp(1.3rem,3vw,2rem)}
.note{margin-top:35px;padding:20px;background:#171717;border-left:6px solid var(--red);font-family:Arial,sans-serif;letter-spacing:0}
@media(max-width:700px){.cards{grid-template-columns:1fr}.step{grid-template-columns:1fr;gap:5px}}