*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;background:#030713;color:#fff}body{overflow-x:hidden}#stars{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(68,198,255,.12),transparent 28%),radial-gradient(circle at 80% 10%,rgba(144,71,255,.16),transparent 30%),linear-gradient(#030713,#070c1f);z-index:-2}.discovery-top{height:74px;padding:0 clamp(1rem,4vw,3.8rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(3,7,19,.78);backdrop-filter:blur(16px);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none;font-weight:800}.brand img{width:42px;height:42px;object-fit:contain}.free-pill{padding:.55rem .8rem;border-radius:999px;border:1px solid rgba(255,216,88,.55);color:#ffe16f;background:rgba(255,195,0,.1);font-size:.72rem;font-weight:900;letter-spacing:.08em}.exit{color:#bdc9df;text-decoration:none}.intro,.final{min-height:calc(100vh - 74px);padding:8vh 1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.intro-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:rgba(81,201,255,.12);filter:blur(55px)}.eyebrow{font-size:.74rem;letter-spacing:.16em;font-weight:900;color:#77eaff}.intro h1{position:relative;font-size:clamp(2.8rem,7vw,6.7rem);line-height:.96;max-width:1100px;margin:1rem auto}.intro h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#65eaff,#be8cff,#ffe177);-webkit-background-clip:text;background-clip:text}.lead{max-width:760px;color:#c9d5ed;font-size:clamp(1rem,2vw,1.3rem);line-height:1.7}.start{margin-top:1.6rem;border:0;border-radius:18px;padding:1.15rem 1.45rem;font-size:1rem;font-weight:900;color:#06111d;background:linear-gradient(135deg,#75efff,#c6a3ff);box-shadow:0 20px 60px rgba(81,211,255,.25);cursor:pointer;transition:.25s}.start:hover{transform:translateY(-4px) scale(1.02)}.sound-note{font-size:.8rem;color:#8291ad}.hidden{display:none!important}.cinema{min-height:calc(100vh - 74px);display:flex;flex-direction:column}.scene{flex:1;min-height:580px;position:relative;overflow:hidden;display:grid;place-items:center}.scene-bg{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(78,197,255,.18),transparent 45%),linear-gradient(135deg,#05091b,#15113b);transition:1s}.scene-content{position:relative;z-index:2;text-align:center;padding:2rem;max-width:1100px;width:100%}.chapter{display:inline-block;color:#7defff;letter-spacing:.16em;font-size:.73rem;font-weight:900}.scene h2{font-size:clamp(2.4rem,6vw,5.4rem);line-height:1;margin:.8rem auto 1rem}.scene p{max-width:800px;margin:auto;color:#d2dcef;font-size:clamp(1rem,2vw,1.25rem);line-height:1.65}.visual{margin:2.2rem auto 0;min-height:210px;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.visual .node,.visual .job,.visual .prompt,.visual .doc{padding:1rem 1.2rem;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(128,228,255,.24);box-shadow:0 15px 35px rgba(0,0,0,.28);animation:rise .7s both}.visual .year{font-size:clamp(1.7rem,4vw,3.4rem);font-weight:900;color:#fff}.visual .arrow{font-size:1.8rem;color:#7cecff}.visual .prompt{max-width:430px;text-align:left}.visual .prompt.good{border-color:rgba(118,255,183,.55)}.visual .doc{font-size:2.1rem}.visual .job{min-width:130px}.controls{height:82px;display:flex;align-items:center;gap:1rem;padding:0 clamp(1rem,4vw,3rem);background:#060a17;border-top:1px solid rgba(255,255,255,.09)}.controls button{border:0;border-radius:10px;padding:.62rem .8rem;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.timeline{flex:1;height:7px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}.timeline div{height:100%;width:0;background:linear-gradient(90deg,#65ebff,#b988ff,#ffe173)}#time{font-size:.76rem;color:#a8b3ca;white-space:nowrap}.final-card{max-width:920px;padding:clamp(1.5rem,5vw,4rem);border:1px solid rgba(117,231,255,.3);border-radius:30px;background:linear-gradient(145deg,rgba(12,28,57,.95),rgba(31,18,71,.95));box-shadow:0 35px 100px rgba(0,0,0,.45)}.final h2{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.03;margin:.8rem 0}.final p{color:#cad5eb;line-height:1.7}.final-stats{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.final-stats span{padding:.8rem 1rem;border-radius:14px;background:rgba(255,255,255,.07)}.final-stats b{display:block;font-size:1.5rem;color:#81efff}.final-actions{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.final-actions a,.final-actions button{padding:1rem 1.15rem;border-radius:13px;border:0;text-decoration:none;font-weight:900;cursor:pointer}.join{color:#06121d;background:linear-gradient(135deg,#75efff,#c6a3ff)}.campus,#replay{color:#fff;background:rgba(255,255,255,.08)}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media(max-width:700px){.free-pill{display:none}.scene{min-height:520px}.controls{gap:.45rem}.controls #skipBtn{display:none}.visual{min-height:170px}.discovery-top{height:64px}.intro,.final{min-height:calc(100vh - 64px)}}/* V7.2.4 — lecture continue et immersion renforcée */
.aurora{position:fixed;inset:-30%;z-index:-1;pointer-events:none;background:conic-gradient(from 180deg,transparent,rgba(54,220,255,.08),transparent,rgba(151,89,255,.1),transparent);filter:blur(55px);animation:auroraSpin 22s linear infinite}.scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 0 97%,rgba(255,255,255,.025) 98%);background-size:100% 6px;mix-blend-mode:screen;opacity:.35}.scene-bg{animation:cinemaPulse 8s ease-in-out infinite alternate}.scene-content{animation:sceneFloat 7s ease-in-out infinite}.scene h2{text-shadow:0 0 35px rgba(111,222,255,.2)}.scene-caption{position:absolute;bottom:1rem;left:1.3rem;color:rgba(255,255,255,.36);font-size:.62rem;letter-spacing:.18em;font-weight:800}.light-orbit{position:absolute;border-radius:50%;filter:blur(18px);opacity:.35;pointer-events:none}.light-orbit.one{width:280px;height:280px;background:#29dfff;left:-80px;top:10%;animation:driftOne 10s ease-in-out infinite alternate}.light-orbit.two{width:360px;height:360px;background:#8e4bff;right:-130px;bottom:-40px;animation:driftTwo 13s ease-in-out infinite alternate}.unlock-sound{position:fixed;z-index:50;right:clamp(1rem,3vw,2rem);top:94px;display:grid;grid-template-columns:auto auto;column-gap:.7rem;text-align:left;align-items:center;padding:.9rem 1rem;border:1px solid rgba(126,237,255,.55);border-radius:18px;color:#fff;background:linear-gradient(145deg,rgba(7,20,42,.96),rgba(35,19,76,.96));box-shadow:0 20px 55px rgba(0,0,0,.42),0 0 35px rgba(91,222,255,.18);cursor:pointer;animation:soundPulse 2s ease-in-out infinite}.unlock-sound span{grid-row:1/3;font-size:1.6rem}.unlock-sound b{font-size:.84rem}.unlock-sound small{font-size:.66rem;color:#aebdd8}.big-icon{font-size:4.5rem;filter:drop-shadow(0 0 25px rgba(99,231,255,.45));animation:planet 6s ease-in-out infinite}.glow{box-shadow:0 0 0 1px rgba(117,239,255,.5),0 0 40px rgba(91,219,255,.25)!important}.timeline-card{padding:1rem 1.2rem;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);min-width:130px}.timeline-card span{display:block;margin-top:.35rem;color:#aebbd2;font-size:.72rem}.prompt span{display:block;margin-bottom:.55rem;font-size:.62rem;letter-spacing:.12em;color:#8da2c7}.prompt.bad{opacity:.72}.transform{font-size:2.5rem;color:#ffe17b;animation:spark 1.4s ease-in-out infinite}.doc small,.hub span{display:block;font-size:.58rem;letter-spacing:.1em;margin-top:.35rem}.data-stream{letter-spacing:.35em;color:#71eaff;animation:dataFlow 1.2s linear infinite}.brain{font-size:4rem;filter:drop-shadow(0 0 30px rgba(188,126,255,.5));animation:brainPulse 2s ease-in-out infinite}.results{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.results div{padding:.65rem .8rem;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.radar{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;position:relative;border:1px solid rgba(103,235,255,.5);background:radial-gradient(circle,rgba(102,235,255,.2),transparent 65%)}.radar span{font-size:2.4rem}.radar i{position:absolute;inset:8px;border-radius:50%;background:conic-gradient(rgba(105,237,255,.5),transparent 26%);animation:radar 2s linear infinite}.hub{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;font-size:3.4rem;background:radial-gradient(circle,rgba(118,232,255,.28),rgba(105,77,218,.17));border:1px solid rgba(132,237,255,.55);box-shadow:0 0 55px rgba(104,222,255,.22);position:relative}.orbit-app{position:absolute;font-size:2rem;width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);animation:orbitBob 3s ease-in-out infinite}.a1{transform:translate(-230px,-80px)}.a2{transform:translate(-230px,90px);animation-delay:.4s}.a3{transform:translate(230px,-90px);animation-delay:.8s}.a4{transform:translate(230px,85px);animation-delay:1.2s}.a5{transform:translate(0,150px);animation-delay:1.6s}.job{transition:.3s;animation:jobWave 3s ease-in-out infinite!important}.job b,.job small{display:block}.job small{font-size:.68rem;color:#9fadc7;margin-top:.35rem}.job:nth-child(2){animation-delay:.3s!important}.job:nth-child(3){animation-delay:.6s!important}.job:nth-child(4){animation-delay:.9s!important}.job:nth-child(5){animation-delay:1.2s!important}.coach{min-width:180px;padding:1.25rem;border-radius:24px;font-size:3.2rem;background:rgba(255,255,255,.07);border:1px solid rgba(137,230,255,.2);animation:coachIn 1s both}.coach b,.coach small{display:block}.coach b{font-size:.9rem;margin-top:.5rem}.coach small{font-size:.7rem;color:#a7b7d3}.coach.gold{transform:scale(1.12);border-color:rgba(255,216,86,.6);box-shadow:0 0 45px rgba(255,205,70,.16)}.loop-note{font-size:.74rem!important;color:#8290aa!important;margin-top:1.2rem}.scene-0 .scene-bg{background:radial-gradient(circle at 50% 55%,rgba(42,211,255,.2),transparent 42%),linear-gradient(135deg,#020915,#071f39)}.scene-1 .scene-bg{background:radial-gradient(circle at 30% 30%,rgba(255,198,74,.14),transparent 32%),linear-gradient(135deg,#080817,#1c103b)}.scene-2 .scene-bg{background:radial-gradient(circle at 70% 40%,rgba(131,93,255,.24),transparent 38%),linear-gradient(135deg,#040716,#1c123a)}.scene-3 .scene-bg{background:radial-gradient(circle at 50% 45%,rgba(54,220,184,.18),transparent 40%),linear-gradient(135deg,#031019,#09283b)}.scene-4 .scene-bg{background:radial-gradient(circle at center,rgba(69,205,255,.18),transparent 40%),linear-gradient(135deg,#050a19,#121d40)}.scene-5 .scene-bg{background:radial-gradient(circle at center,rgba(147,91,255,.2),transparent 42%),linear-gradient(135deg,#050715,#211342)}.scene-6 .scene-bg{background:radial-gradient(circle at 50% 45%,rgba(255,179,55,.13),transparent 45%),linear-gradient(135deg,#090915,#24112f)}.scene-7 .scene-bg{background:radial-gradient(circle at center,rgba(100,231,255,.2),transparent 42%),linear-gradient(135deg,#030917,#19133d)}
@keyframes auroraSpin{to{transform:rotate(360deg)}}@keyframes cinemaPulse{from{transform:scale(1)}to{transform:scale(1.08)}}@keyframes sceneFloat{50%{transform:translateY(-7px)}}@keyframes driftOne{to{transform:translate(180px,120px) scale(1.2)}}@keyframes driftTwo{to{transform:translate(-160px,-100px) scale(.85)}}@keyframes soundPulse{50%{transform:translateY(-3px);box-shadow:0 24px 65px rgba(0,0,0,.48),0 0 45px rgba(91,222,255,.28)}}@keyframes planet{50%{transform:translateY(-12px) rotate(4deg)}}@keyframes spark{50%{transform:scale(1.25) rotate(90deg);filter:drop-shadow(0 0 14px #ffe17b)}}@keyframes dataFlow{to{transform:translateX(12px);opacity:.45}}@keyframes brainPulse{50%{transform:scale(1.08)}}@keyframes radar{to{transform:rotate(360deg)}}@keyframes orbitBob{50%{margin-top:-12px;box-shadow:0 12px 35px rgba(91,220,255,.18)}}@keyframes jobWave{50%{transform:translateY(-10px)}}@keyframes coachIn{from{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:none}}
@media(max-width:700px){.unlock-sound{top:auto;bottom:92px;left:1rem;right:1rem}.orbit-app{position:static;transform:none!important}.hub{width:110px;height:110px}.results{grid-template-columns:1fr}.scene-content{padding:1rem}.visual{gap:.55rem}.timeline-card{min-width:95px;padding:.7rem}.visual .arrow{display:none}}