:root{
--primary:#ff6b00;
--secondary:#07173d;
--blue:#00b7ff;
}

body{
font-family:'Segoe UI',sans-serif;
}

.custom-nav{
background:rgba(0,0,0,.75);
backdrop-filter:blur(10px);
}

.hero{
background:url('../images/hero-bg.jpg');
background-size:cover;
background-position:center;
position:relative;
}

.overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.65);
}

.gradient{
background:linear-gradient(90deg,#00b7ff,#00ffff);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.countdown-box{
background:#fff;
padding:30px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.2);
}

.countdown{
display:flex;
justify-content:space-between;
text-align:center;
}

.countdown h2{
font-size:40px;
font-weight:700;
color:var(--primary);
}

.stat-card,
.track-card,
.sponsor-card{
background:#fff;
padding:30px;
border-radius:15px;
text-align:center;
box-shadow:0 5px 20px rgba(0,0,0,.08);
height:100%;
}

.track-card i{
font-size:50px;
color:var(--primary);
margin-bottom:20px;
}

.prize-card{
padding:40px;
border-radius:20px;
color:#fff;
text-align:center;
}

.gold{
background:linear-gradient(135deg,#ffb300,#ff6b00);
}

.silver{
background:linear-gradient(135deg,#c8c8c8,#8a8a8a);
}

.bronze{
background:linear-gradient(135deg,#d46b08,#8b4513);
}

.register-section{
background:#07173d;
color:#fff;
padding:80px 0;
}

.footer{
background:#081123;
color:#fff;
padding:40px 0;
}

.whatsapp{
position:fixed;
right:20px;
bottom:20px;
width:60px;
height:60px;
background:#25d366;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:30px;
text-decoration:none;
z-index:999;
}