.legal-page {
    min-height: 100vh;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 138, 31, 0.10), transparent 35%),
        linear-gradient(135deg, #060606, #111111);
    color: #f5f5f5;
    padding: 100px 20px 80px;
}

.legal-container {
    max-width: 980px;
    margin: 0 auto;
    background: rgba(10, 10, 10, 0.94);
    border: 1px solid rgba(255, 138, 31, 0.18);
    border-radius: 16px;
    padding: 42px;
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.45);
}

.legal-container h1 {
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 12px;
    color: #ffffff;
}

.legal-updated {
    color: #9d9d9d;
    font-size: 0.9rem;
    margin-bottom: 34px;
}

.legal-container h2 {
    margin-top: 34px;
    margin-bottom: 12px;
    color: var(--color-orange-light);
    font-size: 1.15rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.legal-container p,
.legal-container li {
    color: #d6d6d6;
    line-height: 1.75;
    font-size: 0.96rem;
}

.legal-container ul {
    margin: 12px 0 0 20px;
}

.legal-container strong {
    color: #ffffff;
}

.legal-alert {
    margin: 24px 0;
    padding: 18px;
    border-radius: 10px;
    background: rgba(255, 138, 31, 0.07);
    border: 1px solid rgba(255, 138, 31, 0.25);
    color: #f2f2f2;
}

/* ==========================================================
   TABLETTE
========================================================== */

@media (max-width:1024px){

    .legal-page{
        padding:90px 24px 60px;
    }

    .legal-container{
        max-width:100%;
        padding:34px 30px;
        border-radius:14px;
    }

    .legal-container h1{
        font-size:1.8rem;
    }

    .legal-container h2{
        font-size:1.08rem;
    }

}

/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:768px){

    .legal-page{
        padding:80px 16px 45px;
    }

    .legal-container{
        padding:26px 20px;
        border-radius:12px;
    }

    .legal-container h1{
        font-size:1.55rem;
        line-height:1.3;
        letter-spacing:1px;
    }

    .legal-updated{
        font-size:.82rem;
        margin-bottom:26px;
    }

    .legal-container h2{
        margin-top:28px;
        margin-bottom:10px;
        font-size:1rem;
    }

    .legal-container p,
    .legal-container li{
        font-size:.92rem;
        line-height:1.7;
    }

    .legal-container ul{
        margin-left:18px;
    }

    .legal-alert{
        padding:16px;
        font-size:.9rem;
    }

}

/* ==========================================================
   PETITS MOBILES
========================================================== */

@media (max-width:480px){

    .legal-page{
        padding:70px 12px 35px;
    }

    .legal-container{
        padding:20px 16px;
        border-radius:10px;
    }

    .legal-container h1{
        font-size:1.3rem;
        letter-spacing:.5px;
        word-break:break-word;
    }

    .legal-updated{
        font-size:.78rem;
        margin-bottom:22px;
    }

    .legal-container h2{
        font-size:.92rem;
    }

    .legal-container p,
    .legal-container li{
        font-size:.88rem;
        line-height:1.65;
    }

    .legal-container ul{
        margin-left:16px;
    }

    .legal-alert{
        padding:14px;
        font-size:.85rem;
        line-height:1.6;
    }

}