:root{--ink:#0a1628;--gold:#e8a020;--blue:#1a3c6b;--bg-alt:#f3f6fa;--muted:#6b7c93}*{box-sizing:border-box}body{color:#24344a;background:#fff;margin:0;font-family:Inter,sans-serif}main{max-width:1180px;margin:0 auto;padding:0 5% 80px}.hero{grid-template-columns:1.3fr 1fr;align-items:start;gap:48px;padding:64px 0 48px;display:grid}.hero h1{color:var(--ink);max-width:620px;margin:0 0 18px;font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,46px);font-weight:900;line-height:1.08}.hero h1 .accent{color:var(--blue)}.hero .lede{color:#4a5568;max-width:540px;margin:0 0 28px;font-size:16px;line-height:1.75}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.btn-gold{background:var(--gold);color:var(--ink);border-radius:10px;align-items:center;gap:8px;padding:14px 22px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.btn-ghost{color:var(--ink);background:0 0;border:1.5px solid #d6e0ec;border-radius:10px;align-items:center;gap:8px;padding:14px 22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.hero-panel{background:var(--ink);border-radius:20px;padding:30px 26px}.hero-panel .item{border-bottom:1px solid #ffffff14;gap:14px;padding:15px 0;display:flex}.hero-panel .item:last-child{border-bottom:none}.hero-panel .item i{color:var(--gold);flex-shrink:0;width:20px;height:20px;margin-top:2px}.hero-panel .item-title{color:#fff;margin-bottom:3px;font-size:13.5px;font-weight:700}.hero-panel .item-desc{color:#a9b9cc;font-size:12.5px;line-height:1.5}.categories{flex-wrap:wrap;gap:10px;margin:0 0 40px;display:flex}.cat-pill{background:var(--bg-alt);color:#4a5568;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:12.5px;font-weight:600;display:flex}.cat-pill i{width:14px;height:14px;color:var(--blue)}.section-titre{color:var(--ink);margin:0 0 6px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800}.section-sub{color:var(--muted);margin:0 0 28px;font-size:13.5px}.grille{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;display:grid}.carte{background:#fff;border-radius:16px;flex-direction:column;padding:0;display:flex;overflow:hidden;box-shadow:0 10px 30px #0a162812}.carte-media{background:linear-gradient(135deg, var(--ink), var(--blue));justify-content:center;align-items:center;height:108px;display:flex}.carte-media i{width:34px;height:34px;color:var(--gold)}.carte-corps{flex-direction:column;flex:1;padding:22px;display:flex}.carte-badges{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.badge{background:var(--bg-alt);color:var(--blue);border-radius:999px;padding:4px 9px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}.carte h3{color:var(--ink);margin:0 0 10px;font-family:Manrope,sans-serif;font-size:17px;line-height:1.3}.carte p{color:var(--muted);flex:1;margin:0 0 18px;font-size:13.5px;line-height:1.6}.carte .bas{justify-content:space-between;align-items:center;gap:12px;display:flex}.carte .prix{color:var(--blue);font-family:JetBrains Mono,monospace;font-size:13.5px;font-weight:700}.carte a.voir{background:var(--blue);color:#fff;white-space:nowrap;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none}#vide{background:var(--bg-alt);text-align:left;border-radius:18px;padding:48px 40px;display:none}#vide i{width:30px;height:30px;color:var(--blue);margin-bottom:16px}#vide h4{color:var(--ink);margin:0 0 8px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800}#vide p{color:var(--muted);max-width:480px;margin:0 0 20px;font-size:14px;line-height:1.7}#vide a{color:var(--blue);font-size:13.5px;font-weight:700;text-decoration:none}.double-cta{grid-template-columns:1fr 1fr;gap:20px;margin-top:64px;display:grid}.cta-bloc{border-radius:18px;padding:30px 28px}.cta-bloc.formateur{background:var(--ink)}.cta-bloc.apprenant{background:var(--gold)}.cta-bloc h4{margin:0 0 8px;font-family:Manrope,sans-serif;font-size:17px;font-weight:800}.cta-bloc.formateur h4{color:#fff}.cta-bloc.apprenant h4{color:var(--ink)}.cta-bloc p{margin:0 0 18px;font-size:13.5px;line-height:1.6}.cta-bloc.formateur p{color:#a9b9cc}.cta-bloc.apprenant p{color:#0a1628bf}.cta-bloc a{border-radius:9px;padding:11px 18px;font-size:13px;font-weight:800;text-decoration:none;display:inline-block}.cta-bloc.formateur a{background:var(--gold);color:var(--ink)}.cta-bloc.apprenant a{background:var(--ink);color:#fff}@media (width<=860px){.hero,.double-cta{grid-template-columns:1fr}}