*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:Poppins,sans-serif;
    background:#090909;
    color:#fff;
    min-height:100vh;
    overflow-x:hidden;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

}

.background{

    position:fixed;
    inset:0;

    background:
            radial-gradient(circle at top,#ffcc00 0%,transparent 35%),
            radial-gradient(circle at bottom right,#ff2d2d 0%,transparent 35%),
            #090909;

    opacity:.18;

}

.hero{

    position:relative;
    z-index:10;

    width:min(1100px,92%);
    text-align:center;

}

.logo img{

    width:160px;
    margin-bottom:35px;

}

.tag{

    display:inline-block;

    background:#ffcc00;
    color:#111;

    padding:10px 22px;

    border-radius:50px;

    font-weight:700;

    margin-bottom:25px;

}

h1{

    font-size:58px;
    line-height:1.1;

    font-weight:800;

    max-width:900px;
    margin:auto;

}

p{

    margin-top:25px;

    font-size:20px;

    color:#d9d9d9;

    max-width:700px;
    margin-left:auto;
    margin-right:auto;

}

strong{

    color:#ffcc00;

}

.countdown{

    margin-top:70px;

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));

    gap:22px;

}

.card{

    background:rgba(255,255,255,.05);

    backdrop-filter:blur(10px);

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

    border-radius:22px;

    padding:35px;

    transition:.35s;

}

.card:hover{

    transform:translateY(-8px);

    border-color:#ffcc00;

    box-shadow:0 15px 40px rgba(255,204,0,.25);

}

.card span{

    font-size:42px;

}

.card h3{

    margin-top:18px;

    font-size:22px;

}

.botao{

    margin-top:60px;

    display:inline-block;

    background:linear-gradient(90deg,#ffb300,#ff2d2d);

    color:#fff;

    text-decoration:none;

    font-weight:700;

    letter-spacing:1px;

    padding:18px 55px;

    border-radius:60px;

    transition:.3s;

    box-shadow:0 15px 40px rgba(255,0,0,.30);

}

.botao:hover{

    transform:scale(1.05);

}

footer{

    margin-top:60px;
    margin-bottom:30px;

    position:relative;
    z-index:10;

}

footer p{

    font-size:15px;
    color:#888;

}

@media(max-width:700px){

    h1{

        font-size:40px;

    }

    p{

        font-size:17px;

    }

}