@font-face{font-family:'Inter Fallback';src:local('Arial');size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}@font-face{font-family:'Outfit Fallback';src:local('Arial');size-adjust:110%;ascent-override:88%;descent-override:22%;line-gap-override:0%}:root{--primary:#8b5cf6;--primary-light:#c4b5fd;--secondary:#d946ef;--accent-gold:#e2c87f;--bg-dark:#020617;--bg-surface:#0f172a;--bg-elevated:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--border:rgba(255,255,255,0.06);--border-subtle:rgba(139,92,246,0.15);--glass:rgba(15,23,42,0.85);--success:#10b981;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-glass:0 8px 32px rgba(0,0,0,0.3),0 0 1px rgba(255,255,255,0.05);--shadow-elevated:0 20px 60px rgba(0,0,0,0.4),0 0 40px rgba(139,92,246,0.06);--shadow-glow:0 0 30px rgba(139,92,246,0.12);--transition-smooth:all 0.4s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:'Inter','Inter Fallback',sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:300}h1,h2,h3,h4,.logo{font-family:'Outfit','Outfit Fallback',sans-serif}.container{max-width:1300px;margin:0 auto;padding:0 2rem}.flex-between{display:flex;justify-content:space-between;align-items:center}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rgpd-banner{position:fixed;bottom:0;width:100%;background:var(--bg-surface);padding:1rem 0;z-index:3000;border-top:1px solid var(--border);font-size:0.85rem}.rgpd-banner a{color:var(--primary-light);text-decoration:none}.navbar{padding:2.5rem 0;position:fixed;top:0;width:100%;z-index:2000;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.navbar.scrolled{padding:1rem 0;background:var(--glass);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-0.5px}.logo-accent{color:var(--primary)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:0.95rem;font-weight:500;transition:color 0.3s}.nav-links a:hover{color:var(--text-main)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;background:none;border:none;cursor:pointer;padding:0;z-index:2100}.hamburger span{display:block;width:100%;height:2px;background:var(--text-main);border-radius:2px;transition:var(--transition-fast);transform-origin:center}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(2,6,23,0.97);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:2050;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;opacity:0;transition:opacity 0.3s ease}.mobile-menu-overlay.active{display:flex;opacity:1}.mobile-menu-overlay a{color:var(--text-main);text-decoration:none;font-family:'Outfit','Outfit Fallback',sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:-0.5px;padding:0.5rem 1rem;transition:color 0.3s}.mobile-menu-overlay a:hover{color:var(--primary-light)}.mobile-menu-overlay .btn{font-size:1rem;margin-top:1rem}@media (max-width:900px){.nav-links a:not(.btn){display:none}.nav-links .btn.btn-sm.btn-accent{display:none}.nav-links{gap:0.5rem}.hamburger{display:flex}}.btn{padding:0.8rem 1.8rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-smooth);border:none;font-size:0.9rem;text-decoration:none;text-align:center;letter-spacing:0.01em;position:relative}.btn-primary{background:linear-gradient(135deg,var(--primary),#7c3aed);color:white;box-shadow:0 4px 15px rgba(139,92,246,0.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(139,92,246,0.4);filter:brightness(1.1)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-main)}.btn-outline:hover{background:var(--border)}.btn-ghost{background:rgba(255,255,255,0.03);color:var(--primary-light)}.btn-accent{background:linear-gradient(135deg,var(--bg-surface),var(--bg-dark));border:1px solid var(--primary);color:var(--primary-light);box-shadow:0 10px 30px rgba(139,92,246,0.1)}.btn-accent:hover{background:var(--primary);color:white;transform:translateY(-3px);box-shadow:0 15px 40px rgba(139,92,246,0.3)}.btn-large{padding:1.2rem 2.8rem;font-size:1.1rem;border-radius:16px}.btn-medium{padding:1rem 2rem;font-size:1rem;display:inline-block}.btn-sm{padding:0.5rem 1rem;font-size:0.8rem}.full-width{width:100%}.btn-group{display:flex;gap:1rem;flex-wrap:wrap}.btn-group-center{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero{height:100vh;display:flex;align-items:center;position:relative;padding-top:80px}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 15% 20%,rgba(139,92,246,0.08),transparent 60%),radial-gradient(ellipse at 85% 80%,rgba(217,70,239,0.05),transparent 60%)}.hero-content{position:relative;z-index:10;max-width:900px}.hero-tag{font-size:0.85rem;color:var(--primary-light);margin-bottom:2rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:5.5rem;font-weight:900;line-height:1;margin-bottom:2.5rem;letter-spacing:-3px}.hero p{font-size:1.4rem;color:var(--text-muted);margin-bottom:4rem;max-width:700px}.hero-actions{display:flex;gap:1.5rem}.rotating-word{display:inline-block;color:#d248f0;font-weight:900;transition:opacity 0.4s ease,transform 0.4s ease;opacity:1;transform:translateY(0);white-space:nowrap}.fade-out-professional{opacity:0;transform:translateY(-10px)}.fade-in-professional{opacity:0;transform:translateY(10px)}@media (max-width:1100px){.module-layout{grid-template-columns:1fr}.hero h1{font-size:4rem}}@media (max-width:900px){.grid-2,.grid-3,.grid-4,.testimonials-grid{grid-template-columns:1fr}.section-title{font-size:2.5rem}.section-subtitle{font-size:0.95rem;margin-bottom:2rem}.hero h1{font-size:3.2rem}}section{padding:8rem 0}.section-title{font-size:3.5rem;margin-bottom:1.5rem;font-weight:800;letter-spacing:-2px}.section-subtitle{max-width:800px;margin:0 auto 3rem auto;color:var(--text-muted);font-size:1.05rem;line-height:1.7}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.align-center{align-items:center}.large{font-size:1.5rem;font-weight:700;color:var(--text-main);margin-bottom:1.5rem}.features-list{margin-top:2.5rem;display:flex;flex-direction:column;gap:1rem}.f-item{font-weight:600;font-size:1.1rem;color:var(--primary-light)}.img-container{border-radius:40px;overflow:hidden;border:1px solid var(--border);line-height:0}.img-container img{width:100%;height:auto;transition:transform 0.8s}.img-container:hover img{transform:scale(1.03)}.glass-morph{background:linear-gradient(135deg,rgba(255,255,255,0.04),rgba(255,255,255,0.01));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-top:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-glass);transition:var(--transition-smooth)}.glass-morph:hover{border-color:var(--border-subtle);box-shadow:var(--shadow-elevated)}.resource-card{transition:all 0.4s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;justify-content:space-between;height:100%}.resource-card:hover{transform:translateY(-10px);border-color:var(--primary);background:rgba(139,92,246,0.05)}.resource-card .res-icon{font-size:2.5rem;margin-bottom:1.5rem}.resource-card h3{font-size:1.35rem;margin-bottom:1rem;color:var(--text-main)}.resource-card p{font-size:0.9rem;color:var(--text-muted);margin-bottom:2rem}.guides-section h3{margin-bottom:1rem;color:var(--text-main);font-size:1.4rem}.guides-section p{font-size:0.95rem;color:var(--text-muted);margin-bottom:1.5rem}.p-4{padding:2.5rem}.curriculum-accordion{max-width:1000px;margin:0 auto}.accordion-item{border-bottom:1px solid var(--border);margin-bottom:1.5rem}.accordion-header{padding:2.5rem 0;cursor:pointer;display:flex;justify-content:space-between;font-family:'Outfit';font-size:1.5rem;font-weight:700;transition:all 0.3s}.accordion-header:hover{color:var(--primary-light);padding-left:1rem}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.6s cubic-bezier(0.4,0,0.2,1)}.accordion-content.active{max-height:1200px;padding-bottom:3rem;overflow:visible}.module-layout{display:grid;grid-template-columns:1fr 400px;gap:3rem;align-items:start}.module-text ul{list-style:none;margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.module-text li{font-size:1rem;color:var(--text-muted);display:flex;align-items:center;gap:1rem}.module-text li::before{content:"→";color:var(--primary);font-weight:900}.module-img{border-radius:20px;overflow:hidden;border:1px solid var(--border)}.module-img img{width:100%;height:auto}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.testi-card{padding:3rem;background:rgba(255,255,255,0.02);border-radius:30px;border:1px solid var(--border);font-style:italic}.testi-card .author{margin-top:2rem;font-style:normal;color:var(--primary-light)}.price-card{padding:4rem 3rem;text-align:center;display:flex;flex-direction:column;gap:1.5rem}.price-card.featured{border-color:var(--primary);background:rgba(139,92,246,0.05);position:relative}.price-card .badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--primary),var(--secondary));padding:0.5rem 1.5rem;border-radius:20px;font-size:0.8rem;font-weight:800;z-index:10;box-shadow:0 4px 15px rgba(139,92,246,0.4);letter-spacing:0.5px;white-space:nowrap}.price-card h3{letter-spacing:3px;text-transform:uppercase;font-weight:800}.price-card .price{font-size:3.5rem;font-weight:800;color:var(--text-main)}.price-card ul{list-style:none;text-align:left;margin:2rem 0;display:flex;flex-direction:column;gap:0.8rem}.price-card li::before{content:"✓";color:var(--success);margin-right:0.5rem}.price-card li.plus-li::before{content:'+';color:var(--secondary);font-weight:900;font-size:1.2rem;margin-right:0.5rem}.faq-list{max-width:800px;margin:0 auto}details{border-bottom:1px solid var(--border);padding:1.5rem 0}summary{font-family:'Outfit';font-size:1.25rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary::after{content:"+";color:var(--primary-light)}details[open] summary::after{content:"-"}details p{margin-top:1rem;color:var(--text-muted);padding-left:1rem}.modal{display:none;position:fixed;z-index:5000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.95);align-items:center;justify-content:center;backdrop-filter:blur(10px)}.modal.active{display:flex}.modal-content{max-width:600px;width:90%;position:relative;padding:4rem}.modal-content.glass-morph{border-color:rgba(255,255,255,0.1)}.close{position:absolute;right:2rem;top:2rem;font-size:2.5rem;cursor:pointer;color:var(--text-muted);transition:color 0.3s}.close:hover{color:var(--text-main)}.minimal-footer{padding:6rem 0 3rem;border-top:1px solid var(--border)}.footer-info p{margin-bottom:0.5rem}.footer-links a{color:var(--text-muted);text-decoration:none;margin-left:2rem;font-size:0.9rem}.footer-links a:hover{color:var(--text-main)}.footer-top{border-bottom:1px solid var(--border);padding-bottom:3rem;margin-bottom:3rem}.footer-legal-grid p{font-size:0.9rem;color:var(--text-muted);margin-bottom:0.5rem}/* ───────────── QUALIOPI — Premium integration ───────────── Logo officiel = fond clair imposé. On l'insère dans un cadre
   minimal (juste l'empreinte du logo) avec un éclat doré/violet qui le fait dialoguer avec le thème dark,sans encart blanc. */ .hero-qualiopi{display:inline-flex;align-items:center;gap:0.7rem;margin:0.85rem 0 1.5rem;padding:0.3rem 0.95rem 0.3rem 0.3rem;background:linear-gradient(135deg,rgba(255,215,130,0.06),rgba(139,92,246,0.04));border:1px solid rgba(255,215,130,0.28);border-radius:999px;backdrop-filter:blur(8px);box-shadow:0 0 18px rgba(255,215,130,0.08);font-size:0.8rem;color:var(--text-main);letter-spacing:0.3px}.hero-qualiopi img{width:38px;height:auto;display:block;flex-shrink:0;background:#ffffff;border-radius:50%;padding:4px;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.hero-qualiopi span{line-height:1.3}.hero-qualiopi b{color:var(--accent-gold);font-weight:700}.footer-qualiopi{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 0;margin-bottom:2rem;border-bottom:1px solid var(--border)}.footer-qualiopi .qualiopi-badge{flex-shrink:0;display:block;line-height:0;padding:8px;background:#ffffff;border-radius:8px;box-shadow:0 0 0 1px rgba(255,215,130,0.25),0 4px 16px rgba(0,0,0,0.3);transition:box-shadow 0.3s ease}.footer-qualiopi .qualiopi-badge:hover{box-shadow:0 0 0 1px rgba(255,215,130,0.5),0 4px 22px rgba(255,215,130,0.15)}.footer-qualiopi .qualiopi-badge img{width:110px;height:auto;display:block}.footer-qualiopi .qualiopi-text{font-size:0.85rem;line-height:1.55;color:var(--text-muted)}.footer-qualiopi .qualiopi-title{margin:0 0 0.25rem;font-size:0.92rem;color:var(--text-main);letter-spacing:0.3px}.footer-qualiopi .qualiopi-title b{color:var(--accent-gold);font-weight:600}.footer-qualiopi .qualiopi-mention{margin:0;font-size:0.8rem;color:var(--text-muted);font-style:italic}.qualiopi-banner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2.5rem;padding:2.25rem 2.5rem;margin:2.5rem auto 0;max-width:1100px;border:1px solid rgba(255,215,130,0.22);background:linear-gradient(135deg,rgba(255,215,130,0.04) 0%,rgba(139,92,246,0.05) 100%),rgba(15,15,30,0.5);border-radius:var(--radius-lg);backdrop-filter:blur(12px);box-shadow:0 0 40px rgba(255,215,130,0.06),inset 0 1px 0 rgba(255,215,130,0.1);position:relative;overflow:hidden}.qualiopi-banner::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);opacity:0.5}.qualiopi-banner > img{flex-shrink:0;width:130px;height:auto;background:#ffffff;padding:14px;border-radius:12px;box-shadow:0 0 0 1px rgba(255,215,130,0.3),0 8px 24px rgba(0,0,0,0.35),0 0 30px rgba(255,215,130,0.08)}.qualiopi-banner-text h3{margin:0 0 0.85rem;font-size:1.3rem;color:var(--text-main);letter-spacing:0.3px}.qualiopi-banner-text h3 .text-gradient{background:linear-gradient(135deg,var(--accent-gold),#ffd982);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.qualiopi-banner-text p{margin:0 0 0.7rem;font-size:0.93rem;line-height:1.65;color:var(--text-muted)}.qualiopi-banner-text .qualiopi-mention-strong{color:var(--text-main);padding:0.7rem 1rem;background:rgba(255,215,130,0.06);border-left:2px solid var(--accent-gold);border-radius:4px;margin-top:1rem;font-size:0.9rem}@media (max-width:768px){.hero-qualiopi{font-size:0.72rem;padding:0.25rem 0.8rem 0.25rem 0.25rem;gap:0.5rem}.hero-qualiopi img{width:32px;padding:3px}.footer-qualiopi{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem 0}.footer-qualiopi .qualiopi-badge img{width:100px}.qualiopi-banner{grid-template-columns:1fr;text-align:center;gap:1.5rem;padding:1.75rem 1.25rem}.qualiopi-banner > img{width:110px;margin:0 auto}.qualiopi-banner-text .qualiopi-mention-strong{text-align:left}}.trainer-section .img-container{max-height:550px;max-width:400px;margin:0 auto;border-radius:24px;box-shadow:0 8px 30px rgba(139,92,246,0.15),0 0 20px rgba(139,92,246,0.05)}.trainer-section .img-container img{width:100%;height:100%;object-fit:cover;object-position:top}.improvement-list{text-align:left;margin:2rem 0;list-style:none;display:flex;flex-direction:column;gap:1.5rem}.improvement-list li{font-size:1.1rem;padding-left:2rem;position:relative}.improvement-list li::before{content:"⚡";position:absolute;left:0}.improvement-grid{gap:2rem;align-items:stretch}.improvement-grid .glass-morph{text-align:left;display:flex;flex-direction:column;transition:var(--transition-smooth);transform:perspective(800px) rotateY(0deg)}.improvement-grid .glass-morph:first-child:hover{transform:perspective(800px) rotateY(2deg) translateZ(10px);box-shadow:var(--shadow-elevated),var(--shadow-glow)}.improvement-grid .glass-morph:last-child:hover{transform:perspective(800px) rotateY(-2deg) translateZ(10px);box-shadow:var(--shadow-elevated),var(--shadow-glow)}.mt-2{margin-top:2rem}.mt-4{margin-top:4rem}.flex-column{display:flex;flex-direction:column}.gap-1{gap:1rem}.video-container{position:relative;width:100%;padding-bottom:177.77%;height:0;overflow:hidden;border-radius:40px;border:1px solid var(--border)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.inline-video-container{position:relative;width:340px;height:600px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-elevated),0 0 40px rgba(139,92,246,0.1);margin:0 auto;border:1px solid var(--border-subtle);background:#000}.inline-video-container video{border-radius:0}.inline-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;background:linear-gradient(180deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.5) 100%);transition:opacity 0.4s ease;z-index:2}.inline-video-overlay.hidden{opacity:0;pointer-events:none}.inline-play-btn{width:72px;height:72px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(139,92,246,0.4);transition:var(--transition-smooth)}.inline-video-overlay:hover .inline-play-btn{transform:scale(1.12);box-shadow:0 0 50px rgba(139,92,246,0.6)}.inline-video-label{color:#fff;font-size:0.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:rgba(0,0,0,0.4);padding:0.4rem 1rem;border-radius:var(--radius-sm);backdrop-filter:blur(8px)}.job-card{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem !important}.job-card h4{font-size:1.1rem;color:var(--text-main)}.job-tag{font-size:0.75rem;font-weight:600;color:var(--primary-light);text-transform:uppercase;letter-spacing:1px}.job-salary{margin-top:auto;padding-top:0.75rem;border-top:1px solid var(--border);font-family:'Outfit','Outfit Fallback',sans-serif;font-weight:700;font-size:1rem;color:var(--success)}.resultats-section{background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,0.03) 50%,transparent 100%)}.resultat-card{display:flex;flex-direction:column;gap:1rem;transition:var(--transition-smooth)}.resultat-card:hover{transform:translateY(-8px);border-color:var(--primary)}.resultat-gif-container{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);line-height:0;background:#000}.resultat-gif-container img,.resultat-gif-container video{width:100%;height:220px;object-fit:cover}.resultat-card h3{font-size:1.2rem;color:var(--text-main)}.resultat-tag{display:inline-block;font-size:0.75rem;font-weight:600;color:var(--primary-light);text-transform:uppercase;letter-spacing:1px;margin-top:auto;padding-top:0.75rem;border-top:1px solid var(--border)}.tarifs-section{background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,0.04) 40%,rgba(217,70,239,0.02) 70%,transparent 100%)}.tarifs-section .grid-3{gap:1.5rem}.price-card{background:linear-gradient(160deg,rgba(255,255,255,0.04),rgba(255,255,255,0.01)) !important;border:1px solid rgba(255,255,255,0.08) !important;position:relative;overflow:visible}.price-card.featured{border-color:var(--primary) !important;background:linear-gradient(160deg,rgba(139,92,246,0.08),rgba(139,92,246,0.02)) !important;box-shadow:0 0 40px rgba(139,92,246,0.12),var(--shadow-glass)}.price-card.featured::before{background:linear-gradient(90deg,var(--primary),var(--secondary),var(--primary));opacity:1;height:3px}.price-card .price{background:linear-gradient(135deg,var(--text-main),var(--primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pos-q{background:rgba(255,255,255,0.02);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1rem;transition:border-color 0.3s,background 0.3s}.pos-q.correct{border-color:var(--success);background:rgba(16,185,129,0.08)}.pos-q.incorrect{border-color:#ef4444;background:rgba(239,68,68,0.08)}.pos-q h4{margin-bottom:0.75rem;color:var(--text-main);font-size:0.95rem}.pos-num{display:inline-block;background:var(--primary);color:#fff;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;font-size:0.8rem;margin-right:0.5rem}.pos-opts{list-style:none;padding:0;margin:0}.pos-opts li{margin-bottom:0.4rem}.pos-opts label{display:flex;align-items:center;gap:0.6rem;padding:0.6rem 0.8rem;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all 0.2s;color:var(--text-muted);font-size:0.9rem}.pos-opts label:hover{background:rgba(139,92,246,0.06);border-color:var(--primary);color:var(--text-main)}.pos-opts input[type="radio"]{accent-color:var(--primary);width:16px;height:16px;flex-shrink:0}.price-card li{white-space:nowrap}.price-card li .hint-tooltip{flex-shrink:0}.fab-tarifs{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-decoration:none;font-family:'Outfit','Outfit Fallback',sans-serif;font-weight:700;font-size:0.85rem;letter-spacing:0.3px;padding:0.9rem 1.6rem;border-radius:50px;box-shadow:0 8px 30px rgba(139,92,246,0.4);z-index:1500;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);opacity:0;transform:translateY(20px);pointer-events:none}.fab-tarifs.visible{opacity:1;transform:translateY(0);pointer-events:auto}.fab-tarifs:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(139,92,246,0.55);filter:brightness(1.1)}@media (max-width:768px){.fab-tarifs{bottom:4.5rem;right:1rem;font-size:0.8rem;padding:0.75rem 1.2rem}}.contact-options{display:flex;flex-direction:column;gap:0.5rem}.contact-opt{display:block;width:100%;text-align:left;padding:0.85rem 1.2rem;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;font-family:'Inter','Inter Fallback',sans-serif}.contact-opt:hover{background:rgba(139,92,246,0.08);border-color:var(--primary);color:var(--text-main);padding-left:1.5rem}.contact-opt.active{background:rgba(139,92,246,0.12);border-color:var(--primary);color:var(--text-main);font-weight:600;box-shadow:0 0 12px rgba(139,92,246,0.15)}.dotted-tooltip{position:relative;border-bottom:2px dotted var(--primary-light);cursor:help;transition:border-color 0.3s}.dotted-tooltip:hover{border-color:var(--secondary)}.dotted-tooltip::after{content:attr(data-hint);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:var(--bg-elevated);color:var(--text-main);font-size:0.8rem;font-weight:400;line-height:1.5;padding:0.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevated);white-space:normal;width:280px;opacity:0;pointer-events:none;transition:opacity 0.25s ease;z-index:100}.dotted-tooltip:hover::after{opacity:1}@media (max-width:768px){.dotted-tooltip::after{left:0;transform:none;width:220px}}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.7s cubic-bezier(0.4,0,0.2,1),transform 0.7s cubic-bezier(0.4,0,0.2,1)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.grid-2 .reveal-on-scroll:nth-child(2){transition-delay:0.1s}.grid-3 .reveal-on-scroll:nth-child(2){transition-delay:0.1s}.grid-3 .reveal-on-scroll:nth-child(3){transition-delay:0.2s}.hint-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:0.7rem;font-weight:700;font-style:normal;color:var(--primary-light);background:rgba(139,92,246,0.15);border:1px solid var(--border-subtle);border-radius:50%;cursor:help;margin-left:6px;vertical-align:middle}.hint-tooltip::after{content:attr(data-hint);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:var(--bg-elevated);color:var(--text-main);font-size:0.8rem;font-weight:400;line-height:1.5;padding:0.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevated);white-space:normal;width:240px;opacity:0;pointer-events:none;transition:opacity 0.25s ease;z-index:100}.hint-tooltip:hover::after{opacity:1}@media (max-width:1024px){.grid-2{gap:3rem}.container{padding:0 1.5rem}section{padding:6rem 0}}@media (max-width:768px){section{padding:4rem 0}.hero h1{font-size:2.8rem;letter-spacing:-1px}.hero p{font-size:1.1rem;margin-bottom:2.5rem}.hero-actions{flex-direction:column;gap:1rem}.hero-actions .btn{width:100%}.youtube-short-container{width:240px;height:427px}.trainer-section .img-container{max-width:280px;max-height:400px}.glass-morph{padding:1.5rem}.p-4{padding:1.5rem}.price-card{padding:2.5rem 1.5rem}.price-card .price{font-size:2.5rem}.accordion-header{font-size:1.15rem;padding:1.5rem 0}.testi-card{padding:2rem}.modal-content{padding:2rem 1.5rem}.footer-top.grid-2{grid-template-columns:1fr;gap:2rem}.footer-bottom.flex-between{flex-direction:column;gap:1rem;text-align:center}.footer-links{text-align:center}.footer-links a{margin-left:0;margin:0 0.5rem}.text-right{text-align:left}.video-modal-content{width:90vw;height:auto;aspect-ratio:9/16}.rgpd-banner .container.flex-between{flex-direction:column;gap:0.75rem;text-align:center}.section-title{font-size:2.2rem}.section-subtitle{font-size:0.9rem}.hint-tooltip::after{left:auto;right:-10px;transform:none;width:200px}.resultat-gif-container img,.resultat-gif-container video{height:180px}#positionnement-modal .modal-content{padding:1.5rem !important;max-height:85vh}.pos-q{padding:1rem}.pos-opts label{padding:0.5rem 0.6rem;font-size:0.8rem}.price-card li{white-space:normal;font-size:0.9rem}.hero{height:auto;min-height:85vh;padding-top:100px;padding-bottom:3rem}section{padding:3.5rem 0}.hero h1{font-size:3rem !important;letter-spacing:-1.5px;text-align:center}.section-title{font-size:2.4rem !important;text-align:center}.hero-tag,.hero p,.hero-content{text-align:center}.hero p{font-size:1.05rem}.btn-group,.btn-group-center{align-items:center !important}.btn-group .btn,.btn-group-center .btn,.hero-actions .btn{text-align:center}.text-center .btn,.btn-medium,.btn-large{display:block;margin-left:auto;margin-right:auto}.grid-2,.grid-3,.grid-4,.testimonials-grid,.improvement-grid,.resultats-grid{grid-template-columns:1fr !important;gap:1.5rem}body,main{overflow-x:hidden}.vision-section .grid-2{display:flex;flex-direction:column}.inline-video-container{width:100% !important;max-width:340px;height:500px;margin:0 auto}.trainer-section .grid-2{display:flex;flex-direction:column-reverse}.trainer-section .img-container{margin:0 auto}.btn-group,.btn-group-center{flex-direction:column;align-items:stretch}.btn-group .btn,.btn-group-center .btn{width:100%;text-align:center}.resultat-card{max-width:100%}.careers-section .grid-3{grid-template-columns:1fr !important}.countdown-container{max-width:100% !important}}@media (max-width:480px){.container{padding:0 1rem}.hero h1{font-size:2.5rem !important;text-align:center}.section-title{font-size:2rem !important;letter-spacing:-1px;text-align:center}.youtube-short-container{width:200px;height:356px}.btn-large{padding:1rem 1.5rem;font-size:1rem}.btn-medium{padding:0.8rem 1.2rem;font-size:0.9rem}.nav-links a:not(.btn):not(.hamburger){display:none}.logo{font-size:0.9rem}.glass-morph{padding:1.25rem;border-radius:var(--radius-md)}.price-card{padding:2rem 1.25rem}.price-card .price{font-size:2.2rem}.inline-video-container{width:100% !important;max-width:280px;height:420px}.hero-tag{font-size:0.7rem;letter-spacing:1px}.features-list .f-item{font-size:0.95rem}.resultat-gif-container img,.resultat-gif-container video{height:160px}.accordion-header{font-size:1rem;padding:1.2rem 0}.job-card{padding:1.25rem !important}}@media print{body.printing-test *{visibility:hidden !important}body.printing-test #positionnement-modal,body.printing-test #positionnement-modal .modal-content,body.printing-test #pos-result,body.printing-test #pos-print-area,body.printing-test #pos-print-area *{visibility:visible !important}body.printing-test #positionnement-modal{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:auto !important;overflow:visible !important;background:white !important;display:block !important;z-index:99999 !important}body.printing-test #positionnement-modal .modal-content{position:relative !important;max-height:none !important;overflow:visible !important;box-shadow:none !important;border:none !important;background:white !important;padding:0 !important;max-width:100% !important}body.printing-test #positionnement-modal .close,body.printing-test #pos-qcm,body.printing-test #positionnement-modal .text-center:first-child,body.printing-test #pos-result > div:last-child,body.printing-test #pos-result > p:last-of-type,body.printing-test #pos-result > div:has(> #pos-candidate-name){display:none !important}body.printing-test #pos-result{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;background:white !important;border:none !important;padding:2rem !important;margin:0 !important}body.printing-test #pos-print-area{display:block !important;background:white !important;color:#1e293b !important;text-align:center !important;width:100% !important}body.printing-test .pos-print-header{display:block !important;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #1e293b}body.printing-test .pos-print-header h2{font-size:1.6rem !important;color:#1e293b !important;letter-spacing:2px}body.printing-test .pos-print-header p{color:#475569 !important}body.printing-test .pos-print-name-display{font-size:1.15rem !important;color:#1e293b !important}body.printing-test #pos-print-area > div:first-of-type{display:none !important}body.printing-test .pos-print-score{display:block !important;color:#1e293b !important;-webkit-text-fill-color:#1e293b !important;background:none !important}body.printing-test #pos-print-area > p[style*="font-weight:600"]{color:#1e293b !important;font-size:1rem !important}body.printing-test .pos-print-detail{display:block !important}body.printing-test .pos-print-detail table{width:100% !important;color:#1e293b !important;page-break-inside:auto}body.printing-test .pos-print-detail th{background:#f1f5f9 !important;color:#1e293b !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body.printing-test .pos-print-detail td{color:#1e293b !important}body.printing-test .pos-print-detail td[style*="#10b981"]{color:#059669 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body.printing-test .pos-print-detail td[style*="#ef4444"]{color:#dc2626 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.gdac-lead-form{display:flex;flex-direction:column;gap:0.9rem;text-align:left}.gdac-lead-row{display:grid;grid-template-columns:1fr 1fr;gap:0.9rem}.gdac-lead-field label{display:block;font-size:0.78rem;font-weight:600;letter-spacing:0.4px;color:var(--text-muted);margin-bottom:0.35rem}.gdac-lead-form input[type="text"],.gdac-lead-form input[type="email"],.gdac-lead-form select,.gdac-lead-form textarea{width:100%;box-sizing:border-box;padding:0.75rem 0.9rem;font-family:inherit;font-size:0.95rem;color:var(--text-main);background:rgba(2,6,23,0.6);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:var(--transition-fast)}.gdac-lead-form textarea{min-height:110px;resize:vertical}.gdac-lead-form input:focus,.gdac-lead-form select:focus,.gdac-lead-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(139,92,246,0.18)}.gdac-lead-form input::placeholder,.gdac-lead-form textarea::placeholder{color:rgba(148,163,184,0.6)}.gdac-lead-form select option{background:var(--bg-elevated);color:var(--text-main)}/* Piege a robots :invisible a l'ecran ET aux lecteurs d'ecran,jamais focusable */ .gdac-lead-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}.gdac-lead-consent{display:flex;align-items:flex-start;gap:0.6rem;font-size:0.82rem;line-height:1.5;color:var(--text-muted)}.gdac-lead-consent input[type="checkbox"]{flex-shrink:0;margin-top:0.15rem;width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.gdac-lead-consent a{color:var(--primary-light);text-decoration:underline}.gdac-lead-erreur{margin:0;padding:0.65rem 0.85rem;font-size:0.85rem;color:#fecaca;background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.35);border-radius:var(--radius-sm)}.gdac-lead-succes{margin:0;padding:1.1rem;font-size:1rem;color:var(--text-main);background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.35);border-radius:var(--radius-sm)}.gdac-lead-form button[type="submit"]:disabled{opacity:0.6;cursor:progress}.gdac-lead-rgpd{margin:0;font-size:0.72rem;line-height:1.5;color:var(--text-muted)}@media (max-width:640px){.gdac-lead-row{grid-template-columns:1fr}}/* ═══════════════════════════════════════════════════════════════════════ PAGES DÉDIÉES — /formation,/tarifs,/financement,/faq,/debouches,/formateur/florent-poux --------------------------------------------------------------------- Ces pages ont une forme volontairement austère :un titre en question,une réponse courte juste dessous,puis le détail. C'est la forme qu'un moteur assisté par IA sait extraire,et c'est aussi celle qui se lit le
   plus vite sur un téléphone.
   Aucune animation, aucun élément décoratif : rien qui décale la mise en
   page pendant la lecture.
   ═══════════════════════════════════════════════════════════════════════ */
.page-dediee { padding: 9rem 0 5rem; }
@media (max-width: 768px) { .page-dediee { padding: 7rem 0 3.5rem; } }
/* 820 px de large : au-dela, l'oeil perd la ligne. La regle doit surcharger le max-width de .container (1300 px),d'ou le selecteur plus specifique. */
.page-dediee > .container { max-width: 820px; margin-left: auto; margin-right: auto; }

.fil-ariane { font-size: 0.85rem; color: var(--text-muted); margin-bottom: 1.6rem; }
.fil-ariane a { color: var(--text-muted); text-decoration: none; }
.fil-ariane a:hover { color: var(--text-main); text-decoration: underline; }

.page-dediee h1 { font-size: 2.6rem; line-height: 1.15; margin: 0 0 1.1rem; }
@media (max-width: 768px) { .page-dediee h1 { font-size: 1.95rem; } }
.page-lede { font-size: 1.12rem; line-height: 1.7; color: var(--text-muted); margin: 0 0 2.2rem; }

.qr { margin: 0 0 2.2rem; }
.qr h2 { font-size: 1.5rem; line-height: 1.3; margin: 0 0 0.9rem; }
.qr h3 { font-size: 1.15rem; line-height: 1.35; margin: 1.8rem 0 0.6rem; }
/* Une section qui commence par un h3 est une sous-question : elle ne doit pas
   cumuler sa propre marge haute avec celle de la section precedente. */
.qr h3:first-child { margin-top: 0; }
.qr + .qr:has(> h3:first-child) { margin-top: -1.2rem; }
@media (max-width: 768px) { .qr h2 { font-size: 1.28rem; } }
/* La réponse porte le poids de la citation : elle est plus lisible que le
   reste, et se suffit à elle-même hors de son contexte. */
.qr-reponse { font-size: 1.05rem; line-height: 1.75; color: var(--text-main); margin: 0 0 1.1rem; }
.qr p { line-height: 1.7; color: var(--text-muted); }
.qr .btn { margin: 0.6rem 0.6rem 0 0; }

.liste-claire { margin: 0 0 1.2rem; padding-left: 1.2rem; }
.liste-claire li { margin: 0 0 0.55rem; line-height: 1.65; color: var(--text-muted); }

.module-bloc {
    border-left: 2px solid var(--border-subtle);
    padding: 0.2rem 0 0.2rem 1.4rem; margin: 0 0 1.8rem;
}
.module-bloc h3 { margin: 0 0 0.4rem; }
.module-bloc > p { margin: 0 0 0.8rem; }
.module-duree { font-size: 0.85rem; color: var(--accent-gold); margin: 0; }

.tableau-conteneur { overflow-x: auto; margin: 0 0 1.6rem; }
.tableau { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.tableau th, .tableau td { padding: 0.85rem 1rem; text-align: left; border-bottom: 1px solid var(--border); }
.tableau th { color: var(--text-muted); font-weight: 600; font-size: 0.85rem;
              text-transform: uppercase; letter-spacing: 0.05em; }
.tableau td { color: var(--text-main); line-height: 1.55; }

.page-capture {
    margin: 3.5rem 0 0; padding: 2.2rem 2rem;
    background: var(--glass); border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
}
@media (max-width: 768px) { .page-capture { padding: 1.7rem 1.3rem; } }
.page-capture h2 { font-size: 1.35rem; margin: 0 0 0.7rem; }
.page-capture > p { color: var(--text-muted); line-height: 1.65; margin: 0 0 1.5rem; }
.page-capture form { display: flex; flex-direction: column; gap: 0.9rem; }
.page-capture input[type="email"] {
    width: 100%; padding: 0.9rem 1rem; font-size: 1rem; font-family: inherit;
    background: var(--bg-dark); color: var(--text-main);
    border: 1px solid var(--border-subtle); border-radius: var(--radius-sm);
}
.page-capture input[type="email"]:focus { outline: 2px solid var(--primary); outline-offset: 1px; }
.page-capture__consent {
    display: flex; gap: 0.65rem; align-items: flex-start;
    font-size: 0.87rem; color: var(--text-muted); line-height: 1.55;
}
.page-capture__consent input { margin-top: 0.25rem; flex: 0 0 auto; }
.page-capture__rgpd { font-size: 0.79rem; color: var(--text-muted); line-height: 1.55; margin: 0.3rem 0 0; }
.page-capture .gdac-lead-erreur { color: #fca5a5; font-size: 0.9rem; margin: 0; }
.page-capture .gdac-lead-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.page-capture .gdac-lead-succes { font-size: 1rem; line-height: 1.7; color: var(--text-main); margin: 0; }

/* Étiquette lue par les lecteurs d'écran,invisible à l'œil. */
.visually-hidden {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Encart financement, sous les cartes tarifaires. Le badge Qualiopi promet
   depuis le premier ecran qu'un financement est possible;la page ne disait nulle part comment. C'est l'objection numero un d'un acheteur francais. */
.financement-encart {
    max-width: 820px; margin: 2.5rem auto 1rem; padding: 2rem 2.2rem;
    border-radius: var(--radius-md); border: 1px solid var(--border-subtle);
}
@media (max-width: 768px) { .financement-encart { padding: 1.5rem 1.2rem; } }
.financement-encart h3 { font-size: 1.3rem; margin: 0 0 0.8rem; }
.financement-encart p { color: var(--text-muted); line-height: 1.7; margin: 0 0 1.2rem; }
.financement-encart__liens { display: flex; flex-wrap: wrap; gap: 0.8rem; margin: 0; }

.accueil-capture { padding: 1rem 0 4rem; }
.accueil-capture .page-capture { max-width: 720px; margin: 0 auto; }

/* ═══════════════════════════════════════════════════════════════════════
   COÛT DE RENDU SUR MOBILE
   ---------------------------------------------------------------------
   Mesure Lighthouse du 2026-09-05 sur l'accueil,en mobile :le fil principal passait 2,8 secondes en « Style & Layout »,contre 46 ms en exécution de JavaScript. Le coupable n'était donc pas le code, mais le
   rendu : 29 éléments .glass-morph, chacun avec un backdrop-filter:blur(20px)
   sur un DOM de 1 018 éléments. Un flou d'arrière-plan oblige le navigateur à re-rasteriser la zone derrière chaque élément,à chaque recalcul. Sur un fond sombre,le flou ne se voit pratiquement pas :on le remplace,sous 1024 px,par un fond légèrement plus opaque. Le rendu visuel est quasiment identique,le coût s'effondre.

   Le flou reste actif sur grand écran, où la machine encaisse et où l'effet se remarque. ═══════════════════════════════════════════════════════════════════════ */ @media (max-width:1024px){.glass-morph,.navbar,.modal,.mobile-menu-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.glass-morph{background:rgba(255,255,255,0.045)}.navbar{background:rgba(15,23,42,0.96)}.modal{background:rgba(2,6,23,0.9)}}/* Même raison pour les appareils qui annoncent peu de puissance de calcul,quelle que soit la taille d'écran. */
@media (prefers-reduced-motion: reduce) {
    .glass-morph, .navbar, .modal, .mobile-menu-overlay {
        backdrop-filter: none; -webkit-backdrop-filter: none;
    }
}

/* La barre de navigation a gagné les pages dédiées (Formation, Tarifs,
   Financement, FAQ) : le logo se retrouvait comprimé et passait sur deux
   lignes. Il ne doit jamais se couper, et les liens se resserrent avant lui. */
.navbar .logo { white-space: nowrap; flex: 0 0 auto; }
@media (min-width: 1025px) and (max-width: 1400px) {
    .nav-links { gap: 1.1rem; font-size: 0.92rem; }
}