.event-page{
  --bg:#000000;
  --card:rgba(255,255,255,0.06);
  --neon:#ea232a;
  --accent:#ea232a;
  --text:#ffffff;
  --muted:#b5b5b5;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.event-page *{box-sizing:border-box}

.event-page{
  background: radial-gradient(circle at top, #111827, #020617 70%);
  color:var(--text);
  padding:0;
}

.event-page section{padding:5rem 1.25rem}
.event-page .container{max-width:1200px;margin:0 auto}

.event-page h1,
.event-page h2,
.event-page h3{letter-spacing:.04em}

.event-page h1{font-size:clamp(2.5rem,5vw,4rem)}
.event-page h2{font-size:clamp(2rem,4vw,3rem)}
.event-page h3{font-size:1.2rem}

.event-page p{color:var(--muted);line-height:1.6}

.event-page .btn{
  display:inline-block;
  padding:1rem 2.5rem;
  border-radius:999px;
  background:linear-gradient(135deg,var(--neon),var(--accent));
  color:#000;
  font-weight:700;
  text-decoration:none;
}

/* HERO */
.event-page .hero{
  position:relative;
  min-height:90vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:url('https://placehold.co/2000x1200/000000/FFFFFF/png') center/cover no-repeat;
}

.event-page .hero::after{
  content:"";
  position:absolute;inset:0;
  background:rgba(0,0,0,.7);
}

.event-page .hero-content{position:relative;z-index:2}
.event-page .hero p{max-width:640px;margin:1.5rem auto}

/* SHOWCASE */
.event-page .showcase-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:2rem;margin-top:3rem
}

.event-page .showcase-card{
  background:var(--card);
  border:1px solid rgba(255,255,255,.1);
  border-radius:24px;
  padding:2rem;
  text-align:center;
}

.event-page .showcase-card img{width:100%;border-radius:16px;margin-bottom:1rem}

.event-page .icon-row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:2rem;margin-top:4rem
}

.event-page .icon{
  background:var(--card);
  border-radius:20px;
  padding:2rem;text-align:center
}

.event-page .icon h3{color:var(--neon)}

/* GIVEAWAY */
.event-page .giveaway{
  background:linear-gradient(180deg,#020617,#020617 60%,#020617);
}

.event-page .form-card{
  max-width:600px;margin:3rem auto 0;
  background:rgba(255,255,255,.08);
  border-radius:28px;
  padding:3rem;
}

.event-page .form-card input{
  width:100%;padding:1rem;margin-bottom:1rem;
  border-radius:999px;border:none
}

.event-page .form-card button{width:100%;margin-top:1rem}
.event-page .small-text{font-size:.85rem;color:var(--muted);margin-top:1rem}

/* BRAND STORY */
.event-page .story-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:2rem;margin-top:3rem
}

.event-page .story-card{
  position:relative;
  border-radius:24px;overflow:hidden
}

.event-page .story-card img{width:100%;height:100%;object-fit:cover}

.event-page .story-card span{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.6);
  font-weight:700;text-align:center
}

/* COUNTDOWN */
.event-page .countdown{text-align:center}

.event-page .timer{
  font-size:clamp(2.5rem,5vw,4rem);
  color:var(--neon);
  margin-top:2rem
}

/* FOOTER */
.event-page .footer{
  text-align:center;padding:3rem 1rem;
  border-top:1px solid rgba(255,255,255,.1)
}