/* Pages légales du Vidéoclub (mentions légales, confidentialité, désinscription) */
:root{color-scheme:dark;--bg:#0b0620;--bg2:#1b0a45;--pink:#ff3ea5;--blue:#3d7bff;--yel:#ffd23f;--org:#ff8a1f;--card:rgba(22,10,56,.82);--ink:#f6f1ff;--soft:#b9aae8}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 60%,#3a0d55 100%) fixed;color:var(--ink);font-family:Outfit,system-ui,sans-serif;font-size:16px;line-height:1.65}
.wrap{max-width:780px;margin:0 auto;padding:28px 16px 64px}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.logo{font-family:Bungee,Impact,sans-serif;font-size:20px;color:#fff6c2;text-decoration:none;text-shadow:0 0 6px var(--yel),0 0 18px #ffb300}
.logo i{font-family:Yellowtail,cursive;font-style:normal;color:#9fc0ff;text-shadow:0 0 8px var(--blue);margin-right:4px}
.back{color:#9fc0ff;font-size:15px}
h1{font-family:Bungee,Impact,sans-serif;font-weight:400;line-height:1.1;font-size:clamp(26px,6vw,38px);margin:0 0 6px;color:#fff6c2;text-shadow:0 0 6px var(--yel),0 0 18px #ffb300,0 0 38px var(--org)}
.maj{color:var(--soft);font-size:14px;margin:0 0 26px}
h2{font-family:Bungee,Impact,sans-serif;font-weight:400;font-size:19px;line-height:1.25;margin:34px 0 10px;color:#dbe7ff;text-shadow:0 0 6px var(--blue),0 0 18px var(--blue)}
p,li{color:#e3dafc}
ul{padding-left:20px}
li{margin:4px 0}
a{color:#9fc0ff}
b{color:#fff}
.box{background:var(--card);border:1px solid rgba(61,123,255,.55);border-radius:14px;padding:16px 18px;margin:14px 0;box-shadow:0 0 14px rgba(61,123,255,.18)}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid rgba(185,170,232,.25)}
th{color:#ffc27a;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.tw{overflow-x:auto}
/* informations encore à compléter par le gérant */
mark.todo{background:rgba(255,210,63,.18);color:#fff3b0;border:1px dashed var(--yel);border-radius:6px;padding:0 6px}
.btn{display:inline-block;border:0;border-radius:10px;padding:14px 22px;font:600 16px Outfit,system-ui,sans-serif;color:#fff;text-decoration:none;background:linear-gradient(90deg,var(--pink),var(--org));box-shadow:0 0 18px rgba(255,62,165,.6);cursor:pointer}
.btn:disabled{opacity:.6;cursor:default}
.center{text-align:center}
.ok{color:#d4ffe4}.err{color:#ff8a8a}
footer{margin-top:48px;padding-top:18px;border-top:1px solid rgba(185,170,232,.25);color:var(--soft);font-size:14px;text-align:center}
@media(max-width:560px){.wrap{padding-top:18px}
 /* tableau en fiches empilées sur téléphone */
 table,tbody,tr,td{display:block;width:100%}
 tr:first-child{display:none}
 tr{background:var(--card);border:1px solid rgba(61,123,255,.4);border-radius:12px;padding:6px 4px;margin:0 0 10px}
 td{border:0;padding:4px 10px}
 td::before{display:block;color:#ffc27a;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
 td:nth-child(1){color:#fff;font-weight:600}
 td:nth-child(2)::before{content:"À quoi elles servent"}
 td:nth-child(3)::before{content:"Base légale"}}