/* ===== NEXTGEN ELITE FINAL UNIVERSAL FIX ===== */

*{
box-sizing:border-box;
}

body{
background:#000;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
margin:0;
}

/* HEADER */

header{
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 40px;
border-bottom:1px solid #D4AF37;
flex-wrap:wrap;
}

nav ul{
display:flex;
gap:25px;
list-style:none;
padding:0;
margin:0;
}

nav ul li a{
color:#D4AF37;
text-decoration:none;
font-weight:bold;
font-size:16px;
}

/* HERO */

.hero{
text-align:center;
padding:100px 20px;
}

.hero h1{
color:#D4AF37;
font-size:48px;
margin-bottom:10px;
}

/* AWARD CATEGORY */

.categories{
display:flex;
justify-content:center;
gap:25px;
flex-wrap:wrap;
margin-top:40px;
}

.categories div{
border:2px solid #D4AF37;
padding:20px 30px;
}

/* SPONSOR */

.sponsor-grid{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
margin-top:30px;
}

.sponsor-grid div{
background:#fff;
color:#000;
padding:12px 20px;
border-radius:4px;
}

/* COUNTDOWN */

.countdown{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
margin-top:40px;
}

.countdown div{
border:2px solid #D4AF37;
padding:20px;
min-width:110px;
text-align:center;
background:#111;
}

.countdown span{
font-size:32px;
color:#D4AF37;
font-weight:bold;
display:block;
}

.countdown p{
margin:5px 0 0;
}

/* FOOTER */

footer{
text-align:center;
border-top:1px solid #D4AF37;
padding:20px;
margin-top:50px;
}

/* MOBILE */

@media (max-width:768px){

header{
flex-direction:column;
text-align:center;
}

nav ul{
flex-direction:column;
margin-top:10px;
}

.categories{
flex-direction:column;
align-items:center;
}

.countdown{
gap:15px;
}

}