.prizes-page{
    width:100%;
    padding-bottom:48px;
}

/* =========================================
   HERO PREMIUM
========================================= */
.prizes-hero{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    padding:24px 18px 20px;
    margin-bottom:18px;
    border:1px solid rgba(255,208,92,.26);
    background:
        radial-gradient(circle at top right, rgba(255,208,92,.18), transparent 28%),
        radial-gradient(circle at bottom left, rgba(46,232,137,.14), transparent 34%),
        linear-gradient(145deg, #081426 0%, #07111f 58%, #050b15 100%);
    box-shadow:0 22px 48px rgba(0,0,0,.28);
}

.prizes-hero::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size:42px 42px;
    opacity:.42;
}

.prizes-hero > *{
    position:relative;
    z-index:2;
}

.prizes-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:34px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(255,208,92,.10);
    border:1px solid rgba(255,208,92,.26);
    color:#ffe8a3;
    font-size:12px;
    font-weight:1000;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:14px;
}

.prizes-hero h1{
    margin:0 0 10px;
    color:#fff;
    font-size:34px;
    line-height:1.02;
    font-weight:1000;
    letter-spacing:-.04em;
}

.prizes-hero-text{
    margin:0;
    color:#d6e5ff;
    font-size:14px;
    line-height:1.55;
}

.prize-total-card{
    margin-top:18px;
    padding:18px;
    border-radius:28px;
    border:1px solid rgba(255,208,92,.22);
    background:
        radial-gradient(circle at top left, rgba(255,208,92,.16), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 14px 28px rgba(0,0,0,.18);
}

.prize-total-label{
    display:block;
    margin-bottom:8px;
    color:#9effca;
    font-size:12px;
    font-weight:1000;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.prize-total-value{
    display:block;
    color:#06111f;
    background:linear-gradient(135deg, #ffe182 0%, #40e693 100%);
    border-radius:22px;
    padding:14px 16px;
    text-align:center;
    font-size:36px;
    line-height:1;
    font-weight:1000;
    box-shadow:0 10px 26px rgba(70,214,146,.18);
}

.prize-total-note{
    display:block;
    margin-top:10px;
    color:#cfe0fb;
    font-size:13px;
    line-height:1.45;
}

.prize-total-split{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    margin-top:14px;
}

.prize-total-split-card{
    border-radius:22px;
    padding:14px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    text-align:center;
}

.prize-total-split-card.first{
    border-color:rgba(255,208,92,.28);
    background:
        radial-gradient(circle at top right, rgba(255,208,92,.14), transparent 28%),
        rgba(255,255,255,.05);
}

.prize-total-split-card.second{
    border-color:rgba(190,210,235,.22);
}

.prize-total-split-card.third{
    border-color:rgba(198,125,62,.24);
}

.prize-total-split-card span{
    display:block;
    margin-bottom:6px;
    color:#a8ffd7;
    font-size:12px;
    font-weight:1000;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.prize-total-split-card strong{
    display:block;
    color:#fff;
    font-size:28px;
    line-height:1;
    font-weight:1000;
}

/* =========================================
   PODIO
========================================= */
.prizes-podium{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    margin:18px 0;
}

.prize-place-card{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    padding:18px;
    border:1px solid rgba(255,255,255,.10);
    background:
        radial-gradient(circle at top right, rgba(80,153,255,.10), transparent 30%),
        linear-gradient(145deg, rgba(10,23,42,.98), rgba(7,16,31,.98));
    box-shadow:0 18px 38px rgba(0,0,0,.22);
}

.prize-place-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(135deg, rgba(255,255,255,.05), transparent 32%);
}

.prize-place-card > *{
    position:relative;
    z-index:2;
}

.prize-place-card.first{
    border-color:rgba(255,208,92,.34);
    background:
        radial-gradient(circle at top right, rgba(255,208,92,.20), transparent 30%),
        linear-gradient(145deg, rgba(38,28,7,.98), rgba(7,16,31,.98));
}

.prize-place-card.second{
    border-color:rgba(190,210,235,.24);
    background:
        radial-gradient(circle at top right, rgba(210,225,244,.14), transparent 30%),
        linear-gradient(145deg, rgba(18,28,42,.98), rgba(7,16,31,.98));
}

.prize-place-card.third{
    border-color:rgba(198,125,62,.28);
    background:
        radial-gradient(circle at top right, rgba(198,125,62,.14), transparent 30%),
        linear-gradient(145deg, rgba(34,20,12,.98), rgba(7,16,31,.98));
}

.prize-place-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
}

.prize-medal{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:18px;
    display:grid;
    place-items:center;
    font-size:28px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
}

.prize-place-head h2{
    margin:0;
    color:#fff;
    font-size:24px;
    line-height:1.02;
    font-weight:1000;
}

.prize-place-head p{
    margin:4px 0 0;
    color:#c8d8f4;
    font-size:13px;
    line-height:1.35;
}

.prize-highlight-value{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    margin-bottom:14px;
    border-radius:999px;
    padding:0 18px;
    color:#06111f;
    background:linear-gradient(135deg, #ffdf82, #35e792);
    font-size:26px;
    line-height:1;
    font-weight:1000;
    box-shadow:0 0 28px rgba(255,208,92,.14);
}

.prize-list{
    display:grid;
    gap:9px;
    margin:0;
    padding:0;
    list-style:none;
}

.prize-list li{
    display:flex;
    align-items:flex-start;
    gap:9px;
    color:#d8e6ff;
    font-size:14px;
    line-height:1.45;
}

.prize-list li::before{
    content:"✓";
    width:22px;
    height:22px;
    min-width:22px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:rgba(46,232,137,.13);
    border:1px solid rgba(46,232,137,.24);
    color:#a5ffd5;
    font-size:12px;
    font-weight:1000;
}

/* =========================================
   INFOS FINAIS
========================================= */
.prizes-info-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    margin-top:18px;
}

.prizes-info-card{
    border-radius:26px;
    padding:18px;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.06), transparent 30%),
        linear-gradient(145deg, rgba(10,23,42,.98), rgba(7,16,31,.98));
    border:1px solid rgba(255,255,255,.09);
}

.prizes-info-kicker{
    display:block;
    margin-bottom:8px;
    color:#9effca;
    font-size:11px;
    font-weight:1000;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.prizes-info-card h3{
    margin:0 0 10px;
    color:#fff;
    font-size:22px;
    line-height:1.08;
    font-weight:1000;
}

.prizes-info-card p{
    margin:0;
    color:#c8d8f4;
    font-size:14px;
    line-height:1.55;
}

.prizes-final-cta{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    margin-top:18px;
    padding:18px;
    border-radius:28px;
    border:1px solid rgba(46,232,137,.22);
    background:
        radial-gradient(circle at top right, rgba(46,232,137,.14), transparent 28%),
        linear-gradient(145deg, rgba(8,20,38,.98), rgba(7,16,31,.98));
    box-shadow:0 16px 32px rgba(0,0,0,.18);
}

.prizes-final-kicker{
    display:block;
    margin-bottom:6px;
    color:#a8ffd7;
    font-size:11px;
    font-weight:1000;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.prizes-final-cta strong{
    display:block;
    color:#fff;
    font-size:22px;
    line-height:1.15;
    font-weight:1000;
}

.prizes-final-cta a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    width:100%;
    border-radius:18px;
    text-decoration:none;
    color:#06111f;
    background:linear-gradient(135deg, #ffdf82, #35e792);
    font-size:16px;
    font-weight:1000;
    box-shadow:0 0 24px rgba(46,232,137,.12);
}

/* =========================================
   DESKTOP
========================================= */
@media (min-width: 760px){
    .prizes-hero{
        padding:30px 24px 24px;
    }

    .prizes-hero h1{
        font-size:52px;
        max-width:900px;
    }

    .prizes-hero-text{
        max-width:860px;
        font-size:16px;
    }

    .prize-total-split{
        grid-template-columns:repeat(3, minmax(0,1fr));
    }

    .prizes-podium{
        grid-template-columns:1.2fr .95fr .9fr;
        align-items:stretch;
    }

    .prize-place-card.first{
        transform:translateY(-8px);
    }

    .prizes-info-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .prizes-final-cta{
        grid-template-columns:minmax(0,1fr) 260px;
        align-items:center;
    }
}