*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}
body{background:#050505;color:#fff;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;background:
radial-gradient(circle at 15% 20%,rgba(255,0,128,.7),transparent 35%),
radial-gradient(circle at 85% 30%,rgba(0,255,255,.7),transparent 35%),
radial-gradient(circle at 50% 90%,rgba(255,170,0,.7),transparent 35%);
filter:blur(120px);animation:bgMove 18s infinite alternate;z-index:-10}
@keyframes bgMove{to{transform:scale(1.3) translateY(-80px)}}

.hero{min-height:100vh;position:relative;background:
linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.55)),
url('https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?auto=format&fit=crop&w=2200&q=80');
background-size:cover;background-position:center;overflow:hidden}

nav{display:flex;justify-content:space-between;align-items:center;padding:30px 8%}
.logo{font-size:1.8rem;font-weight:900}
.ticket-btn,.btn{text-decoration:none;color:#fff}

.content{height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.badge{padding:12px 25px;background:rgba(255,255,255,.08);backdrop-filter:blur(20px);border-radius:50px}
h1{font-size:clamp(5rem,12vw,11rem);font-weight:900;line-height:.85;margin-top:20px;
background:linear-gradient(90deg,#ff0080,#ff6b00,#ffe600,#00f7ff,#ff0080);
background-size:400%;-webkit-background-clip:text;color:transparent;animation:grad 8s linear infinite}
@keyframes grad{to{background-position:400%}}
.subtitle{margin-top:20px;font-size:1.2rem}

.buttons{display:flex;gap:20px;margin-top:35px}
.btn{padding:18px 35px;border-radius:50px;font-weight:700}
.primary{background:linear-gradient(90deg,#ff0080,#ff6b00)}
.secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2)}
.ticket-btn:hover,.btn:hover{transform:translateY(-4px)}

.particle{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 15px #fff;animation:float 15s linear infinite}
@keyframes float{from{transform:translateY(110vh)}to{transform:translateY(-150px);opacity:0}}

.countdown-section,.tickets{padding:100px 8%;text-align:center}
.countdown{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:30px}
.time-box,.card{background:rgba(255,255,255,.06);backdrop-filter:blur(20px);border-radius:25px;border:1px solid rgba(255,255,255,.12)}
.time-box{padding:25px;min-width:140px}
.time-box span{font-size:3rem;font-weight:900;display:block}

.features,.ticket-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding:100px 8%}
.card{width:320px;padding:35px;transition:.4s}
.card:hover{transform:translateY(-12px) scale(1.04)}
.icon{font-size:3rem;margin-bottom:15px}
.price{font-size:3rem;font-weight:900;background:linear-gradient(90deg,#ff0080,#00f7ff);-webkit-background-clip:text;color:transparent}

h2{margin-bottom:20px}

@media(max-width:768px){
h1{font-size:4rem}
.buttons{flex-direction:column}
}