/* QuizQuest — pages d'information (mentions légales, confidentialité, à propos) */
:root{--bg1:#1b1145; --bg2:#341a6b; --bg3:#0e0a2a; --jaune:#FFD23F; --rose:#FF5D8F; --cyan:#2EC4F1; --vert:#3DDC84; --violet:#8B5CF6; --encre:#1c1340;}
*{margin:0; padding:0; box-sizing:border-box;}
body{font-family:'Nunito',sans-serif; color:#fff; min-height:100vh; overflow-x:hidden; line-height:1.6;
  background:radial-gradient(ellipse at 20% 0%, var(--bg2), transparent 55%),
             radial-gradient(ellipse at 90% 20%, rgba(139,92,246,.4), transparent 50%),
             linear-gradient(160deg, var(--bg1), var(--bg3));
  display:flex; flex-direction:column; align-items:center; padding:0 16px 60px;}
.blob{position:fixed; border-radius:50%; filter:blur(8px); opacity:.18; z-index:0; pointer-events:none;}
.blob.b1{width:200px;height:200px;background:var(--rose);top:10%;left:-60px;}
.blob.b2{width:230px;height:230px;background:var(--cyan);bottom:8%;right:-70px;}
.topbar{width:100%; max-width:760px; display:flex; justify-content:space-between; align-items:center; z-index:1; padding-top:18px;}
.retour{color:#e9e3ff; text-decoration:none; font-weight:800; font-size:.9rem; background:rgba(255,255,255,.12); padding:8px 14px; border-radius:999px; border:1.5px solid rgba(255,255,255,.25);}
.retour:hover{background:rgba(255,255,255,.2);}
.chip{color:#e9e3ff; font-weight:800; font-size:.9rem;}
header{width:100%; max-width:760px; text-align:center; padding:28px 10px 4px; z-index:1;}
header h1{font-family:'Baloo 2',cursive; font-weight:800; font-size:clamp(1.7rem,6vw,2.4rem); line-height:1.1;}
header .sous{font-weight:800; color:#e9e3ff; margin-top:8px;}
main{width:100%; max-width:760px; z-index:1;}
.carte{background:#fff; color:var(--encre); border-radius:22px; padding:26px 24px; margin-top:22px;
  box-shadow:0 10px 0 rgba(0,0,0,.18), 0 16px 26px rgba(0,0,0,.3);}
.carte h2{font-family:'Baloo 2',cursive; font-weight:800; font-size:1.3rem; color:var(--bg1); margin:22px 0 10px; display:flex; align-items:center; gap:9px;}
.carte h2:first-child{margin-top:0;}
.carte h3{font-weight:900; font-size:1rem; color:var(--bg2); margin:16px 0 4px;}
.carte p, .carte li{color:#33405a; font-weight:600;}
.carte p{margin:8px 0;}
.carte ul{margin:8px 0 8px 4px; list-style:none;}
.carte li{position:relative; padding-left:26px; margin:7px 0;}
.carte li::before{content:'✅'; position:absolute; left:0; top:0; font-size:.95rem;}
.carte li.no::before{content:'🚫';}
.carte li.dot::before{content:'•'; color:var(--violet); font-weight:900; left:6px;}
.carte a{color:#6b3fd0; font-weight:800;}
.carte strong{color:var(--bg1);}
.encadre{background:#f4f1fb; border:2px solid #e7e1f7; border-radius:16px; padding:14px 16px; margin:14px 0;}
.encadre.vert{background:#e9faf1; border-color:#bfeed6;}
.tag{display:inline-block; font-weight:800; font-size:.72rem; padding:3px 11px; border-radius:999px; background:#efeafd; color:#5b3fb0;}
.aremplir{background:#fff7e0; border:1px dashed #e7c66a; border-radius:8px; padding:1px 7px; font-weight:800; color:#8a5a00;}
.liens-bas{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:22px;}
.liens-bas a{color:#e9e3ff; text-decoration:none; font-weight:800; font-size:.85rem; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); padding:8px 14px; border-radius:999px;}
.liens-bas a:hover{background:rgba(255,255,255,.2);}
footer{margin-top:26px; text-align:center; color:#cbc3f0; font-weight:700; font-size:.8rem; z-index:1; line-height:1.7;}
footer p{margin:3px 0;}
footer .ver{opacity:.55; font-weight:700; font-size:.72rem;}
@media (prefers-reduced-motion: reduce){*{animation:none !important; transition:none !important;}}