body {
    background-color: #0A0F1E;
    color: white;
    overflow-x: hidden;
    position: relative;
}

.bg-shape {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
    opacity: 0.4;
}

.shape-1 {
    top: -10%;
    left: -10%;
    width: 500px;
    height: 500px;
    background: #1EA1F2;
}

.shape-2 {
    top: 40%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: #F5A623;
    opacity: 0.2;
}

.shape-3 {
    bottom: -10%;
    left: 20%;
    width: 700px;
    height: 700px;
    background: #0b2240;
}

.glass-nav {
    background: rgba(10, 15, 30, 0.8);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(30, 161, 242, 0.2);
}

.glass-card {
    background: rgba(19, 26, 42, 0.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
}

/* Podium Styles */
.podium-1 {
    background: linear-gradient(to top, rgba(245, 166, 35, 0.3), rgba(245, 166, 35, 0.05));
    border-top: 4px solid #F5A623;
    box-shadow: 0 -10px 40px rgba(245, 166, 35, 0.2);
}

.podium-2 {
    background: linear-gradient(to top, rgba(192, 192, 192, 0.2), rgba(192, 192, 192, 0.05));
    border-top: 4px solid #C0C0C0;
}

.podium-3 {
    background: linear-gradient(to top, rgba(205, 127, 50, 0.2), rgba(205, 127, 50, 0.05));
    border-top: 4px solid #CD7F32;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0A0F1E;
}

::-webkit-scrollbar-thumb {
    background: #1EA1F2;
    border-radius: 4px;
}