/* ===============================
   GLOBAL
================================= */

body {
    margin:0;
    font-family:'Orbitron', sans-serif;
    color:#fff;
    background:
    linear-gradient(rgba(0,0,0,0.85), rgba(0,0,0,0.95)),
    url('https://images.unsplash.com/photo-1542751371-adc38448a05e') no-repeat center center fixed;
    background-size:cover;
    text-align:center;
}

h1 {
    margin-top:40px;
    font-size:38px;
    text-shadow:0 0 25px #00ffc3;
    letter-spacing:3px;
}

/* ===============================
   NAVBAR
================================= */

.navbar {
    width:100%;
    background:rgba(0,0,0,0.9);
    padding:15px 0;
    border-bottom:2px solid #00ffc3;
}

.navbar a {
    color:#aaa;
    margin:0 20px;
    text-decoration:none;
    font-weight:bold;
    letter-spacing:1px;
    transition:0.3s;
}

.navbar a:hover {
    color:#00ffc3;
    text-shadow:0 0 10px #00ffc3;
}

.navbar .active {
    color:gold;
    text-shadow:0 0 10px gold;
}

/* ===============================
   PODIUM
================================= */

.podium {
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:40px;
    margin-top:60px;
}

.card {
    background:rgba(255,255,255,0.05);
    backdrop-filter:blur(6px);
    padding:20px;
    border-radius:15px;
    width:220px;
    box-shadow:0 0 20px rgba(0,255,195,0.3);
    transition:0.3s;
}

.card:hover {
    transform:translateY(-5px);
}

.first {
    transform:scale(1.2);
    box-shadow:0 0 35px gold;
}

.avatar {
    width:90px;
    height:90px;
    border-radius:50%;
    margin-bottom:10px;
    border:3px solid #00ffc3;
}

.first .avatar {
    border:3px solid gold;
    box-shadow:0 0 20px gold;
}

.points {
    color:#00ffc3;
    font-weight:bold;
    font-size:18px;
}

.title-badge {
    display:inline-block;
    margin-top:8px;
    padding:4px 12px;
    background:gold;
    color:#000;
    font-size:12px;
    border-radius:15px;
    font-weight:bold;
    box-shadow:0 0 10px gold;
}

/* ===============================
   TABLES
================================= */

table {
    margin:60px auto;
    width:60%;
    border-collapse:collapse;
    background:rgba(255,255,255,0.05);
    border-radius:10px;
    overflow:hidden;
}

th, td {
    padding:12px;
}

th {
    background:#111;
    border-bottom:2px solid #00ffc3;
}

tr:nth-child(even) {
    background:rgba(255,255,255,0.03);
}

tr:hover {
    background:rgba(0,255,195,0.1);
}

/* ===============================
   CHAMPION ANNUEL
================================= */

.year-champion {
    margin-top:30px;
    padding:25px;
    background:linear-gradient(135deg,gold,#ffcc00);
    color:#000;
    border-radius:15px;
    display:inline-block;
    box-shadow:0 0 30px gold;
}

.badge {
    background:gold;
    color:#000;
    padding:4px 10px;
    border-radius:15px;
    font-weight:bold;
}

/* ===============================
   PODIUM EFFETS
================================= */

.first-place {
    box-shadow: 0 0 20px gold, 0 0 40px gold;
    animation: championGlow 2s infinite alternate;
}

@keyframes championGlow {
    from {
        box-shadow: 0 0 15px gold;
    }
    to {
        box-shadow: 0 0 35px orange;
    }
}

.champion-title {
    border:2px solid #00c3ff;
    box-shadow:0 0 20px #00c3ff;
}