*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'Rajdhani', sans-serif;
  background: #0a0c10;
  color: #f2f2f2;
  overflow-x: hidden;
}

.hero{
position: relative;
min-height: 100vh;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.bg-video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:20% center;
}

.overlay{
position:absolute;
inset:0;
background: linear-gradient(
to bottom,
rgba(0,0,0,0.35),
rgba(0,0,0,0.65)
);
}
.content{
gap:1.8rem;
position:relative;
z-index:2;
}

.badge {
  font-family: 'Orbitron', sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  padding: 0.5rem 1.25rem;
  border-radius: 9999px;
  border: 1px solid rgba(234, 120, 20, 0.4);
  background: rgba(234, 120, 20, 0.1);
  color: #ea7814;
}

h1 {
  font-family: 'Orbitron', sans-serif;
  font-weight: 900;
  font-size: clamp(2rem, 6vw, 3.75rem);
  line-height: 1.15;
  color: #f2f2f2;
  text-shadow: 0 2px 20px rgba(0,0,0,0.7), 0 0 40px rgba(234,120,20,0.3);
}

.subtext {
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: #e5e5e5;
  text-shadow: 0 1px 10px rgba(0,0,0,0.6);
  max-width: 480px;
}

.countdown {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.countdown-label{
font-size:0.85rem;
text-transform:uppercase;
letter-spacing:0.18em;
color:#d0d6db;
opacity:0.9;
text-shadow:0 2px 6px rgba(0,0,0,0.7);
}

#timer{
font-size:2rem;
font-weight:700;
color:#ff4d4d;
text-shadow:0 0 12px rgba(255,0,0,0.6);
}

.cta {
  display: inline-block;
  margin-top: 1rem;
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  text-transform: uppercase;
  letter-spacing: 0.75px;
  text-decoration: none;
  padding: 1.25rem 3.5rem;
  border-radius: 0.5rem;
  background: linear-gradient(to right, hsl(25,95%,53%), hsl(25,100%,55%));
  color: #fff;
  box-shadow: 0 0 36px rgba(234,120,20,0.6), 0 0 72px rgba(234,120,20,0.25);
  transition: all 0.3s ease;
  animation: cta-breathe 2.8s ease-in-out infinite;
  position:relative;
  z-index:5;
}

.cta::before{
content:"";
position:absolute;
inset:-6px;
background:linear-gradient(to right,#ff7a18,#ff3d00);
filter:blur(18px);
opacity:.6;
z-index:-1;
border-radius:8px;
}

.cta:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 48px rgba(234,120,20,0.8), 0 0 96px rgba(234,120,20,0.35);
}

.disclaimer{
font-size:0.75rem;
color:#c8ccd0;
margin-top:0.8rem;
opacity:0.85;
text-shadow:0 2px 6px rgba(0,0,0,0.8);
}

@keyframes cta-breathe {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}