:root{

    --primary:#0057D9;
    --secondary:#0B1E5B;
    --accent:#FFC928;

    --bg:#04143B;

    --card:#0A235F;

    --white:#ffffff;

}

body{

    font-family:Arial, Helvetica, sans-serif;

    background:var(--bg);

    color:var(--white);

    overflow-x:hidden;

}

.container{

    width:90%;

    max-width:1400px;

    margin:auto;

}

/* ==========================================
NEXT DRAW
========================================== */

#next-draw{

    padding:70px 0;

}

.countdown-wrapper{

    background:linear-gradient(180deg,#16367f,#10285f);

    border-radius:24px;

    padding:45px;

    text-align:center;

    border:1px solid rgba(255,255,255,.08);

}

.countdown-wrapper h2{

    font-size:34px;

    margin-bottom:35px;

}

.countdown-box{

    display:flex;

    justify-content:center;

    gap:25px;

}

.time-box{

    width:150px;

    height:150px;

    background:#0f2455;

    border-radius:20px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

}

.time-box span{

    font-size:60px;

    font-weight:800;

    color:var(--accent);

}

.time-box small{

    margin-top:10px;

    color:#cfd6ea;

    letter-spacing:1px;

}

.draw-time{

    margin-top:35px;

    font-size:20px;

}

.draw-time strong{

    margin-left:15px;

    background:var(--accent);

    color:#111;

    padding:8px 18px;

    border-radius:8px;

}

@media(max-width:768px){

.countdown-box{

flex-direction:column;

align-items:center;

}

}