:root{--ink:#f2f8f8;--muted:#afc5ca;--accent:#68dfd3;--accent-rgb:104,223,211;--gold:#f1c574;--coral:#f49a86}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#04141c;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button{font:inherit}.learning-path{--accent:#68dfd3;--accent-rgb:104,223,211;min-height:100svh;overflow:hidden;position:relative;background:radial-gradient(circle at 12% 8%,rgba(var(--accent-rgb),.15),transparent 30%),radial-gradient(circle at 88% 88%,rgba(241,197,116,.11),transparent 33%),linear-gradient(145deg,#04131b,#092533 60%,#071921)}.tone-blue,.tone-cyan{--accent:#70dfec;--accent-rgb:112,223,236}.tone-violet{--accent:#b6a1f5;--accent-rgb:182,161,245}.tone-mint{--accent:#76deb4;--accent-rgb:118,222,180}.tone-orange,.tone-gold{--accent:#f1c574;--accent-rgb:241,197,116}.tone-coral{--accent:#ff9b83;--accent-rgb:255,155,131}.tone-rose{--accent:#f2a0bd;--accent-rgb:242,160,189}.ambient{position:fixed;border-radius:50%;filter:blur(95px);opacity:.12;pointer-events:none}.ambient-one{width:35vw;height:35vw;left:-12vw;top:12vh;background:var(--accent);animation:ambientFloat 15s ease-in-out infinite alternate}.ambient-two{width:30vw;height:30vw;right:-10vw;bottom:-8vh;background:#d98259;animation:ambientFloat 18s ease-in-out infinite alternate-reverse}@keyframes ambientFloat{to{transform:translate(6vw,-5vh) scale(1.15)}}

.topbar{height:76px;padding:0 clamp(18px,3.5vw,60px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:10;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(4,17,27,.55);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#071a24;background:var(--accent);box-shadow:0 0 25px rgba(var(--accent-rgb),.22)}.brand-mark svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:.07em}.brand small{margin-top:2px;color:var(--muted);font-size:15px;text-transform:uppercase;letter-spacing:.18em}.path-title{color:#d1e2e6;font-size:17px;font-weight:850;letter-spacing:.05em}.page-count{justify-self:end;display:flex;align-items:baseline;gap:8px;color:#89a8b0;font-size:17px}.page-count span{color:var(--accent);font-size:26px;font-weight:950}.page-count i{font-style:normal}.progress-track{height:4px;position:relative;z-index:10;background:rgba(255,255,255,.06)}.progress-track span{height:100%;display:block;border-radius:3px;background:linear-gradient(90deg,var(--accent),#ffd58e);box-shadow:0 0 15px rgba(var(--accent-rgb),.65);transition:width .45s ease}

.slide{min-height:calc(100svh - 80px);padding:clamp(28px,4vh,58px) clamp(20px,4vw,70px) 112px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.78fr);gap:clamp(28px,4vw,68px);align-items:center;position:relative;z-index:2;animation:slideReveal .55s ease both}@keyframes slideReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.visual-column{min-width:0;display:flex;align-items:center;justify-content:center}.content-column{max-width:550px}.eyebrow{margin:0 0 15px;color:var(--accent);font-size:16px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.content-column h1{margin:0;font-size:clamp(36px,3.2vw,53px);line-height:1.03;letter-spacing:-.04em;text-wrap:balance;hyphens:auto;overflow-wrap:anywhere}.memory-card{margin-top:25px;padding:18px 20px;border-left:5px solid var(--accent);border-radius:0 19px 19px 0;background:linear-gradient(90deg,rgba(var(--accent-rgb),.15),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.memory-card span{color:var(--accent);font-size:15px;font-weight:950;letter-spacing:.13em}.memory-card p{margin:7px 0 0;color:#edf5f5;font-size:clamp(18px,1.35vw,22px);line-height:1.36;font-weight:720}.fact-row{margin-top:17px;display:grid;gap:8px}.fact-row>span{min-height:50px;padding:10px 12px;display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:13px;color:#c8dadd;background:rgba(1,14,21,.48);font-size:16px;line-height:1.24;font-weight:680}.fact-row b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#082029;background:var(--accent);font-size:15px;font-weight:950}

.science-board,.photo-plate{width:100%;max-width:1080px;aspect-ratio:16/10;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:30px;background:radial-gradient(circle at 50% 35%,rgba(var(--accent-rgb),.13),transparent 42%),linear-gradient(145deg,#0b2a38,#061820 72%);box-shadow:0 28px 70px rgba(0,0,0,.33),inset 0 0 0 1px rgba(255,255,255,.035)}.science-board:after,.photo-plate:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 42px rgba(0,0,0,.2)}.photo-plate>img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.95) contrast(1.06) brightness(.76);transform:scale(1.012);animation:plateBreath 14s ease-in-out infinite}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,15,23,.34),transparent 25%,transparent 70%,rgba(2,15,23,.44)),linear-gradient(180deg,rgba(2,15,23,.18),transparent 40%,rgba(2,15,23,.38))}@keyframes plateBreath{50%{transform:scale(1.035);filter:saturate(1) contrast(1.08) brightness(.82)}}.diagram-label{position:absolute;z-index:6;min-width:190px;max-width:300px;min-height:62px;padding:11px 13px 10px 16px;border:1px solid rgba(255,255,255,.38);border-left:6px solid var(--accent);border-radius:13px;background:rgba(2,18,28,.94);box-shadow:0 12px 30px rgba(0,0,0,.36)}.diagram-label strong,.diagram-label small{display:block}.diagram-label strong{color:#fff;font-size:18px;line-height:1.1}.diagram-label small{margin-top:4px;color:#c9dade;font-size:15px;line-height:1.2;font-weight:650}.label-number{float:left;width:31px;height:31px;margin-right:10px;display:grid;place-items:center;border-radius:9px;color:#082029;background:var(--accent);font-size:16px}.top-left{left:3%;top:4%}.top-right{right:3%;top:4%}.bottom-left{left:3%;bottom:4%}.bottom-right{right:3%;bottom:4%}.arrow-layer{position:absolute;z-index:5;inset:0;width:100%;height:100%;pointer-events:none}.arrow-layer path{fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;marker-end:url(#leaderHead);filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.8));stroke-dasharray:10 9;animation:arrowTravel 1.25s linear infinite}@keyframes arrowTravel{to{stroke-dashoffset:-38}}

.overview-board{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;padding:16px}.overview-cell{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.18)}.overview-cell img{width:100%;height:100%;object-fit:cover;filter:brightness(.65) saturate(.9);transition:.6s}.overview-cell:nth-child(1) img{object-position:35% center}.overview-cell:nth-child(2) img{object-position:58% center}.overview-cell:nth-child(3) img{object-position:53% center}.overview-cell span{position:absolute;left:10px;right:10px;bottom:10px;padding:10px;border-radius:10px;background:rgba(2,18,28,.9);font-size:16px;font-weight:850;text-align:center}.overview-cell{animation:overviewFocus 9s ease-in-out infinite}.overview-cell:nth-child(2){animation-delay:-6s}.overview-cell:nth-child(3){animation-delay:-3s}@keyframes overviewFocus{0%,28%{box-shadow:0 0 28px rgba(var(--accent-rgb),.55);transform:translateY(-3px)}34%,100%{box-shadow:none;transform:none}}.overview-core{position:absolute;z-index:5;left:50%;top:50%;width:240px;height:160px;transform:translate(-50%,-50%);display:grid;place-items:center;align-content:center;gap:6px;border:2px solid var(--accent);border-radius:50%;color:#09212b;background:linear-gradient(145deg,#9ff1e9,var(--accent));box-shadow:0 0 45px rgba(var(--accent-rgb),.5)}.overview-core svg{fill:none;stroke:currentColor;stroke-width:1.8}.overview-core b{font-size:21px;letter-spacing:.08em}.overview-core small{width:200px;font-size:15px;font-weight:760;text-align:center}

.scale-ruler{position:absolute;z-index:6;left:3%;right:3%;bottom:3%;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-radius:12px;background:rgba(2,18,28,.94);font-size:16px}.scale-ruler b{color:var(--accent);font-size:19px}.micro-world .bottom-left{bottom:14%}.micro-world .photo-shade{background:linear-gradient(180deg,rgba(2,14,22,.05),transparent 55%,rgba(2,14,22,.55))}

.decomposer-board svg{width:100%;height:100%}.decomposer-board svg text{fill:#eef6f4;font-size:22px;font-weight:900;paint-order:stroke;stroke:#081b20;stroke-width:5}.soil-layer{filter:drop-shadow(0 -10px 20px rgba(0,0,0,.3))}.leaf{stroke:#f2c46d;stroke-width:4}.leaf-vein{fill:none;stroke:#f4d08b;stroke-width:5}.fungal-net path{fill:none;stroke:#dbc7a3;stroke-width:8;stroke-linecap:round;stroke-dasharray:12 7;animation:fungusGrow 5s ease-in-out infinite}.soil-bacteria rect{fill:#70d8ca;stroke:#c9fff7;stroke-width:2}.soil-bacteria path{fill:none;stroke:#70d8ca;stroke-width:3}.soil-bacteria{animation:bacteriaDrift 5s ease-in-out infinite}.mineral-ions circle{fill:#f2ca78;stroke:#fff1bd;stroke-width:3;filter:drop-shadow(0 0 8px #f2ca78);animation:ionPulse 2s ease-in-out infinite}.root{fill:none;stroke:#d6c095;stroke-width:20;stroke-linecap:round}.cycle-arrows path{fill:none;stroke:var(--accent);stroke-width:8;stroke-dasharray:14 10;animation:arrowTravel 1.4s linear infinite}.cycle-arrows marker path{fill:var(--accent)}.decomposer-chain{position:absolute;z-index:4;left:3%;right:3%;bottom:3%;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px;border-radius:11px;background:rgba(2,18,28,.94);font-size:16px;font-weight:850}.decomposer-chain i{color:var(--accent);font-style:normal}.decomposer-chain b,.decomposer-chain strong{padding:5px 8px;border-radius:7px;color:#082029;background:var(--accent)}@keyframes fungusGrow{50%{stroke-dashoffset:-70}}@keyframes bacteriaDrift{50%{transform:translate(5px,-4px)}}@keyframes ionPulse{50%{transform:scale(1.25)}}

.fermentation-board{display:grid;grid-template-columns:1fr .9fr .75fr;gap:4%;align-items:center;padding:5%}.ferment-vessel{text-align:center}.jar-lid{width:190px;height:26px;margin:auto;border-radius:9px 9px 3px 3px;background:linear-gradient(#aec0c5,#4c6872)}.jar{width:180px;height:310px;margin:auto;position:relative;overflow:hidden;border:9px solid rgba(206,241,241,.65);border-radius:15px 15px 35px 35px;background:rgba(185,231,230,.08)}.milk-fill{position:absolute;inset:38% 0 0;background:linear-gradient(#fff7d9,#e9d8a8);animation:milkSet 5s ease-in-out infinite}.jar i{--i:0;position:absolute;z-index:2;left:calc(12% + (var(--i)%4)*22%);bottom:calc(5% + (var(--i)/4)*20%);width:16px;height:16px;border-radius:50%;background:#82c8a9;animation:bubbleUp 3s linear calc(var(--i)*-.22s) infinite}.ferment-vessel>b{display:block;margin-top:9px;font-size:18px}.ferment-magnifier{text-align:center}.lens{width:230px;height:230px;position:relative;border:9px solid #9fd6d7;border-radius:50%;background:radial-gradient(circle,#184457,#071e2b);box-shadow:0 0 32px rgba(var(--accent-rgb),.28)}.lens:after{content:"";position:absolute;width:120px;height:18px;right:-86px;bottom:-38px;transform:rotate(45deg);border-radius:10px;background:#9fd6d7}.lens i{--i:0;position:absolute;left:calc(15% + (var(--i)%3)*29%);top:calc(18% + (var(--i)/3)*28%);width:40px;height:18px;transform:rotate(calc(var(--i)*21deg));border-radius:18px;background:#79dfba;border:2px solid #c7ffec;animation:bacteriaDrift 2.5s ease-in-out calc(var(--i)*-.2s) infinite}.ferment-magnifier>span{display:block;margin-top:25px;font-size:17px;font-weight:850}.ph-meter{text-align:center}.dial{width:185px;height:185px;position:relative;display:grid;place-items:center;align-content:center;border:10px solid #4c6670;border-top-color:var(--accent);border-right-color:#f2c16e;border-radius:50%;background:#061b27}.dial i{position:absolute;left:50%;bottom:50%;width:7px;height:65px;transform-origin:bottom;transform:rotate(48deg);border-radius:8px;background:#f2cb78}.dial b{font-size:18px}.dial strong{color:var(--accent);font-size:34px}.ph-meter>span{display:block;margin-top:10px;color:#f2c775;font-size:18px;font-weight:900}.ferment-equation{position:absolute;left:4%;right:4%;bottom:4%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px;border-radius:12px;background:rgba(2,18,28,.95);font-size:18px;font-weight:850}.ferment-equation i{color:var(--accent);font-style:normal}.ferment-equation b{padding:6px 10px;border-radius:8px;color:#082029;background:var(--accent)}.temperature-badge{position:absolute;right:4%;top:4%;padding:9px 12px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(2,18,28,.94);font-size:16px;font-weight:850}@keyframes milkSet{50%{filter:saturate(1.15);transform:translateY(-4px)}}@keyframes bubbleUp{from{transform:translateY(50px);opacity:0}35%{opacity:1}to{transform:translateY(-170px);opacity:0}}

.timeline-board{padding:7% 5%}.timeline-track{height:250px;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.timeline-track:before{content:"";position:absolute;left:6%;right:6%;top:43px;height:7px;border-radius:7px;background:linear-gradient(90deg,#76dfd3,#f1c574,#f39882,#7edab3)}.timeline-pulse{position:absolute;z-index:4;left:6%;top:30px;width:34px;height:34px;border:5px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent);animation:timelineTravel 7s ease-in-out infinite}.timeline-track section{position:relative;z-index:3;padding-top:88px;text-align:center}.timeline-track section>b{position:absolute;left:50%;top:22px;width:48px;height:48px;transform:translateX(-50%);display:grid;place-items:center;border:4px solid #0b2632;border-radius:50%;color:#092029;background:var(--accent);font-size:20px}.timeline-track strong,.timeline-track span{display:block}.timeline-track strong{color:var(--accent);font-size:18px}.timeline-track span{margin-top:8px;color:#d4e2e5;font-size:16px;line-height:1.25}.symptom-curve{height:170px}.symptom-curve svg{width:100%;height:100%}.curve-axis{fill:none;stroke:#78929b;stroke-width:4}.curve-line{fill:none;stroke:#f2a185;stroke-width:9;stroke-linecap:round;stroke-dasharray:1200;animation:reactionDraw 6s ease-in-out infinite}.symptom-curve text{fill:#dbe9eb;font-size:19px;font-weight:850}.incubation-note{position:absolute;left:5%;right:5%;bottom:4%;padding:11px;border-left:5px solid var(--accent);border-radius:0 11px 11px 0;background:rgba(var(--accent-rgb),.12);font-size:16px;font-weight:800;text-align:center}@keyframes timelineTravel{0%{left:6%}25%{left:31%}50%{left:55%}75%,100%{left:83%}}@keyframes reactionDraw{0%,12%{stroke-dashoffset:1200}65%,100%{stroke-dashoffset:0}}

.pathogen-plate>img{filter:brightness(.48) saturate(.75)}.pathogen-cards{position:absolute;z-index:5;inset:8% 4% 16%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pathogen-cards section{display:grid;place-items:center;align-content:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-top:5px solid var(--accent);border-radius:22px;background:rgba(2,18,28,.9);box-shadow:0 18px 40px rgba(0,0,0,.25);animation:pathogenPulse 7.5s ease-in-out infinite}.pathogen-cards section:nth-child(2){animation-delay:-5s}.pathogen-cards section:nth-child(3){animation-delay:-2.5s}.pathogen-symbol{width:110px;height:110px;display:grid;place-items:center;border:4px solid var(--accent);border-radius:50%;color:var(--accent);background:rgba(var(--accent-rgb),.13);font-size:64px;font-weight:900}.pathogen-cards b{font-size:19px;letter-spacing:.08em}.pathogen-cards strong{color:var(--accent);font-size:23px}.pathogen-cards small{max-width:190px;color:#cbdcdf;font-size:15px;font-weight:700;text-align:center}.pathogen-warning{position:absolute;z-index:6;left:4%;right:4%;bottom:4%;padding:12px;border-radius:12px;color:#25170d;background:#f1c574;font-size:18px;font-weight:950;text-align:center}@keyframes pathogenPulse{0%,27%{transform:translateY(-5px);box-shadow:0 0 30px rgba(var(--accent-rgb),.35)}35%,100%{transform:none;box-shadow:0 18px 40px rgba(0,0,0,.25)}}

.transmission-plate>img{filter:brightness(.38) saturate(.7)}.barrier-line{position:absolute;z-index:3;left:5%;right:5%;top:54%;height:65px;border-top:6px solid var(--accent);border-bottom:3px solid rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.15)}.barrier-line span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 13px;border-radius:9px;color:#082029;background:var(--accent);font-size:17px;font-weight:950}.route-grid{position:absolute;z-index:5;left:3%;right:3%;top:5%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.route-grid section{padding:11px;border:1px solid rgba(255,255,255,.3);border-radius:13px;background:rgba(2,18,28,.94);text-align:center;animation:routeDrop 8s ease-in-out infinite}.route-grid section:nth-child(2){animation-delay:-6s}.route-grid section:nth-child(3){animation-delay:-4s}.route-grid section:nth-child(4){animation-delay:-2s}.route-grid b,.route-grid span{display:block}.route-grid b{color:var(--accent);font-size:18px}.route-grid span{margin-top:3px;font-size:15px}.route-grid i{display:block;margin-top:8px;color:var(--accent);font-size:28px;font-style:normal}.route-stop{position:absolute;z-index:5;left:18%;right:18%;bottom:5%;padding:11px;border-radius:12px;background:rgba(2,18,28,.95);text-align:center}.route-stop b,.route-stop span{display:block}.route-stop b{color:var(--accent);font-size:18px}.route-stop span{margin-top:3px;font-size:15px}@keyframes routeDrop{0%,20%{transform:translateY(0);border-color:var(--accent)}30%,100%{transform:translateY(8px);border-color:rgba(255,255,255,.3)}}

.phago-plate>img{object-position:50% center}.phago-plate .top-right{right:2%}.phago-plate .bottom-right{bottom:3%}.phago-focus{position:absolute;z-index:4;left:51%;top:39%;width:32%;height:45%;border:5px solid var(--accent);border-radius:50%;box-shadow:0 0 35px rgba(var(--accent-rgb),.65),inset 0 0 28px rgba(var(--accent-rgb),.22);animation:focusPulse 2.5s ease-in-out infinite}@keyframes focusPulse{50%{transform:scale(1.035);box-shadow:0 0 55px rgba(var(--accent-rgb),.82)}}
.antibody-plate>img{filter:brightness(.72) saturate(.92)}.antibody-plate .top-left{left:2%}.antibody-plate .bottom-left{bottom:3%}.antibody-plate .top-right{right:2%}.antibody-lock{position:absolute;z-index:7;left:42%;bottom:4%;padding:10px 14px;border-radius:10px;color:#082029;background:var(--accent);font-size:17px;font-weight:950;letter-spacing:.06em;animation:lockPulse 2s ease-in-out infinite}@keyframes lockPulse{50%{transform:scale(1.06)}}

.vaccination-board svg,.hiv-board svg,.nicotine-board svg,.help-board>svg,.sound-board svg{width:100%;height:100%}.syringe path,.syringe rect{fill:#b3c9ce;stroke:#edf7f6;stroke-width:5}.syringe path:nth-child(3),.syringe path:nth-child(4){fill:none}.antigen-dose circle{fill:#f19f84;stroke:#ffd0c3;stroke-width:3;animation:antigenMove 4s ease-in-out infinite}.vacc-flow{fill:none;stroke:var(--accent);stroke-width:8;stroke-dasharray:13 10;animation:arrowTravel 1.2s linear infinite}.vaccination-board marker path{fill:var(--accent)}.lymph-node{filter:drop-shadow(0 0 25px rgba(182,161,245,.6));animation:nodePulse 3s ease-in-out infinite}.lymph-node path{fill:none;stroke:#e2d8ff;stroke-width:7;stroke-linecap:round}.memory-cells circle{fill:#74dcb1;stroke:#d5fff0;stroke-width:4;animation:memoryPulse 2.5s ease-in-out infinite}.vaccination-board svg text{fill:#eaf5f4;font-size:22px;font-weight:950}.vaccination-rule{position:absolute;left:7%;right:7%;bottom:4%;padding:12px;border-radius:12px;background:rgba(2,18,28,.95);font-size:18px;text-align:center}.vaccination-rule b{color:var(--accent)}@keyframes antigenMove{50%{transform:translate(55px,40px)}}@keyframes nodePulse{50%{transform:scale(1.035)}}@keyframes memoryPulse{50%{filter:drop-shadow(0 0 13px #74dcb1);transform:scale(1.08)}}

.helper-cell{stroke:#8ce6e2;stroke-width:8;filter:drop-shadow(0 0 28px rgba(var(--accent-rgb),.4))}.cell-nucleus{fill:#5e6689;stroke:#aaaee0;stroke-width:5}.cd4-receptors path{fill:none;stroke:#c8f4ee;stroke-width:8;stroke-linecap:round}.hiv-particle circle{stroke:#ffd0be;stroke-width:5}.hiv-particle path{stroke:#f19a83;stroke-width:10;stroke-linecap:round}.hiv-particle{animation:hivApproach 5s ease-in-out infinite}.hiv-entry{fill:none;stroke:#f39a84;stroke-width:8;stroke-dasharray:14 9;animation:arrowTravel 1s linear infinite}.hiv-board marker path{fill:#f39a84}.hiv-board svg text{fill:#edf7f6;font-size:23px;font-weight:950;paint-order:stroke;stroke:#061a24;stroke-width:6}.hiv-protection{position:absolute;left:5%;right:5%;bottom:4%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hiv-protection span{padding:11px;border:1px solid rgba(255,255,255,.18);border-radius:11px;color:#082029;background:var(--accent);font-size:17px;font-weight:950;text-align:center}@keyframes hivApproach{50%{transform:translate(65px,25px)}}

.addiction-plate>img,.alcohol-plate>img{filter:brightness(.66) saturate(.9)}.addiction-plate .top-right{right:2%}.addiction-loop{position:absolute;z-index:6;left:2%;right:2%;bottom:12%;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto;gap:7px;align-items:center}.addiction-loop span{padding:10px;border:1px solid rgba(255,255,255,.3);border-radius:11px;background:rgba(2,18,28,.95);text-align:center}.addiction-loop b,.addiction-loop small{display:block}.addiction-loop b{color:var(--accent);font-size:17px}.addiction-loop small{margin-top:3px;font-size:15px}.addiction-loop i{color:var(--accent);font-size:28px;font-style:normal;font-weight:950;animation:loopArrow 1.4s ease-in-out infinite}.warning-strip,.alcohol-rule{position:absolute;z-index:6;left:3%;right:3%;bottom:3%;padding:9px;border-radius:10px;color:#25170d;background:#f1c574;font-size:16px;font-weight:950;text-align:center}@keyframes loopArrow{50%{transform:translateX(5px)}}.alcohol-meter{position:absolute;z-index:5;left:3%;top:4%;width:270px;padding:12px;border:1px solid rgba(255,255,255,.3);border-radius:14px;background:rgba(2,18,28,.94)}.alcohol-meter span,.alcohol-meter b{display:block;font-size:16px}.alcohol-meter i{height:14px;margin:8px 0;display:block;border-radius:10px;background:linear-gradient(90deg,var(--accent),#f1c574,#ef806b);position:relative}.alcohol-meter i:after{content:"";position:absolute;top:-5px;left:12%;width:10px;height:24px;border-radius:5px;background:#fff;animation:alcoholRise 6s ease-in-out infinite}.organ-effects{position:absolute;z-index:5;left:3%;bottom:13%;display:grid;gap:7px}.organ-effects section{min-width:260px;padding:9px 12px;border-left:5px solid var(--accent);border-radius:0 11px 11px 0;background:rgba(2,18,28,.94)}.organ-effects b,.organ-effects span{display:block}.organ-effects b{color:var(--accent);font-size:17px}.organ-effects span{font-size:15px}.alcohol-rule{left:auto;right:3%;width:330px}@keyframes alcoholRise{50%{left:78%}}

.trachea,.bronchi{fill:none;stroke:#b6d5d6;stroke-width:18;stroke-linecap:round}.trachea{stroke-width:22}.lung{stroke:#f0b3b2;stroke-width:6}.alveoli circle{fill:#d78388;stroke:#ffd0c7;stroke-width:4;animation:alveoliBreathe 3.5s ease-in-out infinite}.smoke-path{fill:none;stroke:#aeb9bc;stroke-width:16;stroke-dasharray:18 12;animation:arrowTravel 1.2s linear infinite}.nicotine-board marker path{fill:#aeb9bc}.nicotine-board svg text{fill:#eaf4f4;font-size:21px;font-weight:900}.smoke-cards{position:absolute;left:3%;right:3%;bottom:3%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.smoke-cards span{padding:9px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(2,18,28,.94);font-size:15px;text-align:center}.smoke-cards b{display:block;color:var(--accent);font-size:17px}@keyframes alveoliBreathe{50%{transform:scale(1.08)}}

.help-person{position:absolute;z-index:4;left:50%;top:45%;transform:translate(-50%,-50%);display:grid;place-items:center}.help-person .head{width:95px;height:95px;border:5px solid var(--accent);border-radius:50%;background:rgba(var(--accent-rgb),.16)}.help-person .body{width:190px;height:210px;margin-top:12px;border:5px solid var(--accent);border-radius:90px 90px 28px 28px;background:rgba(var(--accent-rgb),.12)}.help-person b{width:260px;margin-top:9px;color:var(--accent);font-size:17px;text-align:center}.help-links section{position:absolute;z-index:5;width:235px;padding:12px;border:1px solid rgba(255,255,255,.28);border-left:6px solid var(--accent);border-radius:12px;background:rgba(2,18,28,.94)}.help-links section:nth-child(1){left:4%;top:10%}.help-links section:nth-child(2){left:4%;bottom:17%}.help-links section:nth-child(3){right:4%;top:10%}.help-links section:nth-child(4){right:4%;bottom:17%}.help-links b,.help-links span{display:block}.help-links b{color:var(--accent);font-size:18px}.help-links span{margin-top:3px;font-size:15px}.help-board>svg{position:absolute;inset:0}.help-board>svg path{fill:none;stroke:var(--accent);stroke-width:7;stroke-dasharray:13 10;animation:arrowTravel 1.5s linear infinite}.help-first-step{position:absolute;z-index:6;left:4%;right:4%;bottom:3%;padding:11px;border-radius:11px;color:#1c1710;background:#f1c574;font-size:16px;text-align:center}.help-first-step b{font-weight:950}

.cycle-plate>img,.fertilization-plate>img,.development-plate>img,.placenta-plate>img{filter:brightness(.67) saturate(.86)}.cycle-ring{position:absolute;z-index:5;left:50%;top:50%;width:430px;height:430px;transform:translate(-50%,-50%);border:10px solid rgba(var(--accent-rgb),.4);border-top-color:var(--accent);border-radius:50%;box-shadow:0 0 35px rgba(var(--accent-rgb),.25)}.cycle-ring>i{position:absolute;inset:-10px;border:10px solid transparent;border-right-color:#f1c574;border-radius:50%;animation:cycleSpin 8s linear infinite}.cycle-ring span{--i:0;position:absolute;left:50%;top:50%;width:180px;min-height:58px;padding:9px 10px 9px 47px;transform:translate(-50%,-50%) rotate(calc(var(--i)*90deg)) translateY(-230px) rotate(calc(var(--i)*-90deg));border:1px solid rgba(255,255,255,.32);border-radius:11px;background:rgba(2,18,28,.95);font-size:16px;font-weight:800}.cycle-ring span b{position:absolute;left:9px;top:10px;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#082029;background:var(--accent)}@keyframes cycleSpin{to{transform:rotate(360deg)}}.development-track{position:absolute;z-index:5;left:3%;right:3%;top:4%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.development-track span{padding:10px 8px;border:1px solid rgba(255,255,255,.3);border-radius:11px;background:rgba(2,18,28,.94);font-size:16px;font-weight:850;text-align:center;animation:stageHighlight 8s ease-in-out infinite}.development-track span:nth-child(2){animation-delay:-6s}.development-track span:nth-child(3){animation-delay:-4s}.development-track span:nth-child(4){animation-delay:-2s}.development-track b{display:inline-grid;width:31px;height:31px;margin-right:7px;place-items:center;border-radius:8px;color:#082029;background:var(--accent)}.development-arrow{stroke:#f1c574!important;stroke-width:8!important}.travel-note{position:absolute;z-index:6;left:15%;right:15%;bottom:4%;padding:10px;border-radius:11px;background:rgba(2,18,28,.95);font-size:16px;font-weight:850;text-align:center}@keyframes stageHighlight{0%,22%{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 0 22px rgba(var(--accent-rgb),.4)}28%,100%{transform:none}}.development-plate .bottom-left,.development-plate .bottom-right{bottom:3%}.development-plate .top-left,.development-plate .top-right{top:3%}.placenta-gate{position:absolute;z-index:6;left:3%;top:14%;width:290px;padding:13px;border:1px solid rgba(255,255,255,.35);border-radius:15px;background:rgba(2,18,28,.95)}.placenta-gate b,.placenta-gate span{display:block}.placenta-gate b{color:var(--accent);font-size:20px}.placenta-gate span{margin-top:9px;padding:8px;border-radius:9px;font-size:15px;font-weight:800}.placenta-gate .good{color:#082029;background:#79ddb3}.placenta-gate .bad{color:#25170d;background:#f1a085;animation:riskPulse 2s ease-in-out infinite}.placenta-rule{position:absolute;z-index:6;left:18%;right:18%;bottom:4%;padding:11px;border-radius:11px;background:rgba(2,18,28,.95);font-size:17px;text-align:center}.placenta-rule b{color:var(--accent)}@keyframes riskPulse{50%{box-shadow:0 0 18px #f1a085}}

.contraception-board{display:grid;grid-template-columns:1fr 1fr;gap:3%;padding:4% 5% 18%}.condom-card,.pill-card{position:relative;display:grid;place-items:center;align-content:center;border:1px solid rgba(255,255,255,.2);border-radius:23px;background:rgba(255,255,255,.035)}.condom-card svg{width:145px;height:240px}.condom-card svg path,.condom-card svg ellipse{stroke:#d6f4f4;stroke-width:7;fill-opacity:.75}.condom-card>b,.pill-card>b{color:var(--accent);font-size:21px;letter-spacing:.08em}.condom-card>span,.pill-card>span{max-width:285px;margin-top:7px;color:#d1e1e3;font-size:16px;font-weight:720;text-align:center}.blister{width:270px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:15px;border:5px solid #aab9bd;border-radius:20px;background:linear-gradient(145deg,#d4dddf,#71868e)}.blister i{aspect-ratio:1;border:2px solid #f8fbfb;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e4b9c8 45%,#8d6676);box-shadow:inset -4px -5px 7px rgba(0,0,0,.2)}.protection-table{position:absolute;left:5%;right:5%;bottom:4%;display:grid;grid-template-columns:1fr;gap:5px}.protection-table>span{display:grid;grid-template-columns:1fr 110px 110px;align-items:center;border-radius:9px;background:rgba(2,18,28,.94);font-size:16px}.protection-table b{padding:8px 12px}.protection-table i{height:100%;display:grid;place-items:center;border-left:1px solid rgba(255,255,255,.15);font-size:20px;font-style:normal}.protection-table .yes{color:#76deb4}.protection-table .no{color:#f0a087}.protection-table small{font-size:15px;text-align:center}

.speaker-box{fill:#152a34;stroke:#75909a;stroke-width:6}.speaker-cone{stroke:#c9d6da;stroke-width:6}.membrane{fill:none;stroke:var(--accent);stroke-width:12;animation:membraneMove 1s ease-in-out infinite}.air-column circle{fill:#89dfe0;animation:particleOscillate 1s ease-in-out calc(var(--i)*-.06s) infinite}.sound-direction{fill:none;stroke:#f1c574;stroke-width:7;stroke-dasharray:12 9;animation:arrowTravel 1.2s linear infinite}.sound-board marker path{fill:#f1c574}.sound-board svg text{fill:#e8f3f3;font-size:22px;font-weight:900}.sound-legend{position:absolute;left:4%;right:4%;bottom:4%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.sound-legend span{padding:10px;border-radius:11px;background:rgba(2,18,28,.94);font-size:16px;text-align:center}.sound-legend b{display:block;color:var(--accent);font-size:18px}@keyframes membraneMove{50%{transform:translateX(16px)}}@keyframes particleOscillate{50%{transform:translateX(18px)}}

.frequency-board{display:grid;grid-template-rows:1fr 1fr;gap:10px;padding:4%}.frequency-board section{position:relative;display:grid;grid-template-columns:190px 1fr 130px;align-items:center;border:1px solid rgba(255,255,255,.17);border-radius:18px;background:rgba(255,255,255,.03)}.frequency-board section>div{padding-left:18px}.frequency-board section>div b,.frequency-board section>div span{display:block}.frequency-board section>div b{color:var(--accent);font-size:21px}.frequency-board section>div span{margin-top:5px;font-size:15px}.frequency-board svg{width:100%;height:100%}.frequency-axis{fill:none;stroke:#738f99;stroke-width:4}.frequency-wave{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;stroke-dasharray:1000;animation:waveDraw 4s linear infinite}.amplitude-mark{fill:none;stroke:#f1c574;stroke-width:5}.frequency-board svg text{fill:#f2d997;font-size:18px;font-weight:900}.frequency-board section>strong{color:#082029;background:var(--accent);padding:10px;border-radius:10px;font-size:18px;text-align:center}.frequency-rule{position:absolute;left:28%;right:28%;bottom:2%;padding:8px;border-radius:9px;background:rgba(2,18,28,.95);font-size:16px;font-weight:850;text-align:center}@keyframes waveDraw{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}

.ear-plate>img,.hearing-plate>img{filter:brightness(.74) saturate(.9)}.ear-plate .diagram-label{max-width:250px}.ear-outer{left:1.5%;top:3%}.ear-drum{left:1.5%;bottom:4%}.ear-bones{left:39%;top:3%}.ear-cochlea{right:1.5%;bottom:4%}.ear-nerve{right:1.5%;top:3%}.ear-sound-path{position:absolute;z-index:5;left:20%;top:47%;width:40%;height:50px;display:flex;align-items:center;gap:10px}.ear-sound-path i{width:18px;height:18px;border-radius:50%;background:#f1c574;box-shadow:0 0 14px #f1c574;animation:soundPath 2.2s linear infinite}.ear-sound-path i:nth-child(2){animation-delay:-.7s}.ear-sound-path i:nth-child(3){animation-delay:-1.4s}.ear-sound-path b{padding:7px 10px;border-radius:8px;color:#24190b;background:#f1c574;font-size:15px}@keyframes soundPath{from{transform:translateX(-30px);opacity:0}40%{opacity:1}to{transform:translateX(160px);opacity:0}}.hearing-plate>img{filter:brightness(.58) saturate(.75)}.noise-wave{position:absolute;z-index:5;left:0;top:35%;width:45%;height:160px}.noise-wave i{position:absolute;left:-10%;top:50%;width:80%;height:12px;border-radius:50%;border-top:8px solid #f19a83;transform:rotate(calc((var(--i,0) - 1.5)*8deg));animation:noiseAttack 2s ease-in-out infinite}.noise-wave i:nth-child(2){--i:1;animation-delay:-.4s}.noise-wave i:nth-child(3){--i:2;animation-delay:-.8s}.noise-wave i:nth-child(4){--i:3;animation-delay:-1.2s}.earplug-shield{position:absolute;z-index:6;left:24%;top:37%;width:170px;height:170px;display:grid;place-items:center;border:10px solid var(--accent);border-radius:50%;color:#082029;background:rgba(var(--accent-rgb),.75);font-size:16px;font-weight:950;text-align:center;box-shadow:0 0 30px rgba(var(--accent-rgb),.5)}.hearing-plate .bottom-right{bottom:15%}.protection-row{position:absolute;z-index:6;left:2%;right:2%;bottom:3%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.protection-row span{padding:8px;border-radius:10px;background:rgba(2,18,28,.95);font-size:15px;text-align:center}.protection-row b{display:block;color:var(--accent);font-size:16px}.warning-signal{position:absolute;z-index:7;right:2%;top:3%;padding:10px 13px;border-radius:10px;color:#25170d;background:#f1c574;font-size:16px;font-weight:950}@keyframes noiseAttack{50%{transform:translateX(70px) scaleX(1.2);opacity:.55}}

.controls{position:fixed;z-index:20;left:50%;bottom:16px;width:min(780px,calc(100% - 30px));height:72px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(3,19,28,.88);box-shadow:0 18px 45px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.control-group{display:flex;align-items:center;gap:6px}.icon-button,.text-control,.voice-control,.speed-control{height:54px;border:1px solid rgba(255,255,255,.15);border-radius:15px;color:#dcebee;background:rgba(255,255,255,.05);cursor:pointer}.icon-button{width:54px;display:grid;place-items:center}.icon-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover,.icon-button.active,.text-control:hover,.voice-control:hover,.speed-control:hover{border-color:var(--accent);color:#092029;background:var(--accent)}.icon-button:disabled{opacity:.28;cursor:not-allowed}.text-control,.voice-control{padding:0 14px;font-size:15px;font-weight:850}.voice-control.natural{border-color:rgba(var(--accent-rgb),.8)}.speed-control{width:58px;font-size:16px;font-weight:950}.voice-menu,.transcript{position:fixed;z-index:30;right:24px;bottom:101px;width:min(440px,calc(100% - 30px));max-height:calc(100vh - 130px);overflow:auto;padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(3,18,27,.97);box-shadow:0 25px 60px rgba(0,0,0,.5)}.voice-menu>div:first-child,.transcript>div:first-child{display:flex;align-items:center;justify-content:space-between}.voice-menu>div:first-child span,.transcript>div:first-child span{color:var(--accent);font-size:17px;font-weight:950}.voice-menu>div:first-child button,.transcript>div:first-child button{border:0;color:#fff;background:transparent;font-size:27px;cursor:pointer}.voice-menu>p,.transcript>p{font-size:16px;line-height:1.55}.voice-menu>button{width:100%;margin-top:5px;padding:10px;display:flex;justify-content:space-between;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#dbe9eb;background:rgba(255,255,255,.04);font-size:15px;text-align:left}.voice-menu>button.selected{border-color:var(--accent)}.voice-menu>button b{color:var(--accent);font-size:15px}.voice-quality{margin:12px 0;padding:10px;border-radius:10px;background:rgba(var(--accent-rgb),.11)}.voice-quality b,.voice-quality span{display:block;font-size:15px}.voice-quality b{color:var(--accent)}.voice-preview{justify-content:center!important;color:#082029!important;background:var(--accent)!important;font-weight:950!important}.transcript{left:24px;right:auto;width:min(610px,calc(100% - 30px))}.transcript small{font-size:15px}

.msl-intro{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:22px;background:#02090d;transition:opacity .44s}.msl-intro.finishing{opacity:0;pointer-events:none}.msl-intro-card{width:min(530px,calc(100vmin - 44px));aspect-ratio:1;position:relative;overflow:hidden;border:5px solid rgba(255,255,255,.96);border-radius:23px;background:#000;box-shadow:0 24px 70px rgba(0,0,0,.56)}.msl-intro-video{width:100%;height:100%;display:block;object-fit:cover}.msl-intro.awaiting-start .msl-intro-video{filter:brightness(.66)}.msl-intro-start-panel{position:absolute;z-index:5;left:7%;right:7%;bottom:6%;display:grid;justify-items:center;gap:8px}.msl-intro-start-panel button{width:100%;min-height:70px;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:13px;border:3px solid rgba(255,255,255,.94);border-radius:18px;color:#06202a;background:linear-gradient(135deg,#9ef3e9,#65dbd1);box-shadow:0 16px 40px rgba(0,0,0,.5);cursor:pointer}.msl-intro-start-panel button:hover,.msl-intro-start-panel button:focus-visible{filter:brightness(1.08);outline:4px solid rgba(255,255,255,.45);outline-offset:3px}.msl-intro-start-panel button span{font-size:28px;line-height:1}.msl-intro-start-panel button strong{font-size:20px;line-height:1.2}.msl-intro-start-panel small{padding:5px 10px;border-radius:8px;color:#fff;background:rgba(2,9,13,.76);font-size:15px;font-weight:800}.msl-intro-progress{position:absolute;z-index:3;left:0;right:0;bottom:0;height:7px;background:rgba(255,255,255,.24);opacity:0}.msl-intro.playing .msl-intro-progress{opacity:1}.msl-intro-progress div{width:0;height:100%;background:#0d93ed;box-shadow:0 0 10px rgba(255,255,255,.9)}.msl-intro.playing .msl-intro-progress div{animation:introProgress 8.27s linear forwards}@keyframes introProgress{to{width:100%}}

.motion-paused *{animation-play-state:paused!important}.motion-paused .msl-intro *{animation-play-state:running!important}

@media(max-width:1100px){.slide{grid-template-columns:1fr;align-items:start;overflow:auto;padding-top:24px}.content-column{max-width:950px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.content-column h1,.eyebrow{grid-column:1/-1}.memory-card{grid-column:1}.fact-row{grid-column:2}.science-board,.photo-plate{max-width:850px}.controls{bottom:9px}}
@media(max-width:720px){.topbar{grid-template-columns:1fr auto;height:66px;padding:0 12px}.path-title{display:none}.brand strong{font-size:15px}.page-count span{font-size:22px}.slide{padding:18px 9px 99px;gap:17px}.content-column{display:block}.content-column h1{font-size:33px}.memory-card{margin-top:15px}.fact-row{margin-top:12px}.science-board,.photo-plate{aspect-ratio:1.5;border-radius:21px}.controls{height:61px;width:calc(100% - 10px);padding:4px}.icon-button{width:44px;height:44px}.text-control,.voice-control{display:none}.speed-control{height:44px;width:48px}.secondary-controls{gap:2px}.diagram-label{min-width:0;max-width:46%;min-height:49px;padding:7px 8px 7px 11px;border-left-width:4px}.diagram-label strong{font-size:15px}.diagram-label small{display:none}.label-number{width:27px;height:27px;margin-right:6px;font-size:15px}.arrow-layer path{stroke-width:9}.overview-core{width:170px;height:120px}.overview-core b{font-size:17px}.overview-core small{display:none}.overview-cell span{font-size:15px;padding:7px}.decomposer-chain,.ferment-equation,.vaccination-rule,.placenta-rule{font-size:15px;gap:3px}.decomposer-chain>*{padding:4px}.timeline-track span{font-size:15px}.pathogen-symbol{width:70px;height:70px;font-size:40px}.pathogen-cards b{font-size:15px}.pathogen-cards strong{font-size:17px}.pathogen-cards small{display:none}.route-grid span{display:none}.route-grid section{padding:7px 3px}.route-grid b{font-size:15px}.addiction-loop small{display:none}.organ-effects section{min-width:210px}.cycle-ring{width:285px;height:285px}.cycle-ring span{width:135px;min-height:48px;padding:8px 7px 8px 37px;transform:translate(-50%,-50%) rotate(calc(var(--i)*90deg)) translateY(-155px) rotate(calc(var(--i)*-90deg));font-size:15px}.cycle-ring span b{width:26px;height:26px}.development-track span{font-size:15px;padding:6px 3px}.development-track b{width:25px;height:25px}.ear-plate .diagram-label{max-width:44%}.ear-bones{left:35%}.protection-row span{font-size:15px;padding:6px 2px}.protection-row b{font-size:15px}}
@media(prefers-reduced-motion:reduce){*:not(.msl-intro-progress div){animation-duration:.001ms!important;animation-iteration-count:1!important}}