@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&family=Caveat:wght@400;700&display=swap";.landing-page{--primary: #0066CC;--primary-dark: #004C99;--secondary: #00A896;--accent-1: #FF6B6B;--bg-light: #F8F9FA;--bg-section: #E9ECEF;--bg-card: #FFFFFF;--text-primary: #212529;--text-secondary: #6C757D;--white: #FFFFFF;--border-light: rgba(0, 0, 0, .08)}.landing-page{width:100%;overflow-x:hidden}.mobile-auth-links{display:none}.landing-nav-v2{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:1280px;z-index:1000;background:#fffc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);border-radius:24px;padding:12px 0;box-shadow:0 10px 30px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1)}.landing-nav-v2.scrolled{top:10px;width:92%;max-width:1280px;border-radius:24px;background:#fffffff2;padding:8px 0;box-shadow:0 10px 40px #00000014}.nav-container-v2{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.nav-logo-v2{display:flex;align-items:center;gap:12px;cursor:pointer}.logo-image-v2{height:40px}.logo-text-v2{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:#1a202c}.logo-text-v2 .accent{color:#3b82f6}.nav-links-v2{display:flex;gap:40px}.nav-link-v2{text-decoration:none;color:#4a5568;font-weight:600;font-size:.95rem;transition:all .3s ease;position:relative;padding:4px 0}.nav-link-v2:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#3b82f6;transition:width .3s ease;border-radius:2px}.nav-link-v2:hover{color:#3b82f6}.nav-link-v2:hover:after{width:100%}.nav-auth-v2{display:flex;gap:16px}.desktop-only{display:flex}.mobile-menu-btn{display:none;background:none;border:none;padding:10px;cursor:pointer;z-index:1001}.hamburger{display:block;width:24px;height:2px;background:#1a202c;position:relative;transition:all .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:#1a202c;left:0;transition:all .3s ease}.hamburger:before{top:-8px}.hamburger:after{top:8px}.hamburger.active{background:transparent}.hamburger.active:before{top:0;transform:rotate(45deg)}.hamburger.active:after{top:0;transform:rotate(-45deg)}.btn-login-v2{padding:10px 24px;border:none;background:transparent;color:#1a5276;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:12px}.btn-login-v2:hover{background:#3b82f60d;color:#3b82f6}.btn-signup-v2,.btn-dashboard-v2{background:#1a5276;color:#fff;border:none;padding:10px 24px;border-radius:24px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1a527633}.btn-signup-v2:hover,.btn-dashboard-v2:hover{background:#154360;transform:translateY(-2px);box-shadow:0 6px 15px #1a52764d}.hero-v3{padding-top:140px;padding-bottom:100px;background:linear-gradient(to right,#fff 50%,#f7f3f0 50%);overflow:hidden;min-height:90vh;display:flex;align-items:center}.hero-v3-container{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:80px;position:relative;z-index:2}.hero-v3-content{flex:1}.hero-v3-badge{display:inline-block;background:#ebf8ff;color:#3182ce;padding:6px 16px;border-radius:50px;font-size:.875rem;font-weight:700;margin-bottom:24px}.hero-v3-title{font-family:Outfit,sans-serif;font-size:3.8rem;font-weight:800;line-height:1.15;color:#8b5b2f;margin-bottom:24px}.gradient-text-v2{background:linear-gradient(135deg,#8b5b2f,#ce9358);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-v3-description{font-size:1.25rem;color:#4a5568;line-height:1.7;margin-bottom:40px;max-width:540px}.hero-v3-cta{display:flex;flex-direction:column;gap:32px}.btn-primary-v3{display:flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#8b5b2f,#a67c52);color:#fff;border-radius:50px;font-size:1rem;font-weight:600;border:none;width:fit-content;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 20px #8b5b2f33;position:relative;overflow:hidden}.btn-primary-v3:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transform:skew(-25deg);transition:none;animation:shimmer 4s infinite}@keyframes shimmer{0%{left:-100%}20%{left:150%}to{left:150%}}.btn-primary-v3:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 15px 30px #8b5b2f66,0 0 15px #8b5b2f33;background:linear-gradient(135deg,#a67c52,#8b5b2f)}.btn-primary-v3 svg{transition:transform .3s ease}.btn-primary-v3:hover svg{transform:translate(6px)}.hero-v3-handwritten{font-family:Caveat,cursive;font-size:1.5rem;color:#1a5276;line-height:1.2;transform:rotate(0);margin-top:15px;opacity:.9;letter-spacing:.5px}.hero-v3-trust{display:flex;align-items:center;gap:16px;font-size:.95rem;color:#718096}.trust-avatars{display:flex}.trust-avatars img{width:32px;height:32px;border-radius:50%;border:2px solid white;margin-left:-12px}.trust-avatars img:first-child{margin-left:0}.hero-v3-visual{flex:1;position:relative;height:600px;display:flex;align-items:center;justify-content:center}.circular-container{position:relative;width:500px;height:500px;display:flex;align-items:center;justify-content:center}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counterRotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.medical-card{position:absolute;width:180px;height:180px;background:transparent;display:flex;align-items:center;justify-content:center;border:none;overflow:visible}.card-respiratory{top:0;left:calc(50% - 90px)}.card-cardio{bottom:0;left:0}.card-neuro{bottom:0;right:0}.medical-card:hover{filter:brightness(1.1);z-index:10}.medical-card img{width:85%;height:85%;object-fit:contain;filter:drop-shadow(0 15px 25px rgba(0,0,0,.1));animation:breathing 4s ease-in-out infinite;will-change:transform}.veins-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.vein-path-premium{fill:none;stroke:#1a52761f;stroke-width:4;stroke-linecap:round}.vein-path-secondary{fill:none;stroke:#1a52760a;stroke-width:3;stroke-linecap:round}.blood-flow-artery,.blood-flow-vein{fill:none;stroke-linecap:round;filter:url(#premium-glow)}.blood-flow-artery{stroke:#e74c3cb3;stroke-width:3;stroke-dasharray:15,120;animation:arteryPulse 2.5s cubic-bezier(.4,0,.2,1) infinite}.blood-flow-vein{stroke:#3498db80;stroke-width:2;stroke-dasharray:10,80;animation:veinFlow 5s linear infinite}.core-glow{animation:coreBreath 4s ease-in-out infinite}@keyframes arteryPulse{0%{stroke-dashoffset:270;opacity:.4}30%{opacity:1}to{stroke-dashoffset:0;opacity:.4}}@keyframes veinFlow{0%{stroke-dashoffset:180}to{stroke-dashoffset:0}}@keyframes coreBreath{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.8;transform:scale(1.1)}}@keyframes breathing{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes spin3D{0%{transform:rotateY(0) translateZ(20px) rotateX(0)}50%{transform:rotateY(180deg) translateZ(50px) rotateX(5deg)}to{transform:rotateY(360deg) translateZ(20px) rotateX(0)}}.center-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);width:120px;height:120px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);border-radius:50%;z-index:-1}.center-pulse:before,.center-pulse:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid rgba(59,130,246,.3);border-radius:50%;animation:pulseGlow 4s linear infinite}.center-pulse:after{animation-delay:2s}.panda-immersion-section{display:flex;width:100%;height:100vh;background-color:#f7f3f0;position:relative;overflow:hidden}.panda-visual-box{flex:1;height:100%}.panda-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;color:#1a5276;background:#ffffff4d}.panda-content-box{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 8%;color:#2c3e50}.panda-title-premium{font-size:3.5rem;font-weight:900;margin-bottom:1.5rem;color:#1a5276;line-height:1.1;font-family:Outfit,sans-serif}.accent-red{color:#c0392b;opacity:.9}.panda-desc-premium{font-size:1.3rem;line-height:1.8;color:#34495e;max-width:550px;font-weight:400}.dna-viewer-container{position:absolute;left:75%;top:10%;bottom:20%;transform:translate(-50%);z-index:0;opacity:.6;width:500px;pointer-events:none}@keyframes pulseGlow{0%{transform:scale(.5);opacity:.8}to{transform:scale(2.5);opacity:0}}.features-section,.how-it-works-section,.pricing-section{padding:100px 24px;position:relative}.features-section{background:var(--white)}.how-it-works-section{background:var(--bg-section)}.pricing-section{background:var(--white)}.section-container{max-width:1280px;margin:0 auto}.section-header{text-align:center;margin-bottom:64px}.section-badge{display:inline-block;padding:6px 16px;background:#e0f2f1;color:var(--secondary);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:50px;margin-bottom:16px}.section-title{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-1px}.section-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.bento-section{background:var(--bg-section);padding:100px 24px;position:relative;overflow:hidden}.bento-bg-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;z-index:0;pointer-events:none}.glow-1{width:600px;height:600px;background:#0066cc26;top:-100px;left:-200px}.glow-2{width:500px;height:500px;background:#00a89626;bottom:-100px;right:-150px}.bento-section .section-title{color:var(--text-primary)}.bento-section .section-description{color:var(--text-secondary)}.bento-badge{background:#0066cc1a!important;color:var(--primary)!important;border:1px solid rgba(0,102,204,.2)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:2px;font-size:.75rem!important}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(280px,auto);gap:24px;max-width:1200px;margin:0 auto}.bento-card{background:var(--white);border-radius:24px;padding:45px 40px;border:1px solid rgba(0,0,0,.05);box-shadow:0 15px 35px #00000008;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;position:relative;display:flex;flex-direction:column}.bento-card:hover{transform:translateY(-6px);box-shadow:0 25px 50px #0000000f;border-color:#0066cc1a}.bento-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);opacity:.5}.large-card{grid-column:span 7;grid-row:span 2}.medium-card{grid-column:span 5;grid-row:span 1}.wide-card{grid-column:span 12;grid-row:span 1}.bento-icon-wrapper{width:54px;height:54px;border-radius:14px;background:#0066cc0d;border:1px solid rgba(0,102,204,.1);display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:inset 0 0 20px #0066cc05,0 8px 16px #0000000d;transition:transform .3s ease}.bento-card:hover .bento-icon-wrapper{transform:scale(1.05) translateY(-2px);border-color:#0066cc4d;box-shadow:inset 0 0 20px #0066cc0d,0 12px 24px #0000001a}.wide-icon{background:#00a8961a;border-color:#00a89633}.bento-title{font-family:Outfit,sans-serif;font-size:1.45rem;font-weight:600;color:var(--text-primary);margin-bottom:14px;letter-spacing:-.5px}.bento-desc{font-size:1rem;color:var(--text-secondary);line-height:1.6;font-weight:400}.large-card .bento-desc{font-size:1.15rem;max-width:90%}.wide-content{flex-direction:row!important;justify-content:space-between;align-items:center;height:100%}.wide-text{max-width:60%}.bento-btn{padding:16px 36px;border-radius:50px;font-family:Outfit,sans-serif;font-weight:600;font-size:1.05rem;border:1px solid var(--primary);background:var(--primary);color:var(--white);cursor:pointer;box-shadow:0 8px 20px #06c3;transition:all .3s ease}.bento-btn:hover{transform:scale(1.05)}.bento-visual{margin-top:auto;padding-top:24px}.analytics-visual{width:100%;margin-top:32px}.stat-bars{display:flex;flex-direction:column;gap:16px}.bar-wrapper{display:flex;align-items:center;gap:16px}.bar-label{width:90px;font-size:.95rem;font-weight:500;color:#fffc}.bar-bg{flex:1;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden}.bar-fill{height:100%;border-radius:10px;animation:fillBar 1.5s ease-out forwards;transform-origin:left}@keyframes fillBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.qcm-card{position:relative}.float-graphic{position:absolute;bottom:-20px;right:-20px;width:150px;height:150px;opacity:.1}.pulse-circle{width:100%;height:100%;border-radius:50%;background:var(--primary);animation:pulseBento 3s infinite}@keyframes pulseBento{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:.2}to{transform:scale(.8);opacity:.5}}@media (max-width: 992px){.large-card,.medium-card,.wide-card{grid-column:span 12}.wide-content{flex-direction:column!important;align-items:flex-start;text-align:left;gap:24px}.wide-text{max-width:100%}}.timeline-section{background:#f7f3f0;padding:40px 24px 120px;position:relative;overflow:hidden}.timeline-section .section-title{color:#ce9358}.manuscript-container{display:flex;flex-direction:column;gap:80px;max-width:1000px;margin:40px auto 0;position:relative;z-index:2}.timeline-line{position:absolute;left:50%;transform:translate(-50%);top:-50px;bottom:-50px;width:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='100' viewBox='0 0 40 100'%3E%3Cpath d='M20,0 V25 Q24,30 20,35 V50 L14,52 L36,58 L6,64 L20,66 V80 Q26,90 20,95 V100' fill='none' stroke='rgba(0, 0, 0, 0.05)' stroke-width='1.5'/%3E%3C/svg%3E") repeat-y center;z-index:1}.timeline-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='100' viewBox='0 0 40 100'%3E%3Cpath d='M20,0 V25 Q24,30 20,35 V50 L14,52 L36,58 L6,64 L20,66 V80 Q26,90 20,95 V100' fill='none' stroke='%233b82f6' stroke-width='2'/%3E%3C/svg%3E") repeat-y center;-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);-webkit-mask-size:100% 300px;mask-size:100% 300px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:heartbeatFlow 6s linear infinite;filter:drop-shadow(0 0 10px rgba(59,130,246,.8)) drop-shadow(0 0 20px rgba(139,92,246,.4));z-index:2}@keyframes heartbeatFlow{0%{-webkit-mask-position:50% -300px;mask-position:50% -300px;opacity:0}10%{opacity:1}90%{opacity:1}to{-webkit-mask-position:50% 100%;mask-position:50% 100%;opacity:0}}.manuscript-step{display:flex;width:100%;justify-content:flex-start;align-items:center;position:relative;z-index:3;padding-left:2%}.manuscript-circle{width:250px;height:250px;background:#fff6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(0,0,0,.05);border-radius:48% 52% 50% 50%/50% 48% 52% 50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;transition:all .6s cubic-bezier(.23,1,.32,1);box-shadow:0 10px 40px #0000000d}.manuscript-circle:hover{transform:translateY(-12px) rotate(2deg);border-color:#3b82f6;background:#fffc}.manuscript-number{position:absolute;top:25px;font-family:Outfit,sans-serif;font-size:4rem;font-weight:800;color:#00000008;z-index:0}.manuscript-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:#1a5276;margin-bottom:12px}.manuscript-desc{font-size:1rem;color:#34495e;line-height:1.6}.manuscript-arrow{position:absolute;bottom:-90px;left:120px;color:#3b82f666;z-index:1;display:flex;justify-content:center}.arrow-right{transform:translate(20px)}.arrow-left{transform:translate(-20px)}@media (max-width: 768px){.timeline-line,.timeline-glow{left:20px;transform:none}.manuscript-step{justify-content:flex-end!important;padding-left:60px}.manuscript-circle{width:100%;height:auto;min-height:250px;border-radius:20px}}.video-carousel-section{padding:80px 24px;background:#fff;position:relative;overflow:hidden}.split-layout{display:flex;align-items:center;gap:60px;max-width:1280px;margin:0 auto}.video-container-wrapper{flex:1.5;position:relative;transform:translate(-40px)}.video-card{width:100%;aspect-ratio:16 / 9;background:#321602;border-radius:32px;border:3px solid #F7F3F0;overflow:hidden;position:relative;padding:12px!important;box-shadow:0 20px 50px #0000001a;display:flex;align-items:center;justify-content:center}.carousel-video{width:100%;height:100%;object-fit:contain;border-radius:20px}.custom-video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:20px;opacity:0;transition:opacity .3s ease;z-index:10;display:flex;flex-direction:column;gap:10px}.video-card:hover .custom-video-controls{opacity:1}.progress-container{width:100%;padding:5px 0;cursor:pointer}.progress-bar-bg{width:100%;height:4px;background:#fff3;border-radius:2px;position:relative;transition:height .2s ease}.progress-container:hover .progress-bar-bg{height:6px}.progress-bar-fill{height:100%;background:#ce9358;border-radius:2px;position:relative}.progress-knob{position:absolute;right:-6px;top:50%;transform:translateY(-50%) scale(0);width:12px;height:12px;background:#ce9358;border-radius:50%;transition:transform .2s ease;box-shadow:0 0 10px #00000080}.progress-container:hover .progress-knob{transform:translateY(-50%) scale(1)}.controls-row{display:flex;justify-content:space-between;align-items:center}.left-controls,.right-controls{display:flex;align-items:center;gap:15px}.control-icon-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.control-icon-btn:hover{transform:scale(1.2);color:#ce9358}.time-display{color:#fff;font-size:.85rem;font-weight:600;font-family:monospace}.video-overlay-glow{display:none}.carousel-text-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;color:#1a5276;padding-left:20px}.carousel-navigation{display:flex;gap:16px;margin-bottom:40px}.dots-layout{margin-top:24px;margin-bottom:0;justify-content:center}.nav-dot-circle{width:12px;height:12px;background:#0000001a;border:none;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);padding:0}.nav-dot-circle.active{background:#ce9358;width:32px;border-radius:6px;box-shadow:0 0 15px #ce935866}.nav-dot-circle:hover{background:#0003;transform:scale(1.2)}.carousel-title{font-size:clamp(1.4rem,3vw,2.8rem);font-weight:800;color:#1a5276;margin-bottom:24px;line-height:1.1;letter-spacing:-.02em}.carousel-desc{font-size:1.15rem;color:#4a5568;margin-bottom:32px;line-height:1.7;max-width:580px}.carousel-title{display:flex;flex-wrap:wrap;max-width:650px}.carousel-desc{display:flex;flex-wrap:wrap}.typewriter-char{display:inline-block;opacity:1;transform:none;animation:none}.text-animate-wrapper{animation:textSlideIn .5s ease-out forwards;min-height:180px}@keyframes textSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.carousel-title .typewriter-char{font-family:inherit;font-size:inherit;font-weight:inherit}.carousel-desc .typewriter-char{font-size:inherit;color:#34495e}.carousel-features-list{list-style:none;display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:40px}.carousel-feature-item{display:flex;align-items:center;gap:12px;color:#4a5568;font-weight:500}.feature-icon{color:#ce9358;font-size:1.2rem}.carousel-controls{display:flex;gap:20px}.ctrl-btn{width:56px;height:56px;border-radius:50%;border:1px solid rgba(206,147,88,.3);background:#ce93580d;color:#ce9358;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.ctrl-btn:hover{background:#ce9358;color:#fff;transform:scale(1.1);box-shadow:0 10px 20px #ce935833}.video-multi-device-badge{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:6px;animation:fadeUp 1s ease-out}.handwritten-line{font-family:Caveat,cursive;font-size:1.5rem;color:#1a5276;line-height:1.2;opacity:.85;letter-spacing:.3px;text-align:center;margin:0}@media (max-width: 768px){.handwritten-line{font-size:1.25rem}.video-multi-device-badge{margin-top:35px;gap:4px}}@media (max-width: 1024px){.split-layout{flex-direction:column;gap:60px}.carousel-title{font-size:2.2rem}}.pricing-section{background:#f7f3f0;padding:120px 24px;position:relative;overflow:hidden}.pricing-main-title{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700;color:#1a5276;text-align:center;margin-bottom:80px;letter-spacing:-1.5px;background:none;-webkit-text-fill-color:initial;position:relative;z-index:1;animation:fadeUp 1s ease-out}.pricing-cards{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;position:relative;z-index:1}.pricing-card{flex:1;max-width:340px;padding:35px 30px;background:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);border-radius:30px;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;display:flex;flex-direction:column;overflow:hidden}.pricing-card:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(to right,#fff0,#ffffff0d,#fff0);transform:skew(-25deg);transition:none;z-index:2}.pricing-card:hover:after{left:150%;transition:all .8s ease-in-out}.pricing-card:hover{transform:scale(1.05) translateY(-10px);border-color:#ffffff26;background:#ffffff05;box-shadow:0 25px 50px -12px #000c}.pricing-card.featured{background:#3b82f605;border-color:#3b82f633}.pricing-card.featured:hover{border-color:#3b82f666;box-shadow:0 30px 60px -15px #3b82f633}.featured-badge{position:absolute;top:20px;right:25px;padding:5px 12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:.65rem;font-weight:700;border-radius:50px;letter-spacing:1px;text-transform:uppercase}.pricing-header{margin-bottom:25px}.pricing-title{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:600;color:#1a5276;margin-bottom:12px}.pricing-price{display:flex;align-items:baseline;gap:6px}.price-amount{font-family:Outfit,sans-serif;font-size:1.9rem;font-weight:700;color:#1a5276;line-height:1}.price-old{text-decoration:line-through;color:#34495e;opacity:.5;font-size:1.2rem;font-weight:400;margin-right:4px;font-family:Outfit,sans-serif}.price-period{color:#34495e;font-size:.9rem}.pricing-features{list-style:none;margin-bottom:30px;flex-grow:1}.pricing-feature{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#34495e;font-size:.95rem}.feature-check{width:22px;height:22px;background:#1a52760d;color:#1a5276;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem;border:1px solid rgba(26,82,118,.1)}.featured .feature-check{color:#8b5cf6;background:#8b5cf60d}.pricing-btn{width:100%;padding:15px;border-radius:15px;font-family:Outfit,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;background:#1a5276;color:#fff;border:none}.pricing-btn:hover{background:#154360;transform:translateY(-2px);box-shadow:0 10px 20px #1a527633}.pricing-btn.primary{background:#fff;color:#05070a;border:none}.pricing-btn.primary:hover{background:#f0f0f0;box-shadow:0 10px 20px #ffffff26}.payment-steps-section{padding:120px 24px;background:#000;position:relative;overflow:hidden}.steps-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.steps-main-title{font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:700;color:#fff;text-align:center;margin-bottom:60px;background:linear-gradient(to bottom,#fff,#fff9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.steps-divider{height:1px;width:60%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent);margin:100px auto}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px;justify-content:center}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .4s ease}.step-item:hover{transform:scale(1.05) translateY(-10px)}.step-image-wrapper{width:120px;height:120px;background:#1e3a8a1a;border:1px solid rgba(59,130,246,.2);border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease}.step-item:hover .step-image-wrapper{background:#1e3a8a33;border-color:#3b82f680;box-shadow:0 10px 30px #3b82f633}.step-img{width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(59,130,246,.3))}.step-arrow{position:absolute;right:-30px;top:50%;transform:translateY(-50%);color:#3b82f680;font-size:2rem;font-weight:300;pointer-events:none}.carousel-title,.carousel-desc{margin-bottom:24px}.carousel-title{font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800;color:#1a5276;line-height:1.1}.carousel-desc{font-size:1.2rem;color:#34495e;line-height:1.6;margin-bottom:32px}.step-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:12px}.step-desc{font-size:.95rem;color:#fff9;line-height:1.5;padding:0 10px}@media (max-width: 1024px){.step-arrow{display:none}.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.steps-grid{grid-template-columns:1fr}}.locked-steps{position:relative;padding:100px 20px!important;overflow:hidden}.locked-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;display:flex;align-items:center;justify-content:center;background:#03071299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.locked-overlay:before,.locked-overlay:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.15}.locked-overlay:before{background:#3b82f6;top:10%;left:10%;animation:floatOrb 10s infinite alternate}.locked-overlay:after{background:#8b5cf6;bottom:10%;right:10%;animation:floatOrb 10s infinite alternate-reverse}@keyframes floatOrb{0%{transform:translate(0)}to{transform:translate(50px,100px)}}.locked-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:35px;padding:50px 40px;max-width:580px;width:90%;text-align:center;box-shadow:0 30px 60px -12px #0009,inset 0 0 20px #ffffff03;animation:fadeInScale .8s cubic-bezier(.16,1,.3,1);position:relative}.locked-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);border-radius:40px}@keyframes fadeInScale{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.locked-icon{width:75px;height:75px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;color:#6366f1;position:relative;box-shadow:0 10px 30px #0000001a}.icon-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);filter:blur(10px);z-index:-1;animation:pulseGlow 3s infinite ease-in-out}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes slowSpin{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.locked-title{font-family:Outfit,sans-serif;font-size:2.1rem;font-weight:800;color:#fff;margin-bottom:15px;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.locked-desc{font-size:1.05rem;color:#fff9;line-height:1.6;margin-bottom:35px;max-width:480px;margin-left:auto;margin-right:auto}.locked-actions{display:flex;gap:25px;justify-content:center;flex-wrap:wrap}.locked-btn{padding:16px 40px;border-radius:18px;font-weight:700;font-size:1.05rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.locked-btn.signup{background:linear-gradient(135deg,#4f46e5,#9333ea);color:#fff;border:none;box-shadow:0 15px 35px #4f46e566}.locked-btn.signup:hover{transform:translateY(-4px);box-shadow:0 20px 45px #4f46e599;filter:brightness(1.1)}.locked-btn.signup:after{content:"";position:absolute;top:-50%;left:-60%;width:40px;height:200%;background:#fff3;transform:rotate(35deg);transition:all .6s ease}.locked-btn.signup:hover:after{left:150%}.locked-btn.login{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.15)}.locked-btn.login:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-4px)}.steps-content-blurred{filter:blur(12px);opacity:.3;-webkit-user-select:none;user-select:none;pointer-events:none}.placeholder-img{width:60px;height:60px;background:#ffffff0d;border-radius:12px}.placeholder-text{height:12px;background:#ffffff0d;border-radius:6px;margin:10px 0;width:80%}.landing-trust-section{background:#fffffffe;padding:100px 0;position:relative;overflow:hidden}.testimonials-main-title{font-family:Outfit,sans-serif;font-size:2rem;color:#454242;text-align:center;margin-bottom:40px;font-weight:700}.testimonials-wrapper{position:relative;max-width:1200px;margin:0 auto;padding:0 10px}.testimonials-container-scroll{display:flex;gap:20px;overflow-x:auto;padding:10px 0 30px;scroll-snap-type:x mandatory;scrollbar-width:none}.testimonials-container-scroll::-webkit-scrollbar{display:none}.testimonial-card-v2{flex:0 0 260px;min-height:280px;border-radius:16px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:center;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 4px 12px #00000008;border:1px solid rgba(255,255,255,.5)}.testimonial-card-v2:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000000f}.bg-variant-0{background-color:#fdfaf5}.bg-variant-1{background-color:#fcf1eb}.bg-variant-2{background-color:#f7f9f2}.quote-mark{font-size:3rem;line-height:1;color:#ff9d71;font-family:serif;margin-bottom:-5px;opacity:.6}.testimonial-text-v2{font-family:Inter,sans-serif;font-size:.95rem;line-height:1.5;color:#4a4747;font-weight:500;margin-bottom:20px;flex-grow:1;letter-spacing:-.01em}.testimonial-footer-v2{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:12px;border-top:1px solid rgba(0,0,0,.04)}.author-info-v2{display:flex;flex-direction:column;gap:2px}.author-name-v2{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;color:#333131;text-transform:uppercase;letter-spacing:.1em}.author-subject-v2{font-size:.8rem;color:#8c8888;font-style:italic}.card-rating-v2{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#00000008;border-radius:100px}.star-icon{color:#fc0;font-size:1rem}.rating-val{font-size:.9rem;font-weight:700;color:#555252}.testimonials-nav-v2{display:flex;justify-content:flex-end;gap:20px;margin-top:30px;padding-right:20px}.nav-btn-v2{width:45px;height:45px;border-radius:50%;border:1px solid #e0dbdb;background:transparent;color:#555252;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.nav-btn-v2:hover{background:#ffdea8e9;color:#f3b86b;border-color:#ffdea8e9}@media (max-width: 768px){.testimonial-card-v2{flex:0 0 300px;padding:35px;min-height:380px}.testimonial-text-v2{font-size:1.2rem}.testimonials-main-title{font-size:2rem}}.landing-footer{background:#321602;border-top:1px solid rgba(255,255,255,.05);padding:80px 0 20px}.footer-container{max-width:1280px;margin:0 auto;padding:0 24px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:0}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-logo-img{height:40px}.footer-logo-text{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:#fff}.footer-logo-text .accent{color:#3b82f6}.footer-tagline{color:#999;font-size:1rem;line-height:1.6;max-width:300px}.footer-heading{color:#fff;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:24px}.footer-links-list{display:flex;flex-direction:column;gap:14px}.footer-link{color:#999;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;display:flex;align-items:center;gap:8px}.footer-link:hover{color:#ce9358;transform:translate(8px);text-shadow:0 0 15px rgba(206,147,88,.2)}.footer-link:before{content:"→";font-size:.8rem;opacity:0;transform:translate(-5px);transition:all .3s ease}.footer-link:hover:before{opacity:1;transform:translate(0)}.footer-bottom{padding-top:40px;border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;color:#94a3b8;font-size:.9rem}.footer-bottom-links{display:flex;gap:24px}.footer-bottom-links a{color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#1a5276}@media (max-width: 992px){.footer-content{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width: 600px){.footer-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:20px;text-align:center}}@media (max-width: 768px){.hero-title{font-size:2.8rem}.hero-stats{flex-direction:column;gap:24px}.stat-divider{width:50px;height:1px}.pricing-cards,.steps-container{flex-direction:column}}.animated-text-container{display:flex;flex-direction:column;gap:13rem;width:100%;padding:2rem 0}.anim-text-top{text-align:right;animation:slideFromRight 1.5s ease-out forwards;opacity:0}.anim-text-bottom{text-align:left;animation:slideFromLeft 1.5s ease-out forwards;opacity:0}.anim-text-top h2,.anim-text-bottom h2{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:600;margin-bottom:1rem;line-height:1.1;background:linear-gradient(120deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.anim-text-top p,.anim-text-bottom p{font-size:1rem;color:var(--text-secondary);max-width:600px;display:inline-block}@keyframes slideFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.hero-arrow{display:inline-block;color:var(--primary);margin:0 10px;font-weight:800}.step-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.step-modal-content{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:40px;padding:60px;max-width:600px;width:90%;position:relative;box-shadow:0 40px 100px #000c;transform:scale(.9);animation:zoomIn .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes zoomIn{to{transform:scale(1);opacity:1}}.modal-close{position:absolute;top:30px;right:30px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:45px;height:45px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#ff4757;border-color:#ff4757;transform:rotate(90deg)}.modal-body{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}.modal-img{width:250px;height:250px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(59,130,246,.5))}.modal-info{max-width:400px}.modal-title{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:20px}.modal-desc{font-size:1.1rem;color:#ffffffb3;line-height:1.6}.dna-container{width:100%;height:600px;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.root-explorer-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.root-semester-item{background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.05);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.root-semester-item.expanded{box-shadow:0 20px 40px #0000000a;border-color:#1a5276}.root-semester-header{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#fff;transition:background .3s ease}.root-semester-header:hover{background:#fdfbf9}.root-header-left{display:flex;align-items:center;gap:20px}.chevron-icon{display:flex;align-items:center;color:#94a3b8;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.chevron-icon.rotated{transform:rotate(90deg);color:#1a5276}.root-sem-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.root-sem-badge{padding:6px 14px;background:#f1f5f9;color:#64748b;border-radius:50px;font-size:.85rem;font-weight:700}.root-semester-item.expanded .root-sem-badge{background:#1a52761a;color:#1a5276}.root-modules-list{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1);background:#fcfcfc}.root-semester-item.expanded .root-modules-list{max-height:1000px;border-top:1px solid #f1f5f9}.root-module-row{padding:16px 32px 16px 72px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f8fafc;transition:all .3s ease;cursor:pointer}.root-module-row:last-child{border-bottom:none}.root-module-row:hover{background:#f8fafc}.root-module-info{display:flex;align-items:center;gap:16px}.root-dot{width:8px;height:8px;border-radius:50%}.root-module-name{font-size:1.05rem;font-weight:500;color:#475569}.root-enter-btn{padding:8px 16px;border:none;background:transparent;color:#1a5276;font-weight:700;font-size:.9rem;border-radius:8px;transition:all .3s ease;opacity:0;transform:translate(-10px)}.root-module-row:hover .root-enter-btn{opacity:1;transform:translate(0);background:#1a52760d}.screenshot-mapping-wrapper{display:flex;gap:40px;background:transparent;padding:40px 0;min-height:500px}.screenshot-nav{display:flex;flex-direction:column;gap:12px;width:200px;border-right:1px solid rgba(0,0,0,.05);padding-right:30px}.screenshot-nav-item{padding:16px 20px;border-radius:12px;background:#fff;color:#64748b;font-weight:700;border:1px solid rgba(0,0,0,.03);cursor:pointer;transition:all .3s ease;text-align:center}.screenshot-nav-item:hover{background:#f8fafc;color:#1a5276}.screenshot-nav-item.active{background:#1a5276;color:#fff;box-shadow:0 10px 20px #1a527626}.screenshot-display-area{flex:1;display:flex;align-items:flex-start;justify-content:flex-start;padding-top:20px;padding-left:0}.screenshot-mapping-board-final{display:flex;align-items:flex-start;position:relative;width:100%}.screenshot-mapping-wrapper{display:flex;gap:0px;background:transparent;padding:60px 0 60px 200px;min-height:500px;align-items:flex-start;margin-bottom:40px}.screenshot-nav{display:flex;flex-direction:column;gap:8px;width:200px;padding-right:20px}.screenshot-nav-item{padding:12px 20px;border-radius:100px;background:transparent;color:#64748b;font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center}.screenshot-nav-item:hover{color:#1a5276;background:#1a527608}.screenshot-nav-item.active{background:#1a5276;color:#fff;box-shadow:0 10px 20px #1a527626;transform:scale(1.05)}.screenshot-display-area{flex:1;display:flex;padding-top:10px}.screenshot-mapping-board-final{display:flex;position:relative;width:100%}.screenshot-svg-pointers{position:absolute;left:0;top:0;width:140px;height:100%;pointer-events:none;overflow:visible}.screenshot-path-arrow{fill:none;stroke:#3498db;stroke-width:2;opacity:.5;transition:all .5s cubic-bezier(.4,0,.2,1)}.screenshot-nodes-column{display:flex;flex-direction:column;gap:16px;margin-left:140px;width:100%;max-width:460px;padding-top:10px}.node-item-box-v6.ghost-mode{background:#ffffff08;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:15px;box-shadow:none;border:1px solid rgba(255,255,255,.08);min-height:52px;transition:all .4s cubic-bezier(.165,.84,.44,1);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.node-color-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 12px var(--glow-color, currentColor);flex-shrink:0}.node-item-box-v6.ghost-mode:hover{background:#ffffff14;transform:translate(10px);border-color:#fff3;box-shadow:0 10px 30px #0000001a}.node-item-text{font-weight:500;font-size:.95rem;color:#ffffffd9;letter-spacing:.01em}.node-item-box-v6.ghost-mode:hover .node-item-text{color:#fff}.node-item-box:hover{transform:translate(10px);border-color:#1a5276;box-shadow:0 10px 25px #0000000f}.node-item-arrow{width:28px;height:28px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:900;font-size:1.1rem;box-shadow:0 2px 5px #00000005}@keyframes screenshotFadeIn{to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.screenshot-mapping-wrapper{flex-direction:row;padding:40px 0;justify-content:center}.screenshot-nav{flex-direction:column;width:180px;overflow-x:visible;border-right:1px solid rgba(255,255,255,.05)}.screenshot-svg,.modules-explorer-section .section-header .section-badge{display:none}.screenshot-svg-pointers{display:block;left:0;width:140px;height:100%}.screenshot-nodes-column{margin-left:140px;margin-top:0;gap:20px}.screenshot-node-item{min-height:52px}}@media (max-width: 640px){.mapping-tree-v3{padding:30px 20px}.mapping-svg-v3{display:none}.mapping-nodes-v3{margin-left:0}.timeline-container-v3,.timeline-section{padding-left:60px;padding-right:20px}.timeline-line{left:30px;transform:none;width:40px}.timeline-glow{left:0;width:100%}.fil-rouge-label,.section-badge.bento-badge{left:60px;transform:none;width:auto;white-space:nowrap;font-size:14px;padding:6px 12px;position:relative}.timeline-v3-title-box{margin-left:50px;text-align:left;margin-bottom:40px}.timeline-section .section-header{display:none}}.mindmap-wrapper{display:flex;gap:80px;align-items:center;max-width:1100px;margin:0 auto}.mindmap-nav{display:flex;flex-direction:column;gap:15px;width:220px}.mindmap-nav-pill{padding:18px 25px;border-radius:15px;background:#f8fafc;color:#64748b;font-weight:700;cursor:pointer;transition:all .3s ease;border:1px solid rgba(0,0,0,.03);text-align:center}.mindmap-nav-pill:hover{background:#fff;transform:translate(5px);box-shadow:0 5px 15px #0000000d}.mindmap-nav-pill.active{background:#1a5276;color:#fff;box-shadow:0 10px 20px #1a527633}.mindmap-display{flex:1;position:relative;padding:60px 0;min-height:550px}.mindmap-tree{display:flex;align-items:center;position:relative;height:100%}.mindmap-node-root{width:240px;background:#fff;padding:30px;border-radius:20px;color:#1e293b;font-size:1.4rem;font-weight:800;text-align:center;position:relative;z-index:10;border:1px solid rgba(0,0,0,.05);box-shadow:0 20px 40px #0000000d}.mindmap-svg{position:absolute;left:230px;top:0;width:140px;height:100%;pointer-events:none;overflow:visible;z-index:5}.mindmap-path{fill:none;stroke:#ce9358;stroke-width:2.5;opacity:.15;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawPath 1.2s cubic-bezier(.4,0,.2,1) forwards}.mindmap-nodes-list{display:flex;flex-direction:column;gap:15px;margin-left:140px;width:340px;z-index:10}.mindmap-node-item{background:#fff;padding:18px 25px;border-radius:15px;color:#334155;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px #00000005;display:flex;align-items:center;opacity:0;transform:translate(30px);animation:slideInNode .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay)}.node-dot{width:10px;height:10px;border-radius:50%;margin-right:15px;flex-shrink:0}.node-text{font-weight:700;font-size:1.05rem}@keyframes slideInNode{to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.mindmap-wrapper{flex-direction:column;align-items:center;gap:30px}.mindmap-nav{flex-direction:row;width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:15px;-webkit-overflow-scrolling:touch}.mindmap-nav-pill{flex:0 0 auto;min-width:120px}.mindmap-section .section-header{text-align:center}.mindmap-section .section-badge{display:none}}@media (max-width: 640px){.root-semester-header{padding:20px}.root-module-row{padding:14px 20px 14px 40px}.root-sem-title{font-size:1.1rem}}.nav-logged-icons{display:flex;align-items:center;gap:15px}.nav-icon-wrapper{cursor:pointer;padding:8px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid transparent}.nav-icon-wrapper:hover{background:#fff3}.nav-status-icon{font-size:1.2rem}.cart-signal-active{animation:pulse-green-landing 1.2s infinite!important;background-color:#4caf50!important;border-color:#fff!important}@media (max-width: 1024px){.hero-v3{padding-top:120px;background:linear-gradient(to right,#fff 50%,#f7f3f0 50%);text-align:left;min-height:100vh;display:flex;align-items:center}.hero-v3-container{flex-direction:row;justify-content:space-between;align-items:center;gap:30px}.hero-v3-content{flex:1;text-align:left;align-items:flex-start}.hero-v3-title{font-size:3rem}.hero-v3-description{margin-left:auto;margin-right:auto}.panda-immersion-section{flex-direction:row;height:auto;padding:60px 0;align-items:center}.panda-visual-box{display:block;flex:.4;height:300px}.panda-content-box{flex:.6;padding-left:5%;text-align:left}.panda-title-premium{font-size:2.2rem;line-height:1.2}@media (max-width: 800px){.panda-immersion-section{flex-direction:row;padding:40px 0}.panda-visual-box{flex:.45;height:350px!important}.panda-content-box{flex:.55;text-align:left;padding-left:9%;padding-right:2%}}.hero-v3-visual{height:450px;width:100%}.circular-container{width:400px;height:400px}.medical-card{width:140px;height:140px}.video-carousel-section .split-layout{flex-direction:row;align-items:center;gap:60px}.video-container-wrapper{flex:1.2;width:auto}.carousel-text-content{flex:.8;width:auto;text-align:left}.carousel-features-list{display:block;text-align:left}}@media (max-width: 768px){.mobile-menu-btn{display:block}.desktop-only{display:none}.nav-links-v2{position:fixed;top:0;right:-100%;width:80%;height:100vh;background:#fff;flex-direction:column;padding:100px 40px;gap:30px;transition:right .4s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px #0000001a;z-index:1000}.nav-links-v2.active{right:0}.mobile-auth-links{display:flex;flex-direction:column;gap:15px;margin-top:20px;width:100%}.mobile-auth-links button{width:100%}.hero-v3-title{font-size:2.2rem}.hero-v3-badge{font-size:.75rem}.hero-v3-description{font-size:1rem}.circular-container{width:320px;height:320px}.medical-card{width:110px;height:110px}.panda-title-premium{font-size:2rem}.panda-desc-premium{font-size:1.1rem}.section-title{font-size:1.8rem}.pricing-cards{flex-direction:column;align-items:center;gap:30px}.pricing-card{width:100%;max-width:400px}.dna-viewer-container{display:block;height:300px;margin:20px 0}.timeline-section{padding-top:60px}.timeline-line,.timeline-glow{left:50%!important;transform:translate(-50%)!important}.dna-viewer-container{display:block!important;position:absolute!important;left:75%!important;top:5%!important;transform:translate(-50%)!important;width:280px!important;height:400px!important;z-index:1!important}.manuscript-container{flex-direction:column!important;align-items:flex-start!important;padding-left:0!important;gap:30px!important;width:100%!important;position:relative}.manuscript-step{width:50%!important;display:flex!important;justify-content:center!important;padding:0!important;margin:0!important}.manuscript-circle{width:200px!important;height:200px!important;padding:20px!important;margin:0 auto!important}.manuscript-arrow{display:none!important}.timeline-section .section-header{text-align:center!important;margin-bottom:40px!important}.video-carousel-section{padding:60px 20px;text-align:center}.carousel-content-wrapper{flex-direction:column!important;align-items:center!important;gap:40px}.carousel-video-container{width:100%!important;max-width:500px;margin:0 auto}.carousel-text-content{width:100%!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:0!important}.carousel-title,.carousel-desc{text-align:center!important;width:100%!important}.text-animate-wrapper{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important}.carousel-features-list{display:inline-block;text-align:left;margin:20px auto}.carousel-controls{justify-content:center!important;margin-top:30px}.screenshot-mapping-wrapper{flex-direction:column!important;align-items:center}.screenshot-nav{flex-direction:row!important;width:100%!important;overflow-x:auto!important}.screenshot-nodes-column{margin-left:0!important;margin-top:40px!important}.screenshot-svg-pointers{display:none!important}}@media (max-width: 480px),(max-height: 480px){.hero-v3-title{font-size:1.8rem;text-align:center}.hero-v3-container{flex-direction:column!important;text-align:center;align-items:center}.hero-v3-content{align-items:center!important;text-align:center!important}.btn-primary-v3{width:100%;justify-content:center}.panda-immersion-section{flex-direction:column!important;text-align:center!important;padding:40px 15px!important}.panda-content-box{padding-left:0!important;align-items:center!important;text-align:center!important}.panda-title-premium{font-size:1.6rem!important;text-align:center!important}.video-carousel-section .split-layout{flex-direction:column!important;align-items:center!important;gap:30px!important;padding:0!important}.video-container-wrapper{order:1!important;width:100%!important;transform:none!important;margin:0!important;padding:0!important}.video-card{width:100%!important;height:auto!important;aspect-ratio:16/9!important;border-radius:15px!important;margin:0 auto!important}.carousel-text-content{order:2!important;width:100%!important;text-align:center!important;align-items:center!important;padding:0!important;margin-top:20px!important}.carousel-features-list{display:inline-block!important;text-align:left!important;margin:0 auto!important}.timeline-line{left:50%!important;transform:translate(-50%)!important}.manuscript-container{flex-direction:column!important;align-items:stretch!important;gap:40px!important}.manuscript-step{width:100%!important;display:flex!important;padding:0 10px!important}.step-1,.step-3{justify-content:flex-start!important}.step-2{justify-content:flex-end!important}.manuscript-circle{width:160px!important;height:160px!important;min-height:auto!important;padding:15px!important;border-radius:20px!important}.manuscript-title{font-size:.9rem!important}.manuscript-desc{font-size:.75rem!important}.nav-container-v2{padding:0 16px}.logo-text-v2{font-size:1.2rem}.logo-image-v2{height:32px}.dna-viewer-container,.panda-visual-box{display:none!important}}@keyframes pulse-green-landing{0%{transform:scale(1);box-shadow:0 0 #4caf50b3}50%{transform:scale(1.15);box-shadow:0 0 0 15px #4caf5000}to{transform:scale(1);box-shadow:0 0 #4caf5000}}.circular-container,.medical-card,.medical-card img,.core-glow,.blood-flow-artery,.blood-flow-vein,.vein-path-premium,.center-pulse,.panda-immersion-section,.hero-v3-visual,.typewriter-char,.carousel-title,.carousel-desc,.timeline-node,.pricing-card,.testimonial-card{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.hero-v3,.panda-immersion-section,.video-carousel-section,.pricing-section,.testimonials-section{contain:layout style paint}.screenshot-display-area{min-height:450px}@media (max-width: 768px){.circular-container{animation:none!important}.medical-card{animation:none!important;position:static}.medical-card img,.core-glow{animation:none!important}.blood-flow-artery,.blood-flow-vein{animation:none!important;opacity:.3}.center-pulse:before,.center-pulse:after{animation:none!important}.typewriter-char{animation-duration:.01ms!important;animation-delay:0ms!important;opacity:1!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.loading-fallback{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f7f3f0;color:#1a5276;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;z-index:9999}.explorer-header-layout{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px;gap:30px;padding:20px 0}.explorer-header-layout .section-badge{margin:0;color:#3b82f6;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);padding:8px 16px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.explorer-header-layout .section-title{margin:0;color:#ebe3d5;font-size:1.5rem;font-weight:700;letter-spacing:-.2px}.timeline-header-layout{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;gap:30px;padding:10px 0}.timeline-header-layout .section-badge{margin:0;color:#3b82f6;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);padding:6px 14px;font-size:.8rem}.timeline-header-layout .section-title{margin:0;color:#d6c5a7;font-size:1.4rem;font-weight:700;letter-spacing:-.2px}@media (max-width: 768px){.explorer-header-layout,.timeline-header-layout{flex-direction:column;align-items:flex-start;gap:15px}}:root{--color-primary-brown: #2B211C;--color-primary-beige: #EAE2DB;--color-primary-green: #486634;--color-white: #FFFFFF;--color-warm-white: #FAF9F7;--color-beige-light: #F5F1ED;--color-gray-warm-light: #E8E3DF;--color-gray-warm-medium: #D1C7BE;--color-gray-warm-dark: #8A7D73;--color-taupe: #6B5D54;--color-almost-black: #2D2520;--color-black: #000000;--color-brown-very-light: #E6DDD7;--color-brown-light: #D4C4B8;--color-brown-medium-light: #B8A093;--color-brown-medium: #8B6F5E;--color-brown-dark: #5C4A3D;--color-brown-very-dark: #352B24;--color-chocolate: #3D2F26;--color-green-very-light: #E8F0E3;--color-green-light: #D4E5CA;--color-green-pastel: #B5D4A3;--color-green-sage: #8FAF7A;--color-green-olive-medium: #7A9A60;--color-green-olive-dark: #527043;--color-green-forest: #3D5432;--color-rose-powder-very-light: #F2EBE7;--color-beige-rose-light: #E5D8D0;--color-sand-rose: #D9C5B8;--color-terracotta-light: #D2B4A3;--color-beige-medium: #B89B8D;--color-taupe-rose: #A08578;--color-success: #6B9A5F;--color-success-light: #E3F2E1;--color-success-dark: #4F7245;--color-warning: #D8965F;--color-warning-light: #F5E8DC;--color-warning-dark: #B57642;--color-error: #C67A6C;--color-error-light: #F5E5E2;--color-error-dark: #A45E52;--color-info: #7A95A8;--color-info-light: #E5EDF2;--color-info-dark: #5A7589;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-2xl: 64px;--bg-app: linear-gradient(135deg, #2D2520 0%, #1F1915 100%);--bg-card: #FFFFFF;--bg-input: #FFFFFF;--bg-sidebar: #3D2F26;--text-primary: #2D2520;--text-secondary: #5C4A3D;--text-on-dark: #FAF9F7;--text-muted: #8A7D73;--border-color: #D4C4B8;--border-color-soft: #F5F1ED;--accent-color: #7B491F;--accent-hover: #965B2A;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(45, 35, 30, .2);--auth-card-bg: rgba(255, 255, 255, .98);--auth-card-border: #E8E3DF;--auth-shadow: 0 24px 64px rgba(0, 0, 0, .2);--logo-filter: none;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 4px rgba(45, 35, 30, .08);--shadow-sm: 0 2px 8px rgba(45, 35, 30, .12);--shadow-md: 0 4px 12px rgba(45, 35, 30, .16);--shadow-lg: 0 8px 16px rgba(45, 35, 30, .2);--shadow-xl: 0 12px 24px rgba(45, 35, 30, .24);--shadow-hover: 0 12px 32px rgba(45, 35, 30, .3);--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--letter-spacing-tight: -.5px;--letter-spacing-normal: 0;--letter-spacing-wide: .5px;--letter-spacing-wider: 1px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);min-height:100vh}h1,.h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);color:var(--color-warm-white)}h2,.h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-warm-white)}h3,.h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-primary-beige)}h4,.h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary-beige)}p{margin-bottom:var(--spacing-sm)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-lg{font-size:var(--font-size-lg)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary-brown{color:var(--color-primary-brown)}.text-primary-green{color:var(--color-primary-green)}.text-primary-beige{color:var(--color-primary-beige)}.text-taupe{color:var(--color-taupe)}.text-white{color:var(--color-white)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.bg-primary-brown{background-color:var(--color-primary-brown)}.bg-primary-green{background-color:var(--color-primary-green)}.bg-primary-beige{background-color:var(--color-primary-beige)}.bg-white{background-color:var(--color-white)}.bg-warm-white{background-color:var(--color-warm-white)}.bg-beige-light{background-color:var(--color-beige-light)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:var(--radius);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);text-decoration:none;box-shadow:var(--shadow-sm)}.btn-primary{background:var(--color-primary-green);color:var(--color-white)}.btn-primary:hover{background:#385028;transform:scale(1.05);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-primary-beige);color:var(--color-almost-black)}.btn-secondary:hover{background:var(--color-beige-medium);transform:scale(1.05)}.btn-outline{background:transparent;color:var(--color-primary-green);border:2px solid var(--color-primary-green)}.btn-outline:hover{background:var(--color-primary-green);color:var(--color-white)}.card{background:var(--color-white);border-radius:var(--radius);padding:var(--spacing-md);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.card-beige{background:var(--color-primary-beige)}.input{width:100%;padding:12px 16px;border:1px solid var(--color-gray-warm-medium);border-radius:var(--radius);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-base);background:var(--color-white);color:var(--color-almost-black)}.input:focus{outline:none;border-color:var(--color-primary-green);border-width:2px;box-shadow:0 0 0 3px #65874a1a}.input::placeholder{color:var(--color-taupe)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-slow) ease-out}@media (max-width: 768px){:root{--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}h1,.h1{font-size:24px}h2,.h2{font-size:20px}.btn{padding:10px 20px;font-size:var(--font-size-sm)}}html{overflow-y:scroll;overflow-x:hidden;height:auto!important;min-height:100%;width:100%;margin:0;padding:0;scroll-behavior:smooth}body{margin:0;padding:0;width:100%;min-height:100vh;height:auto!important;overflow:visible!important;position:relative;-webkit-font-smoothing:antialiased}#app{width:100%;min-height:100vh;height:auto!important;overflow:visible!important;display:flex;flex-direction:column}:root{--scrollbar-thumb: #C9AFA3;--scrollbar-thumb-hover: #A08578;--scrollbar-track: transparent}html.theme-brown,body.theme-brown{--scrollbar-thumb: #7B491F;--scrollbar-thumb-hover: #965B2A;--scrollbar-track: transparent}html.theme-dark,body.theme-dark{--scrollbar-thumb: #ECAF9C;--scrollbar-thumb-hover: #DE714F;--scrollbar-track: transparent}html.theme-light,body.theme-light{--scrollbar-thumb: rgba(91, 124, 153, .4);--scrollbar-thumb-hover: rgba(91, 124, 153, .7);--scrollbar-track: transparent}@supports (-moz-appearance: none){*{scrollbar-width:thin!important;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)!important}}::-webkit-scrollbar,*::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:20px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-button,*::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment,::-webkit-scrollbar-button:vertical:start:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:horizontal:end:increment,*::-webkit-scrollbar-button:start:decrement,*::-webkit-scrollbar-button:end:increment,*::-webkit-scrollbar-button:vertical:start:decrement,*::-webkit-scrollbar-button:vertical:end:increment,*::-webkit-scrollbar-button:horizontal:start:decrement,*::-webkit-scrollbar-button:horizontal:end:increment{display:none!important;width:0!important;height:0!important}::-webkit-scrollbar-corner,*::-webkit-scrollbar-corner{background:transparent}.module-details-page,.chapter-qcm-page,.exam-page,.admin-dashboard,.partie-manager,.courses-dashboard-layout,.landing-page,.layout-container,.main-content,.dashboard-container,.auth-container{overflow-y:visible!important;height:auto!important;max-height:none!important;min-height:100vh}html.theme-brown,body.theme-brown{background:#1f1915 linear-gradient(135deg,#2d2520,#1f1915) no-repeat scroll!important;background-size:cover!important;color:#faf9f7!important;--color-bg-primary: #1F1915;--color-bg-secondary: #2D2520;--color-bg-tertiary: #3A2D25;--color-bg-sidebar: linear-gradient(180deg, #3A2D25 0%, #2D2520 100%);--color-bg-header: rgba(45, 37, 32, .95);--color-bg-card: #FFFFFF;--color-text-primary: #FAF9F7;--color-text-secondary: #D4C4B8;--color-text-tertiary: #A08578;--color-text-on-accent: #FFFFFF;--color-text-on-card: #2D2520;--color-primary-accent: #C17430;--color-secondary-accent: #486634;--color-border-standard: rgba(255, 255, 255, .1);--color-border-subtle: rgba(255, 255, 255, .05);--bg-app: linear-gradient(135deg, #2D2520 0%, #1F1915 100%);--bg-card: #FFFFFF;--text-primary: #FAF9F7;--color-primary-brown: #2D2520;--color-primary-green: #486634}html.theme-light,body.theme-light{background:#f5f7f9 linear-gradient(180deg,#fdfeff,#f5f7f9) no-repeat scroll!important;background-size:cover!important;color:#2e3840!important;--color-bg-primary: #F5F7F9;--color-bg-secondary: #FDFEFF;--color-bg-tertiary: #EEF2F6;--color-bg-sidebar: #FDFEFF;--color-bg-header: rgba(253, 254, 255, .95);--color-bg-card: #FFFFFF;--color-text-primary: #2E3840;--color-text-secondary: #5F6B78;--color-text-tertiary: #8B9AA8;--color-text-on-accent: #FFFFFF;--color-text-on-card: #2E3840;--color-primary-accent: #5B7C99;--color-secondary-accent: #5A9B8E;--color-border-standard: #D4DBE3;--color-border-subtle: #E8ECF0;--bg-app: linear-gradient(180deg, #FDFEFF 0%, #F5F7F9 100%);--bg-card: #FFFFFF;--text-primary: #2E3840;--color-primary-brown: #2E3840;--color-primary-green: #5B7C99;--color-almost-black: #2E3840;--color-white: #FDFEFF;--color-warm-white: #EEF2F6;--color-border: #D4DBE3}html.theme-dark,body.theme-dark{background:#0a0e14!important;background-size:cover!important;color:#e5e7eb!important;--color-bg-primary: #0A0E14;--color-bg-secondary: #121720;--color-bg-tertiary: #1A1F2E;--color-bg-sidebar: #0D1117;--color-bg-header: rgba(10, 14, 20, .95);--color-bg-card: #121720;--color-text-primary: #E5E7EB;--color-text-secondary: #9CA3AF;--color-text-tertiary: #6B7280;--color-text-on-accent: #FFFFFF;--color-text-on-card: #E5E7EB;--color-primary-accent: #5B68E8;--color-secondary-accent: #10B981;--color-border-standard: #374151;--color-border-subtle: #1F2937;--bg-app: #0A0E14;--bg-card: #121720;--text-primary: #E5E7EB;--color-primary-brown: #E5E7EB;--color-primary-green: #4CAF50;--color-almost-black: #E5E7EB;--color-white: #121720;--color-warm-white: #0A0E14}body.theme-light{--color-bg-primary: #F5F7F9;--color-bg-secondary: #FDFEFF;--color-bg-tertiary: #EEF2F6;--color-bg-sidebar: #F8FAFB;--color-bg-header: rgba(253, 254, 255, .95);--color-text-primary: #2E3840;--color-text-secondary: #5F6B78;--color-text-tertiary: #8B9AA8;--color-text-disabled: #BCC5CF;--color-text-on-accent: #FFFFFF;--color-primary-blue: #5B7C99;--color-primary-blue-hover: #6B8BA8;--color-success-blue: #5A9B8E;--color-module-lavender: #9B94BC;--color-module-lavender-hover: #ABA4CC;--color-accent-terracotta: #C17B6C;--color-success: #6FA588;--color-error: #C77B7B;--color-warning: #D4A574;--color-info: #7AA5C7;--color-border-subtle: #E8ECF0;--color-border-standard: #D4DBE3;--color-border-focus: #7AA5C7;--color-divider: #E0E6ED;--color-primary-brown: #2E3840;--color-brown-very-dark: #F5F7F9;--color-almost-black: #2E3840;--color-white: #FDFEFF;--color-warm-white: #EEF2F6;--color-card-bg: #FDFEFF;--color-header-bg: #FDFEFF;--color-border: #D4DBE3;--color-primary-green: #5B7C99;--color-green-olive-dark: #4A657D;--color-primary-beige: #FDFEFF}body.theme-light h1:not(.sticky-note-window *),body.theme-light h2:not(.sticky-note-window *),body.theme-light h3:not(.sticky-note-window *),body.theme-light h4:not(.sticky-note-window *),body.theme-light strong:not(.sticky-note-window *),body.theme-light b:not(.sticky-note-window *){color:var(--color-text-primary)!important}body.theme-light p:not(.sticky-note-window *),body.theme-light li:not(.sticky-note-window *),body.theme-light span:not(.sticky-note-window *),body.theme-light div:not(.sticky-note-window *){color:var(--color-text-primary)}body.theme-light .text-muted{color:var(--color-text-tertiary)!important}body.theme-light input:not(.sticky-note-window *),body.theme-light select:not(.sticky-note-window *),body.theme-light textarea:not(.sticky-note-window *){background:#fdfeff!important;border:1px solid var(--color-border-standard)!important;color:var(--color-text-primary)!important;box-shadow:inset 0 2px 4px #2e38400a!important}body.theme-light input:focus,body.theme-light select:focus{border-color:var(--color-border-focus)!important;box-shadow:0 0 0 3px #7aa5c726!important}body.theme-light .btn-primary,body.theme-light .view-course-btn,body.theme-light button[class*=primary]{background:linear-gradient(135deg,#5b7c99,#6b8ba8)!important;color:#fff!important;box-shadow:0 2px 8px #6b8ba840!important;border:none!important}body.theme-light .btn-primary:hover,body.theme-light .view-course-btn:hover{background:linear-gradient(135deg,#4a657d,#5b7c99)!important;transform:translateY(-1px);box-shadow:0 4px 12px #5b7c9940!important}body.theme-dark{--color-primary-brown: #E5E7EB;--color-brown-very-dark: #0A0E14;--color-almost-black: #E5E7EB;--color-white: #121720;--color-warm-white: #0A0E14;--color-bg-primary: #0A0E14;--color-bg-secondary: #121720;--color-bg-tertiary: #1A1F2E;--color-bg-sidebar: #0D1117;--color-bg-header: #0A0E14;--color-text-primary: #E5E7EB;--color-text-secondary: #9CA3AF;--color-text-tertiary: #6B7280;--color-text-disabled: #4B5563;--color-success: #10B981;--color-error: #EF4444;--color-warning: #F59E0B;--color-info: #3B82F6;--color-primary-green: #4CAF50;--color-accent-blue: #5B68E8;--color-accent-orange: #FF8A65;--color-border-subtle: #1F2937;--color-border-standard: #374151;--color-border-focus: #5B68E8;--color-card-bg: #121720;--color-header-bg: #0A0E14}body.theme-dark .card,body.theme-dark .info-item,body.theme-dark .semester-selector-inline,body.theme-dark .payment-info{background:#121720!important;border-color:#374151!important;color:#e5e7eb!important;box-shadow:0 4px 6px #0000004d!important}body.theme-dark .profile-header{background:#1a1f2e!important;border-bottom:1px solid #1F2937!important;color:#e5e7eb!important;box-shadow:0 4px 6px #0006!important}body.theme-dark h1:not(.sticky-note-window *),body.theme-dark h2:not(.sticky-note-window *),body.theme-dark h3:not(.sticky-note-window *),body.theme-dark h4:not(.sticky-note-window *){color:#e5e7eb!important}body.theme-dark p:not(.sticky-note-window *),body.theme-dark span:not(.sticky-note-window *),body.theme-dark div:not(.sticky-note-window *),body.theme-dark label:not(.sticky-note-window *){color:#e5e7eb!important}body.theme-dark h1,body.theme-dark .h1,body.theme-dark h2,body.theme-dark .h2,body.theme-dark strong,body.theme-dark b,body.theme-dark .text-primary{color:#e5e7eb!important}body.theme-dark .sidebar,body.theme-dark .dashboard-sidebar{background:#0d1117!important;border-right:1px solid #1F2937!important}body.theme-dark input:not(.sticky-note-window *),body.theme-dark select:not(.sticky-note-window *),body.theme-dark textarea:not(.sticky-note-window *){background:#0d1117!important;border:1px solid #374151!important;color:#e5e7eb!important;box-shadow:inset 0 2px 4px #0000004d!important}body.theme-dark input:focus,body.theme-dark select:focus{border-color:#5b68e8!important;box-shadow:0 0 0 3px #5b68e84d!important}body.theme-dark .module-card{background:linear-gradient(135deg,#1a1f2e,#0f1419)!important;border:1px solid #1F2937!important}body.theme-dark .chapter-card-header{background:linear-gradient(135deg,#5b68e8,#4a5ac9)!important}body.theme-dark .btn-primary,body.theme-dark .submit-btn{background:#4caf50!important;color:#fff!important}body.theme-dark .btn-primary:hover,body.theme-dark .submit-btn:hover{background:#66bb6a!important}body.theme-dark .btn-secondary{background:#1a1f2e!important;border:1px solid #374151!important;color:#e5e7eb!important}body.theme-dark .btn-secondary:hover{background:#242935!important}body.theme-dark .text-success{color:#10b981!important}body.theme-dark .text-error{color:#ef4444!important}body.theme-dark .text-warning{color:#f59e0b!important}::selection{background:var(--color-primary-green);color:var(--color-white)}::-moz-selection{background:var(--color-primary-green);color:var(--color-white)}*:focus-visible{outline:2px solid var(--color-primary-green);outline-offset:2px}a{color:var(--color-primary-green);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-green-olive-dark);text-decoration:underline}img{max-width:100%;height:auto;display:block}ul,ol{list-style-position:inside}*{transition-property:background-color,border-color,color,fill,stroke;transition-duration:var(--transition-base);transition-timing-function:ease}.resize-animation-stopper *{animation:none!important;transition:none!important}.main-content{padding-top:80px;min-height:calc(100vh - 80px);width:100%}.main-content.no-header{padding-top:0!important;min-height:100vh!important}.figure-isolated-card{position:fixed;top:120px;left:50%;transform:translate(-50%);z-index:9999;background:#fff;border-radius:16px;width:500px;min-width:320px;min-height:250px;max-width:95vw;max-height:85vh;box-shadow:0 30px 60px #00000040;border:1px solid rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column;animation:popIn .35s cubic-bezier(.34,1.56,.64,1);resize:both;touch-action:none;transition:none!important}.figure-isolated-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:9998;backdrop-filter:none;-webkit-backdrop-filter:none;animation:fadeIn .25s ease}@media (max-width: 768px){.figure-isolated-card{width:92vw!important;left:4vw!important;transform:none!important;top:12vh!important;position:fixed!important}}.figure-isolated-header{background:#f8fafc;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;cursor:move;-webkit-user-select:none;user-select:none}.figure-header-title{display:flex;align-items:center;gap:10px;color:#1e293b;font-weight:700;font-family:Outfit,sans-serif;font-size:.95rem}.drag-icon{color:#94a3b8;font-size:.85rem}.close-figure-btn{background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#ef4444;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;border-radius:8px;width:32px;height:32px}.close-figure-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.figure-isolated-content{padding:20px;background:#fff;display:flex;justify-content:center;align-items:center;flex:1;overflow:auto}.figure-isolated-content img{max-width:100%;height:auto;max-height:60vh;border-radius:8px;box-shadow:0 4px 12px #0000000d;object-fit:contain}body.theme-dark .figure-isolated-card{background:#121720!important;border-color:#374151!important;box-shadow:0 30px 60px #00000080!important}body.theme-dark .figure-isolated-header{background:#0a0e14!important;border-bottom:1px solid #1F2937!important}body.theme-dark .figure-header-title{color:#e5e7eb!important}body.theme-dark .drag-icon{color:#4b5563!important}body.theme-dark .figure-isolated-content{background:#121720!important}body.theme-dark .figure-isolated-content img{box-shadow:0 4px 12px #00000040!important}body.theme-brown .figure-isolated-card{background:#2d2520!important;border-color:#ffffff14!important;box-shadow:0 30px 60px #0009!important}body.theme-brown .figure-isolated-header{background:#1f1915!important;border-bottom:1px solid rgba(255,255,255,.08)!important}body.theme-brown .figure-header-title{color:#faf9f7!important}body.theme-brown .drag-icon{color:#c9956b!important}body.theme-brown .figure-isolated-content{background:#2d2520!important}body.theme-brown .close-figure-btn{background:#d9917a1a!important;border:1px solid rgba(217,145,122,.2)!important;color:#d9917a!important}body.theme-brown .close-figure-btn:hover{background:#d9917a!important;color:#fff!important;border-color:#d9917a!important}body.theme-brown .figure-isolated-content img{box-shadow:0 4px 12px #00000059!important}@keyframes popIn{0%{opacity:0;transform:translate(-50%) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}