/* =========================================================
   PAGES LÉGALES · confidentialité, mentions légales
========================================================= */

.legal{
    color:#fff;
    font-family:"DM Sans",Arial,Helvetica,sans-serif;
    background:linear-gradient(180deg,#240f45 0%,#161236 24%,#0b0c1d 100%);
}

.legal *{ box-sizing:border-box; }

.legal-inner{ width:min(860px,calc(100% - 44px)); margin:0 auto; }

.legal-hero{ padding:84px 0 36px; }

.legal-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
    font:800 12px/1 "Space Grotesk",sans-serif;
    letter-spacing:.24em;
    color:#ff2d8d;
}

.legal-kicker i{ width:9px; height:9px; border-radius:50%; background:#ff2d8d; box-shadow:0 0 14px #ff2d8d; }

.legal-hero h1{
    margin:0;
    font:800 clamp(38px,6vw,70px)/1 "Space Grotesk",sans-serif;
    letter-spacing:-.04em;
}

.legal-hero p{ max-width:560px; margin:20px 0 0; font-size:17px; line-height:1.6; color:#9aa6c4; }

.legal-body{ padding-bottom:90px; }

.legal-body section{ padding:30px 0; border-top:1px solid rgba(255,255,255,.1); }

.legal-body h2{ margin:0 0 14px; font:800 22px/1.2 "Space Grotesk",sans-serif; letter-spacing:-.01em; }

.legal-body p,
.legal-body li{ font-size:16px; line-height:1.7; color:rgba(255,255,255,.82); }

.legal-body ul{ margin:0 0 12px; padding-left:22px; }

.legal-body li{ margin-bottom:6px; }

.legal-body a{ color:#ff7ab8; text-decoration:underline; text-underline-offset:3px; }

.legal-body a:hover{ color:#fff; }

.legal-todo{
    padding:1px 8px;
    border-radius:6px;
    font-size:.92em;
    color:#0b0c1d;
    background:#ffd24a;
}

.legal-table{ overflow-x:auto; margin:6px 0 16px; border:1px solid rgba(255,255,255,.12); border-radius:14px; }

.legal-table table{ width:100%; min-width:640px; border-collapse:collapse; }

.legal-table th,
.legal-table td{ padding:12px 14px; text-align:left; vertical-align:top; font-size:14px; line-height:1.5; border-bottom:1px solid rgba(255,255,255,.08); }

.legal-table th{ font:800 11px/1.2 "Space Grotesk",sans-serif; letter-spacing:.1em; text-transform:uppercase; color:#9aa6c4; background:rgba(255,255,255,.04); }

.legal-table tr:last-child td{ border-bottom:0; }

@media(max-width:700px){
    .legal-hero{ padding:56px 0 24px; }
    .legal-inner{ width:calc(100% - 32px); }
}