body {

    font-family: Arial, sans-serif;

    background:#080b14;

    color:white;

    margin:0;

    text-align:center;

}



header {

    padding:70px 20px 40px;

}



.logo {

    width:130px;

    height:130px;

    border-radius:25px;

}



h1 {

    font-size:52px;

    margin-bottom:10px;

}



.subtitle {

    font-size:20px;

    color:#b8c1d9;

}



.button {

    display:inline-block;

    margin-top:25px;

    background:#5865F2;

    color:white;

    padding:15px 35px;

    border-radius:12px;

    text-decoration:none;

    font-weight:bold;

}





.stats {

    display:flex;

    justify-content:center;

    gap:25px;

    flex-wrap:wrap;

    margin:40px auto;

}





.stat-box {

    background:#111827;

    width:180px;

    padding:25px;

    border-radius:18px;

}





.stat-box h3 {

    font-size:18px;

    margin-top:0;

    color:#cbd5e1;

}





.stat-box p {

    font-size:35px;

    font-weight:bold;

    margin:10px;

}





.status-card {

    background:#111827;

    max-width:650px;

    margin:30px auto;

    padding:30px;

    border-radius:20px;

}





#status {

font-size:32px;

}





#heartbeat {

color:#9ca3af;

}





.faq {

    max-width:750px;

    margin:60px auto;

    padding:20px;

}





.faq-item {

    background:#111827;

    margin:15px 0;

    border-radius:15px;

    overflow:hidden;

}





.faq-question {

    width:100%;

    padding:20px;

    background:none;

    border:none;

    color:white;

    font-size:18px;

    text-align:left;

    display:flex;

    justify-content:space-between;

    cursor:pointer;

}





.faq-question span {

    font-size:25px;

}





.faq-answer {

    max-height:0;

    overflow:hidden;

    transition:max-height .3s ease;

}





.faq-answer p {

    padding:0 20px 20px;

    color:#cbd5e1;

    line-height:1.6;

}





.faq a {

    color:#7289da;

}





@media(max-width:500px){


    .stat-box {

        width:220px;

    }


    h1 {

        font-size:42px;

    }


}