/* LevelUp Landing Styles — Palette & style ludiques */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700&family=Poppins:wght@400;500;700&display=swap');
:root{
    --lu-mint:#36B49F;
    --lu-sun:#F5A623;
    --lu-orange:#F2994A;
    --lu-jeans:#2D9CDB;
    --lu-brown:#6D4C41;
    --lu-ivory:#FAFAFA;
    --lu-ink:#182028;
}

body.levelup{
    margin:0;
    background:var(--lu-mint);
    color:#10231d;
    font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.container{max-width:1100px;margin:0 auto;padding:0 20px;}

/* Hero */
.hero{padding:80px 0 40px;}
.hero-logo img{height:72px;width:auto;object-fit:contain;filter: drop-shadow(0 4px 8px rgba(0,0,0,.25));}
.h1-hero{font-family:"Baloo 2", cursive; font-weight:700; font-size:56px; margin:18px 0 8px; color:#0b3c33; text-shadow:0 2px 0 rgba(0,0,0,.08);} 
.p-hero{font-size:20px; color:#0b3c33; opacity:.95;}
.hero-buttons{margin-top:22px}
.cta-button{background:var(--lu-sun); color:#291a00; padding:14px 22px; border-radius:16px; text-decoration:none; font-weight:700; box-shadow:0 8px 0 #d2891c; transition:transform .08s ease, box-shadow .08s ease;}
.cta-button:hover{transform:translateY(-2px)}
.cta-button:active{transform:translateY(4px); box-shadow:0 4px 0 #d2891c}

/* Sections partagées */
section{background:transparent;}
section + section{margin-top:28px}
section h2{font-family:"Baloo 2", cursive; font-weight:700; color:#0b3c33; font-size:32px; margin:0 0 12px}
section p{line-height:1.7; font-size:18px}

.how-list{background:var(--lu-ivory); border:3px solid #0f4f44; border-radius:18px; padding:18px 22px; box-shadow:0 8px 0 rgba(0,0,0,.12)}
.how-list li{margin:10px 0; font-weight:600}

.strength-section p{background:#ffffffa8; border:3px solid #0f4f44; border-radius:18px; padding:18px 22px; box-shadow:0 8px 0 rgba(0,0,0,.12)}

.why-list{display:grid; gap:12px; padding:0; list-style:none}
.why-list li{background:var(--lu-ivory); border:3px solid #0f4f44; border-radius:18px; padding:14px 16px; font-weight:600; box-shadow:0 6px 0 rgba(0,0,0,.1)}

.magic-section p{background:#ffffffa8; border:3px dashed #0f4f44; border-radius:18px; padding:18px 22px}

/* CTA final */
.cta-section{padding:16px 0 60px}
.cta-container{display:grid; grid-template-columns:1.2fr .8fr; gap:22px; align-items:center}
.cta-text .cta-link a{color:#053d35; background:var(--lu-sun); padding:4px 10px; border-radius:12px; text-decoration:none; font-weight:700}
.cta-note{color:#053d35; opacity:.9; font-size:14px}
.cta-visual img{width:100%; height:auto; border-radius:24px; border:4px solid #0f4f44; box-shadow:0 12px 0 rgba(0,0,0,.12)}

/* Footer */
.footer{background:var(--lu-ivory); border-top:4px solid #0f4f44; margin-top:20px}
.footer .footer-content{display:flex; justify-content:space-between; align-items:center; padding:18px 0}
.footer-link{color:#083831; text-decoration:none; font-weight:600; margin-right:16px}

/* Petites touches ludiques */
.cta-button, .why-list li, .how-list{animation:pop .35s ease-out both}
@keyframes pop{0%{transform:scale(.96)}100%{transform:scale(1)}}

/* Responsive */
@media (max-width:820px){
  .h1-hero{font-size:42px}
  .cta-container{grid-template-columns:1fr;}
}


/* =============== Pages légales (LevelUp) =============== */
.legal-page{padding:4rem 0; background:var(--lu-ivory); min-height:100vh}
.legal-container{max-width:800px; margin:0 auto; padding:0 20px}
.legal-header{margin:0 0 2.5rem; text-align:center}
.legal-header h1{font-family:"Baloo 2", cursive; font-weight:700; font-size:36px; margin:0 0 .5rem; color:#0b3c33}
.legal-header a{color:#053d35; text-decoration:none; font-weight:700}
.legal-header a:hover{text-decoration:underline}
.legal-section{margin:0 0 2rem}
.legal-section h2{font-family:"Baloo 2", cursive; font-weight:700; color:#0b3c33; font-size:28px; margin:0 0 12px}
.legal-section p{line-height:1.7; font-size:18px; color:#0b3c33}
.legal-section ul{padding-left:22px}
.legal-section li{margin-bottom:8px; color:#0b3c33; font-size:18px}

/* =============== Footer factorisé (LevelUp) =============== */
.footer{background:var(--lu-ivory); border-top:4px solid #0f4f44; margin-top:20px}
.footer .footer-content{display:flex; flex-direction:column; gap:12px; padding:18px 0}
.footer-links{display:flex; flex-wrap:wrap; gap:12px; justify-content:center}
.footer-link{color:#083831; text-decoration:none; font-weight:600}
.footer-link:hover{opacity:.85}
.footer-copyright{font-size:14px; color:#053d35; text-align:center; opacity:.9}
@media (max-width:768px){.footer-links{gap:10px}}