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


body {

    height:100vh;
    font-family:'Inter', sans-serif;
    color:white;
    overflow:hidden;

}



.background {

    position:absolute;
    width:100%;
    height:100%;

    background:
    radial-gradient(circle at top left,#2563eb55,transparent 40%),
    radial-gradient(circle at bottom right,#7c3aed55,transparent 40%),
    #050816;

    z-index:-1;

}



.container {

    height:100vh;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;

    padding:20px;

}



.logo {

    position:absolute;
    top:40px;

    font-size:32px;
    font-weight:900;

    letter-spacing:-1px;

}


.logo span {

    color:#3b82f6;

}



.content {

    max-width:800px;

}



.badge {

    display:inline-block;

    padding:10px 20px;

    border-radius:50px;

    background:rgba(255,255,255,0.08);

    border:1px solid rgba(255,255,255,0.15);

    backdrop-filter:blur(10px);

    font-size:14px;

    margin-bottom:35px;

}



h1 {

    font-size:70px;

    line-height:1.1;

    font-weight:900;

    letter-spacing:-3px;

}



h1 span {

    background:linear-gradient(
        90deg,
        #60a5fa,
        #a78bfa
    );

    -webkit-background-clip:text;

    color:transparent;

}



p {

    margin-top:30px;

    font-size:20px;

    line-height:1.7;

    color:#cbd5e1;

}



.status {

    margin-top:40px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-weight:600;

}



.loader {

    width:15px;

    height:15px;

    background:#22c55e;

    border-radius:50%;

    animation:pulse 1.5s infinite;

}



@keyframes pulse {

    0% {
        box-shadow:0 0 0 0 #22c55e88;
    }


    70% {
        box-shadow:0 0 0 20px transparent;
    }


    100% {
        box-shadow:0 0 0 0 transparent;
    }

}



.social {

    margin-top:45px;

    display:flex;

    gap:20px;

}



.social a {

    text-decoration:none;

    color:white;

    padding:12px 25px;

    border-radius:30px;

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

    transition:.3s;

}



.social a:hover {

    background:white;

    color:#050816;

}



footer {

    position:absolute;

    bottom:30px;

    color:#64748b;

    font-size:14px;

}




@media(max-width:700px){


h1 {

font-size:45px;

}


p {

font-size:16px;

}


}