body {

    margin: 0;

    background:
        radial-gradient(circle at top, #172033, #05070b 45%);

    color: white;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "SF Pro Display",
        sans-serif;

    padding: 25px;

}



.header p {

    color: #8e8e93;

    letter-spacing: 3px;

    font-size: 14px;

    margin-bottom: 5px;

}



.header h1 {

    font-size: 44px;

    letter-spacing: -2px;

    margin-top: 0;

}



.card {

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

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

    border-radius:
        28px;

    padding:
        24px;

    margin-top:
        20px;

    backdrop-filter:
        blur(20px);

}



.card h2 {

    margin-top: 0;

    font-size: 20px;

}



.online {

    color:
        #30d158;

    font-size:
        22px;

    font-weight:
        700;

}



.stats {

    display:
        flex;

    gap:
        15px;

    flex-wrap:
        wrap;

}



.stats div {

    flex:
        1;

    min-width:
        90px;

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

    border-radius:
        20px;

    padding:
        15px;

    text-align:
        center;

}



.stats h1 {

    margin:
        0;

    font-size:
        36px;

}



.stats p {

    margin-bottom:
        0;

    color:
        #8e8e93;

}



.activity-item {

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

    border-radius:
        20px;

    padding:
        16px;

    margin-top:
        12px;

}



.activity-item p {

    margin:
        5px 0;

}



.activity-item strong {

    font-size:
        18px;

}



.activity-item small {

    color:
        #8e8e93;

}