body{
    background:#000;
    color:#0FC9DA;
    font-family:Arial;
    text-align:center;
}

h1{
    margin-top:30px;
    font-size:28px;
    text-shadow:0 0 20px #0FC9DA;
}

.global{
    margin:25px;
    font-size:22px;
}

.counter{
    font-size:22px;
    font-weight:bold;
    color:#fff;
    text-shadow:0 0 10px #0FC9DA;
}

.ranking{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.track{
    background:#111;
    border:1px solid #0FC9DA;
    margin:15px;
    padding:20px;
    width:260px;
    border-radius:15px;
    transition:0.4s;
    position:relative;
}

.track:hover{
    transform:scale(1.05);
    box-shadow:0 0 30px #0FC9DA;
}

.rank{
    position:absolute;
    top:10px;
    left:15px;
    font-weight:bold;
    color:gold;
}

.goal-box{
    margin-top:15px;
}

.progress{
    width:100%;
    height:8px;
    background:#222;
    border-radius:20px;
    overflow:hidden;
    margin-top:5px;
}

.progress-bar{
    height:100%;
    background:linear-gradient(90deg,#0FC9DA,#00ff99);
    box-shadow:0 0 15px #0FC9DA;
    transition:width 1s ease;
}

.percent{
    margin-top:5px;
    font-size:14px;
}