@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";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap";:root{--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)}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,sans-serif;color:var(--text-primary);background:var(--bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:1.6}.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;animation:orbitRotate 30s linear infinite}@keyframes orbitRotate{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;animation:counterRotate 30s linear infinite}@keyframes counterRotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.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);color:var(--color-primary-beige);background:var(--color-primary-brown);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:auto;overflow-x:hidden;height:100%;width:100%}body{margin:0;padding:0;width:100%;min-height:100%;height:auto!important;overflow-y:visible!important;overflow-x:hidden;position:relative}#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}body.theme-brown{--scrollbar-thumb: rgb(84, 144, 44);--scrollbar-thumb-hover: rgba(102, 131, 63, .912)}body.theme-dark{--scrollbar-thumb: #ECAF9C;--scrollbar-thumb-hover: #DE714F}body.theme-light{--scrollbar-thumb: rgba(91, 124, 153, .4);--scrollbar-thumb-hover: rgba(91, 124, 153, .8)}@supports (-moz-appearance: none){*{scrollbar-width:thin!important;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)!important}}::-webkit-scrollbar{width:7px!important;height:7px!important;display:block!important}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:10px;border:1px solid transparent;background-clip:content-box;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}::-webkit-scrollbar-button:vertical{display:none!important}::-webkit-scrollbar-button:horizontal{display:none!important}::-webkit-scrollbar-button:start{display:none!important}::-webkit-scrollbar-button:end{display:none!important}::-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{overflow-y:visible!important;height:auto!important;max-height:none!important;min-height:100vh}body.theme-brown,body.theme-brown #app{background:linear-gradient(135deg,var(--color-primary-brown) 0%,var(--color-brown-very-dark) 100%);color:var(--color-warm-white)}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,body.theme-light #app{background:linear-gradient(180deg,#fdfeff,#f5f7f9)!important;color:var(--color-text-primary)}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 #app,body.theme-dark .main-header,body.theme-dark .student-profile-page,body.theme-dark .module-details-container{background:#0a0e14!important;color:#e5e7eb!important}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}.main-header{background:linear-gradient(135deg,var(--color-primary-brown) 0%,var(--color-brown-very-dark) 100%);padding:var(--spacing-sm) var(--spacing-lg);box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;width:100%;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-container{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.logo-section{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;transition:transform var(--transition-base)}.logo-section:hover{transform:scale(1.05)}.logo-image{height:52px;width:auto;object-fit:contain;transition:all var(--transition-base)}body.theme-light .logo-image{filter:none;opacity:1}.logo-icon{width:40px;height:40px;background:var(--color-primary-green);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);box-shadow:var(--shadow-md)}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white);letter-spacing:var(--letter-spacing-tight)}.header-nav{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-link{color:var(--color-warm-white);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);transition:all var(--transition-base);text-decoration:none;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-primary-green);transition:all var(--transition-base);transform:translate(-50%)}.nav-link:hover{color:var(--color-white);background:#ffffff1a;text-decoration:none}.nav-link:hover:after{width:80%}.nav-link.active{color:var(--color-white);background:var(--color-primary-green);box-shadow:var(--shadow-sm)}.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.student-nav-button{width:40px;height:40px;border-radius:var(--radius-full);background:#ffffff1a;border:2px solid transparent;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl)}.student-nav-button:hover{background:#fff3;border-color:var(--color-primary-green);transform:scale(1.1)}.student-nav-icon{font-size:var(--font-size-xl)}.theme-toggle-container{position:relative}.theme-toggle-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff1a;border:2px solid transparent;border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.theme-toggle-btn:hover{background:#fff3;border-color:var(--color-primary-green);transform:scale(1.05)}.theme-icon{font-size:var(--font-size-lg)}.theme-label{font-size:var(--font-size-sm)}.theme-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow-xl);padding:var(--spacing-xs);min-width:150px;z-index:var(--z-dropdown);animation:fadeIn var(--transition-base)}.theme-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-sm);width:100%;cursor:pointer;transition:all var(--transition-base);color:var(--color-almost-black);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left}.theme-option:hover{background:var(--color-beige-light)}.theme-option.active{background:var(--color-primary-green);color:var(--color-white)}.theme-option-icon{font-size:var(--font-size-lg)}.account-menu-container{position:relative}.account-btn{background:transparent;border:none;cursor:pointer;padding:0}.account-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-green);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);border:2px solid transparent;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.account-btn:hover .account-avatar{border-color:var(--color-white);transform:scale(1.1);box-shadow:var(--shadow-md)}.account-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;min-width:240px;z-index:1000;animation:fadeIn .2s ease}.account-name{font-size:16px;font-weight:700;color:#42372e;margin-bottom:6px}.account-email{font-size:14px;color:#6b5d54;margin-bottom:12px}.account-menu-logout{width:100%;padding:10px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.account-menu-logout:hover{background:#dc2626;transform:translateY(-2px)}.mobile-menu-toggle{display:block;background:transparent;border:none;color:var(--color-white);font-size:var(--font-size-2xl);cursor:pointer;padding:var(--spacing-xs)}.hamburger-icon{font-size:var(--font-size-2xl)}.mobile-menu{position:absolute;top:calc(100% + 8px);right:0;background:#c9afa3;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;min-width:240px;z-index:1000;animation:fadeIn .2s ease}.mobile-nav{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.mobile-nav-link{padding:var(--spacing-sm);background:#ffffff1a;color:var(--color-white);text-decoration:none;border-radius:var(--radius);text-align:center;font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.mobile-nav-link:hover{background:var(--color-primary-green);transform:translate(4px)}.mobile-theme-section{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:#ffffff0d;border-radius:var(--radius)}.mobile-theme-label{color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:block;margin-bottom:var(--spacing-xs)}.mobile-theme-buttons{display:flex;gap:var(--spacing-xs)}.mobile-theme-btn{flex:1;padding:var(--spacing-xs);background:#ffffff1a;border:2px solid transparent;border-radius:var(--radius);color:var(--color-white);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.mobile-theme-btn:hover{background:#fff3}.mobile-theme-btn.active{background:var(--color-primary-green);border-color:var(--color-white)}.mobile-account-section{padding:0;background:transparent;border-radius:0}.mobile-account-info{margin-bottom:12px}.mobile-account-name{color:#42372e;font-weight:700;font-size:16px;margin-bottom:6px}.mobile-account-email{color:#42372e;font-size:14px;opacity:.8}.mobile-logout-btn{width:100%;padding:10px;background:#d1795c;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.mobile-logout-btn:hover{background:#7f3b24;transform:translateY(-2px)}@media (max-width: 768px){.main-header{padding:var(--spacing-sm) var(--spacing-md)}.header-nav,.theme-toggle-btn .theme-label{display:none}.logo-text{font-size:var(--font-size-lg)}}@media (max-width: 480px){.logo-text{display:none}.theme-toggle-container,.payment-chat-btn{display:none!important}.theme-toggle-btn{padding:var(--spacing-xs)}.student-nav-button{width:36px;height:36px}}body.theme-brown .student-nav-button{color:var(--color-primary-beige)!important;border-color:#c9afa34d}body.theme-brown .student-nav-button:hover{background:#c9afa31a;border-color:var(--color-primary-beige);color:#fff!important}body.theme-dark .main-header{background:#0a0e14!important;border-bottom:1px solid #1F2937!important;box-shadow:0 4px 6px #0006!important}body.theme-dark .logo-text{color:#e5e7eb!important}body.theme-dark .nav-link{color:#9ca3af!important}body.theme-dark .nav-link:hover,body.theme-dark .nav-link.active{color:#fff!important;background:#ffffff1a!important}body.theme-dark .nav-link.active{background:#4caf50!important}body.theme-dark .theme-toggle-btn{background:#ffffff0d!important;color:#e5e7eb!important}body.theme-dark .theme-menu,body.theme-dark .account-menu,body.theme-dark .mobile-menu{background:#121720!important;border:1px solid #374151!important;box-shadow:0 4px 12px #00000080!important}body.theme-dark .theme-option{color:#e5e7eb!important}body.theme-dark .theme-option:hover{background:#1f2937!important}body.theme-dark .account-name{color:#e5e7eb!important}body.theme-dark .account-email{color:#9ca3af!important}body.theme-dark .student-nav-button{background:#ffffff0d!important;color:#e5e7eb!important}body.theme-dark .student-nav-button:hover{background:#ffffff1a!important;border-color:#4caf50!important}body.theme-light .main-header{background:#fdfefff2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-bottom:1px solid #E0E6ED!important;box-shadow:0 1px 3px #2e38400a!important}body.theme-light .logo-text{color:#2e3840!important}body.theme-light .nav-link{color:#5f6b78!important}body.theme-light .nav-link:hover{color:#5b7c99!important;background:#eef2f6!important}body.theme-light .nav-link:after{background:#5b7c99!important}body.theme-light .nav-link.active{color:#fff!important;background:linear-gradient(135deg,#5b7c99,#6b8ba8)!important;box-shadow:0 2px 6px #5b7c9933!important}body.theme-light .logo-icon{background:linear-gradient(135deg,#5b7c99,#6b8ba8)!important;color:#fff!important;box-shadow:0 2px 6px #5b7c9940!important}body.theme-light .theme-toggle-btn{color:#5f6b78!important;background:#eef2f6!important;border:1px solid #E0E6ED!important}body.theme-light .theme-toggle-btn:hover{background:#e8edf2!important;color:#5b7c99!important;border-color:#5b7c99!important}body.theme-light .student-nav-button{background:#eef2f6!important;border:1px solid #E0E6ED!important;color:#5f6b78!important}body.theme-light .student-nav-button:hover{background:#e8edf2!important;color:#5b7c99!important;border-color:#5b7c99!important}body.theme-light .account-name{color:#2e3840!important}body.theme-light .account-email{color:#8b9aa8!important}body.theme-light .mobile-menu{background:#fdfeff!important;border:1px solid #E0E6ED!important;box-shadow:0 4px 12px #2e38401a!important}body.theme-light .mobile-nav-link{color:#5f6b78!important;background:#f8fafb!important}body.theme-light .mobile-nav-link:hover{background:#eef2f6!important;color:#5b7c99!important}body.theme-light .mobile-theme-label{color:#2e3840!important}body.theme-light .mobile-theme-btn{color:#5f6b78!important;background:#f8fafb!important;border:1px solid #E0E6ED!important}body.theme-light .mobile-theme-btn.active{background:#5b7c99!important;color:#fff!important;border-color:#5b7c99!important}.notification-btn-container{position:relative}.notification-menu{position:absolute;top:calc(100% + 15px);right:-80px;width:380px;background:var(--color-white);border-radius:12px;box-shadow:0 10px 40px #0003;z-index:1000;overflow:hidden;animation:slideUpFade .3s ease-out;border:1px solid rgba(0,0,0,.05)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notification-header{padding:16px;border-bottom:1px solid var(--color-primary-brown-light);display:flex;justify-content:space-between;align-items:center;background:#8b5b2f0d}.notification-header h3{margin:0;font-size:16px;color:var(--color-primary-brown);font-weight:700}.mark-all-read-btn{background:none;border:none;color:var(--color-primary-green);font-size:12px;cursor:pointer;font-weight:600;padding:4px 8px;border-radius:4px;transition:background .2s}.mark-all-read-btn:hover{background:#10b9811a}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:16px;border-bottom:1px solid #eee;display:flex;gap:12px;cursor:pointer;transition:background .2s;position:relative}.notification-item:hover{background:#f9f9f9}.notification-item.unread{background:#8b5b2f14}.notification-item.unread:hover{background:#8b5b2f1f}.notif-icon-box{width:36px;height:36px;border-radius:50%;background:#eef2f6;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.notif-type-like{background:#ffebeb;color:#e74c3c}.notif-type-reply{background:#e8f5e9;color:#27ae60}.notif-content{flex:1}.notif-message{font-size:14px;color:#333;margin-bottom:4px;line-height:1.4}.notif-message span{font-weight:600}.notif-time{font-size:11px;color:#888}.notif-delete-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:#ccc;cursor:pointer;padding:4px;opacity:0;transition:opacity .2s,color .2s}.notification-item:hover .notif-delete-btn{opacity:1}.notif-delete-btn:hover{color:#e74c3c}.notification-empty{padding:40px 20px;text-align:center;color:#888;font-style:italic}.notification-badge{position:absolute;top:-6px;right:-6px;background:#e74c3c;color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;display:flex;align-items:center;justify-content:center;border:2px solid white;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}body.theme-dark .notification-menu{background:#121720;border-color:#374151}body.theme-dark .notification-header{border-bottom-color:#374151;background:#ffffff0d}body.theme-dark .notification-header h3{color:#e5e7eb}body.theme-dark .notification-item{border-bottom-color:#374151}body.theme-dark .notification-item:hover{background:#1f2937}body.theme-dark .notification-item.unread{background:#3b82f626}body.theme-dark .notification-item.unread:hover{background:#3b82f640}body.theme-dark .notif-message{color:#d1d5db}body.theme-dark .notif-time{color:#9ca3af}body.theme-dark .notification-empty{color:#6b7280}.payment-chat-btn{margin-right:0;background-color:#8b5b2f!important;color:#fff!important;border:none!important;width:40px!important;height:40px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;position:relative!important;transition:all .3s ease!important}.cart-signal-active{background-color:#8b5b2f!important;border:4px solid #4CAF50!important;animation:border-pulse-green 1s infinite alternate!important;box-shadow:0 0 15px #4caf5099!important;z-index:9999!important}@keyframes border-pulse-green{0%{border-color:#4caf50;transform:scale(1);box-shadow:0 0 5px #4caf5066}to{border-color:#fff;transform:scale(1.1);box-shadow:0 0 20px #4caf50cc}}.lang-selector-container{margin-right:8px}.lang-toggle-btn{min-width:60px;justify-content:center;background:#ffffff1a;border:2px solid transparent}.lang-menu{min-width:130px!important}.qcm-notifications-container{position:relative;margin-right:10px}.notifications-bell-btn{background:none;border:none;cursor:pointer;color:inherit;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notifications-bell-btn:hover{background:#0000000d;transform:scale(1.05)}body.theme-dark .notifications-bell-btn:hover{background:#ffffff1a}.notification-badge{position:absolute;top:5px;right:5px;background:#ef4444;color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;min-width:16px;text-align:center;border:2px solid white}body.theme-dark .notification-badge{border-color:#1e293b}.notifications-dropdown{position:absolute;top:55px;right:0;width:400px;max-height:550px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;overflow:hidden;z-index:1000;display:flex;flex-direction:column;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.theme-dark .notifications-dropdown{background:#1e293b;box-shadow:0 20px 50px #0006;border:1px solid rgba(255,255,255,.05)}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #f1f5f9}body.theme-dark .notifications-header{border-bottom-color:#334155;background:#ffffff05}.notifications-header h3{margin:0;font-size:17px;font-weight:700;color:#1e293b;letter-spacing:-.5px}body.theme-dark .notifications-header h3{color:#f8fafc}.mark-all-read-btn{background:none;border:none;color:#3b82f6;font-size:13px;cursor:pointer;font-weight:600;transition:color .2s}.mark-all-read-btn:hover{color:#2563eb;text-decoration:none}.notifications-list{overflow-y:auto;max-height:480px}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:transparent}.notifications-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}body.theme-dark .notifications-list::-webkit-scrollbar-thumb{background:#334155}.notification-item{display:flex;align-items:center;gap:14px;padding:14px 20px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f1f5f9;position:relative}body.theme-dark .notification-item{border-bottom-color:#334155}.notification-item:hover{background:#f8fafc}body.theme-dark .notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#eff6ff}body.theme-dark .notification-item.unread{background:#3b82f614}.notification-icon{flex-shrink:0}.icon-wrapper{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:transform .3s ease}.notification-item:hover .icon-wrapper{transform:scale(1.1)}.icon-wrapper.reply{background:#a855f726;color:#a855f7;box-shadow:0 4px 12px #a855f71a}.icon-wrapper.question{background:#3b82f626;color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.icon-wrapper.like{background:#f43f5e26;color:#f43f5e;box-shadow:0 4px 12px #f43f5e1a}.icon-wrapper.default{background:#64748b26;color:#64748b}body.theme-dark .icon-wrapper.reply{background:#a855f740;color:#c084fc}body.theme-dark .icon-wrapper.question{background:#3b82f640;color:#60a5fa}body.theme-dark .icon-wrapper.like{background:#f43f5e40;color:#fb7185}.notification-content{flex:1;min-width:0}.notification-message{margin:0 0 4px;font-size:14.5px;color:#334155;line-height:1.5;font-weight:500}body.theme-dark .notification-message{color:#e2e8f0}.notification-time{font-size:12px;color:#94a3b8;display:block;margin-top:2px}.unread-dot{width:8px;height:8px;background:#3b82f6;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px #3b82f699}.notification-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-left:8px;opacity:.3;transition:opacity .2s}.notification-item:hover .notification-actions{opacity:1}.delete-notif-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.delete-notif-btn:hover{background:#ef44441a;color:#ef4444}@media (max-width: 768px){.notifications-dropdown{width:calc(100vw - 20px);right:-10px;position:fixed;top:60px;left:10px}}.floating-chat-btn{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#65874a,#527a3a);box-shadow:0 6px 18px #65874a4d;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:25000;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.floating-chat-btn:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 32px #65874a66}.floating-chat-btn:active{transform:scale(.95)}.chat-modal-full-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30000;display:flex;align-items:center;justify-content:center;pointer-events:none}.chat-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:29999;pointer-events:auto;animation:fadeInBackdrop .3s ease}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.chat-modal-overlay{pointer-events:auto;position:fixed;bottom:90px;right:24px;width:320px;height:480px;background:#fff;border-radius:12px;box-shadow:0 12px 36px #00000026;display:flex;flex-direction:column;overflow:hidden;z-index:30000;animation:slideIn .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid #C9AFA3}@media (max-width: 768px){.chat-modal-overlay{bottom:auto;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:320px!important;height:480px!important;max-width:95vw;max-height:90vh;border-radius:20px;box-shadow:0 20px 60px #00000080;border:2px solid #C9AFA3;animation:modalFadeIn .3s ease-out;overflow:hidden}}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{background:linear-gradient(135deg,#42372e,#352b24);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:15px;letter-spacing:.3px}.close-btn{background:#ffffff1a;border:none;color:#fff;font-size:24px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.chat-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;display:flex;flex-direction:column;background:#faf9f7}.info-section{border-bottom:1px solid #E5DDD5;background:#fff;display:flex;flex-direction:column;flex-shrink:0}.info-header{padding:12px 16px;background:linear-gradient(135deg,#f5f2ef,#ebe6e1);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:13px;color:#42372e;transition:all .3s ease;flex-shrink:0;border-left:3px solid transparent}.info-header:hover{background:linear-gradient(135deg,#c9afa3,#b89d91);color:#fff;border-left-color:#65874a;transform:translate(2px)}.info-body{padding:14px;border-top:1px solid #E5DDD5;background:#fff;flex:1;overflow-y:auto;overflow-x:hidden;transition:all .3s ease;min-height:0;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chat-section-container{flex:1;display:flex;flex-direction:column;padding:14px;overflow:hidden;position:relative;background:#fff}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.form-group label{font-size:10px!important;color:#1a110d!important;font-weight:700;text-transform:uppercase;letter-spacing:.6px}body.theme-brown .form-group label,body.theme-brown .chat-modal-overlay .form-group label{color:#1a110d!important;font-size:10px!important;font-weight:700!important}.form-input,.form-select{padding:8px 10px;border:2px solid #E5DDD5;border-radius:6px;background:#faf9f7;font-size:13px;color:#1a110d!important;transition:all .3s ease;font-family:inherit}body.theme-brown .form-input,body.theme-brown .form-select{color:#1a110d!important;background:#fff!important}.form-input:focus{border-color:#c75c38!important;outline:none;background:#fff;box-shadow:0 0 0 3px #c75c381a;transform:translateY(-1px)}.form-select:focus{border-color:#65874a;outline:none;background:#fff;box-shadow:0 0 0 3px #65874a1a;transform:translateY(-1px)}.bank-reference-input{animation:smoothType .3s cubic-bezier(.4,0,.2,1)}.bank-reference-input:focus{animation:focusGlow .4s cubic-bezier(.4,0,.2,1)}@keyframes smoothType{0%{letter-spacing:.3px;transform:scale(.99)}50%{letter-spacing:.6px;transform:scale(1.01)}to{letter-spacing:.5px;transform:scale(1)}}@keyframes focusGlow{0%{box-shadow:0 0 #c75c3800}50%{box-shadow:0 0 0 4px #c75c3833}to{box-shadow:0 0 0 3px #c75c381a}}.submit-btn{background:linear-gradient(135deg,#65874a,#527a3a);color:#fff;border:none;padding:9px;border-radius:6px;font-weight:600;font-size:10px!important;cursor:pointer;width:100%;transition:all .3s ease;box-shadow:0 3px 10px #65874a33;text-transform:uppercase;letter-spacing:.5px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #65874a4d}.submit-btn:active{transform:translateY(0)}.payment-info{background:linear-gradient(135deg,#faf9f7,#f5f2ef);padding:14px;border-radius:8px;border-left:3px solid #65874A;margin-bottom:12px}.payment-info h4{color:#42372e;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.payment-info p{color:#42372e;font-size:12px;line-height:1.6;margin-bottom:6px}.payment-id{font-family:Courier New,monospace;font-weight:700;font-size:14px;color:#65874a;padding:6px 10px;background:#fff;border-radius:4px;display:inline-block;margin:6px 0;border:2px solid #C9AFA3}.messages-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:#faf9f7;padding:12px;border-radius:8px;margin-bottom:12px}.message-bubble{max-width:75%;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.5;animation:messageIn .3s ease}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble.student{align-self:flex-end;background:linear-gradient(135deg,#65874a,#527a3a);color:#fff;border-bottom-right-radius:4px}.message-bubble.admin{align-self:flex-start;background:#fff;color:#42372e;border:2px solid #E5DDD5;border-bottom-left-radius:4px}.message-input-area{display:flex;flex-direction:column;gap:5px;margin-top:auto;background:#f9f9f9;padding:5px;border-radius:8px;transition:background .3s ease}.message-input{flex:1;padding:10px 14px;border:2px solid #E5DDD5;border-radius:20px;background:#fff;font-size:13px;color:#42372e;transition:all .3s ease}.message-input:focus{border-color:#65874a;outline:none;background:#fff}button[type=submit]:hover svg{transform:scale(1.05);color:#a34b2e!important}body.theme-dark .message-input-area{background:#1a1f2e!important;border:1px solid #374151}@media (max-width: 480px){.chat-modal-overlay{width:calc(100vw - 32px);height:calc(100vh - 140px);right:16px;bottom:90px}.floating-chat-btn{bottom:16px;right:16px;width:48px;height:48px}}.unread-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid white;box-shadow:0 2px 8px #ef444466;animation:pulseBadge 2s infinite;z-index:10}@keyframes pulseBadge{0%,to{transform:scale(1)}}.purchase-details-wrapper{background:linear-gradient(135deg,#f5f1ed,#ebe6e1);padding:16px;border-radius:10px;margin-bottom:20px;border:2px solid #D1C7BE}.purchase-details-title{margin-bottom:12px;font-size:.75em;color:#42372e;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.purchase-details-content{font-size:.8em;line-height:1.6;color:#6b5d54}.payment-proof-section{margin-top:16px}.payment-proof-header{color:#42372e;font-size:.8em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.file-upload-wrapper{border:2px dashed #C9AFA3;padding:16px;border-radius:8px;text-align:center;background:#faf9f7;position:relative;transition:all .3s ease;margin-bottom:20px}.file-upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;color:#5b2a18;font-size:.85em;font-weight:600}.file-input-hidden{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;cursor:pointer}.selected-file-name{margin-top:8px;font-size:.75em;color:#65874a;font-weight:600}.upload-success-message{padding:12px;background:linear-gradient(135deg,#e3f2e1,#d4e5ca);color:#6b9a5f;border-radius:8px;text-align:center;font-size:.85em;font-weight:600;border:2px solid #B5D4A3}.status-badge-sent{font-size:.7em;background:#e8f5e9;color:#15803d;padding:2px 6px;border-radius:10px;font-weight:700}.payment-details-wrapper{background:linear-gradient(135deg,#faf9f7,#f5f1ed);border:2px solid #C9AFA3;border-radius:12px;padding:20px;margin-bottom:20px}.bank-label{color:#42372e;font-size:.75em;text-transform:uppercase;letter-spacing:.5px;font-weight:700;display:block;margin-bottom:4px}.bank-value-box{background:#fff;padding:10px 12px;border-radius:8px;margin-top:6px;font-family:monospace;font-size:.9em;font-weight:700;color:#65874a;letter-spacing:1px;border:2px solid #E8E3DF}.instructions-wrapper{background:linear-gradient(135deg,#e6ddd7,#d4c4b8);padding:16px;border-radius:10px;margin-bottom:16px;border:2px solid #B8A093}.instructions-title{color:#7f3b24;font-size:.8em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.instructions-text{color:#6b5d54;font-size:.75em;line-height:1.6;margin:0}.reference-wrapper{background:linear-gradient(135deg,#c9afa3,#b89b8d);padding:14px;border-radius:10px;margin-bottom:16px;box-shadow:0 3px 10px #c9afa34d}.reference-label{color:#fff;font-size:.7em;margin-bottom:8px;display:block;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.bank-reference-input{background:#fff;padding:8px 10px;border-radius:6px;font-size:13px;font-weight:600;color:#42372e;text-align:center;letter-spacing:.5px;font-family:monospace;border:2px solid #E8E3DF;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}body.theme-dark .floating-chat-btn{background:linear-gradient(135deg,#cc785c,#b0644b)!important;box-shadow:0 6px 18px #cc785c4d!important}body.theme-dark .floating-chat-btn:hover{box-shadow:0 12px 32px #cc785c66!important}body.theme-dark .info-header{background:linear-gradient(135deg,#1f2937,#111827)!important;color:#cc785c!important;border-bottom:1px solid #374151!important;border-left:3px solid #CC785C!important}body.theme-dark .chat-modal-overlay .submit-btn,body.theme-dark .payment-proof-section .submit-btn{background:linear-gradient(135deg,#cc785c,#b0644b)!important;box-shadow:0 3px 10px #cc785c33!important}body.theme-dark .chat-modal-overlay .submit-btn:hover,body.theme-dark .payment-proof-section .submit-btn:hover{box-shadow:0 6px 16px #cc785c4d!important}body.theme-dark .payment-info h4,body.theme-dark .purchase-details-title,body.theme-dark .payment-proof-header,body.theme-dark .instructions-title{color:#cc785c!important}body.theme-dark .payment-info p,body.theme-dark .purchase-details-content,body.theme-dark .instructions-text{color:#e5e7eb!important}body.theme-dark .purchase-details-wrapper,body.theme-dark .payment-details-wrapper,body.theme-dark .instructions-wrapper,body.theme-dark .reference-wrapper{background:#1f2937!important;border-color:#cc785c!important}body.theme-dark .bank-label,body.theme-dark .reference-label{color:#cc785c!important}body.theme-dark .bank-value-box,body.theme-dark .bank-reference-input{background:#0d1117!important;color:#e5e7eb!important;border-color:#374151!important;box-shadow:inset 0 2px 4px #0006}body.theme-dark .file-upload-label{color:#cc785c!important}body.theme-dark .upload-success-message{background:#10b98133!important;color:#10b981!important;border-color:#059669!important}body.theme-dark .status-badge-sent{background:#10b98133!important;color:#34d399!important}body.theme-dark .chat-modal-overlay{border-color:#cc785c!important;background:#1a1f2e!important}body.theme-dark .chat-header{background:linear-gradient(135deg,#cc785c,#b0644b)!important}body.theme-dark .chat-content,body.theme-dark .messages-list{background:#0d1117!important}body.theme-dark .chat-section-container{background:#1a1f2e!important}body.theme-dark .info-header{background:linear-gradient(135deg,#1f2937,#111827)!important;color:#e5e7eb!important;border-bottom:1px solid #374151!important}body.theme-dark .info-header:hover{background:linear-gradient(135deg,#cc785c,#b0644b)!important;color:#fff!important;border-left-color:#cc785c!important}body.theme-dark .info-section{border-bottom:1px solid #374151!important;background:#1a1f2e!important}body.theme-dark .info-body{background:#1a1f2e!important;border-top:1px solid #374151!important;color:#e5e7eb!important}body.theme-dark .form-group label{color:#cc785c!important}body.theme-dark .form-input,body.theme-dark .form-select{background:#0d1117!important;border-color:#374151!important;color:#e5e7eb!important}body.theme-dark .form-input:focus,body.theme-dark .form-select:focus{border-color:#cc785c!important;box-shadow:0 0 0 3px #cc785c1a!important}body.theme-dark .submit-btn{background:linear-gradient(135deg,#cc785c,#b0644b)!important;box-shadow:0 3px 10px #cc785c33!important}body.theme-dark .submit-btn:hover{box-shadow:0 6px 16px #cc785c4d!important}body.theme-dark .payment-info{background:linear-gradient(135deg,#1f2937,#111827)!important;border-left:3px solid #CC785C!important}body.theme-dark .payment-info h4,body.theme-dark .purchase-details-title,body.theme-dark .payment-proof-header{color:#cc785c!important}body.theme-dark .payment-info p,body.theme-dark .purchase-details-content{color:#e5e7eb!important}body.theme-dark .payment-id{background:#0d1117!important;color:#cc785c!important;border-color:#374151!important}body.theme-dark .purchase-details-wrapper,body.theme-dark .payment-details-wrapper{background:#1f2937!important;border-color:#cc785c!important}body.theme-dark .bank-label{color:#cc785c!important}body.theme-dark .bank-value-box{background:#0d1117!important;color:#e5e7eb!important;border-color:#374151!important;box-shadow:inset 0 2px 4px #0006}body.theme-dark .file-upload-wrapper{background:#0d1117!important;border-color:#cc785c!important}body.theme-dark .file-upload-label{color:#e5e7eb!important}body.theme-dark .file-upload-label svg{color:#cc785c!important}body.theme-dark .message-bubble.student{background:linear-gradient(135deg,#cc785c,#b0644b)!important}body.theme-dark .message-bubble.admin{background:#1f2937!important;color:#e5e7eb!important;border-color:#374151!important}body.theme-dark .message-input{background:#0d1117!important;border-color:#374151!important;color:#e5e7eb!important}body.theme-dark .message-input:focus{border-color:#cc785c!important}body.theme-light .floating-chat-btn{background:linear-gradient(135deg,#5b7c99,#6b8ba8)!important;box-shadow:0 6px 18px #5b7c994d!important}body.theme-light .floating-chat-btn:hover{box-shadow:0 12px 32px #5b7c9966!important}body.theme-light .chat-modal-overlay{background:#fdfeff!important;border:1px solid #D4DBE3!important;box-shadow:0 12px 36px #2e384026!important}body.theme-light .chat-header{background:linear-gradient(135deg,#2e3840,#3e4a56)!important}body.theme-light .info-header{background:#f8fafb!important;color:#2e3840!important;border-bottom:1px solid #E0E6ED!important}body.theme-light .info-header:hover{background:#eef2f6!important}body.theme-light .chat-content,body.theme-light .info-body{background:#fdfeff!important;color:#2e3840!important}body.theme-light .message.bot{background:#eef2f6!important;color:#2e3840!important;border-top-left-radius:4px}body.theme-light .message.student{background:linear-gradient(135deg,#5b7c99,#6b8ba8)!important;color:#fff!important;border-top-right-radius:4px}body.theme-light .message-input-container{background:#fdfeff!important;border-top:1px solid #E0E6ED!important}body.theme-light .message-input{background:#f8fafb!important;border:1px solid #D4DBE3!important;color:#2e3840!important}body.theme-light .message-input::placeholder{color:#8b9aa8!important}body.theme-light .send-btn{background:linear-gradient(135deg,#5b7c99,#6b8ba8)!important;box-shadow:0 4px 12px #5b7c9933!important}body.theme-light .form-group label{color:#5f6b78!important}body.theme-light .form-input,body.theme-light .form-select{background:#fdfeff!important;border:1px solid #D4DBE3!important;color:#2e3840!important}body.theme-light .form-input:focus,body.theme-light .form-select:focus{border-color:#5b7c99!important;box-shadow:0 0 0 3px #5b7c9926!important}body.theme-light .submit-btn{background:linear-gradient(135deg,#6fa588,#5a9b8e)!important;box-shadow:0 3px 10px #6fa58833!important}body.theme-light .submit-btn:hover{box-shadow:0 6px 16px #6fa5884d!important}body.theme-light .back-btn-chat{background:linear-gradient(135deg,#5b7c99,#6b8ba8)!important;box-shadow:0 4px 12px #5b7c9940!important}body.theme-light .purchase-details-wrapper{background:linear-gradient(135deg,#aba4cc,#bcb5d6)!important;border-color:#9b94bc!important}body.theme-light .purchase-details-title,body.theme-light .purchase-details-content{color:#fff!important}body.theme-light .payment-info,body.theme-light .payment-details-wrapper{background:linear-gradient(135deg,#f8fafb,#eef2f6)!important;border-left-color:#5a9b8e!important}body.theme-light .payment-info h4,body.theme-light .payment-proof-header{color:#5a9b8e!important}body.theme-light .payment-info p{color:#2e3840!important}body.theme-light .bank-label{color:#5a9b8e!important}body.theme-light .bank-value-box{background:#fff!important;border-color:#e0e6ed!important;color:#2e3840!important}body.theme-light .instructions-wrapper{background:linear-gradient(135deg,#eef2f6,#e0e6ed)!important;border-color:#d4dbe3!important}body.theme-light .instructions-title{color:#5a9b8e!important}body.theme-light .instructions-text{color:#2e3840!important}body.theme-light .reference-wrapper{background:linear-gradient(135deg,#5a9b8e,#6baaa0)!important;border:none!important}body.theme-light .reference-label{color:#fff!important}body.theme-light .bank-reference-input{background:#fff!important;border-color:#e0e6ed!important;color:#2e3840!important}body.theme-light .bank-reference-input:focus{border-color:#5a9b8e!important;box-shadow:0 0 0 3px #5a9b8e26!important}body.theme-light .file-upload-wrapper{background:#fdfeff!important;border-color:#5a9b8e!important}body.theme-light .file-upload-label,body.theme-light .selected-file-name{color:#5a9b8e!important}body.theme-light .messages-list{background:#f8fafb!important}body.theme-light .message-bubble.student{background:linear-gradient(135deg,#5a9b8e,#6baaa0)!important;color:#fff!important}body.theme-light .message-bubble.admin{background:#9b94bc!important;color:#fff!important;border:none!important;border-bottom-left-radius:4px}body.theme-light .semester-selection-box{background:#5a9b8e1a!important;border-color:#5a9b8e!important}body.theme-light .year-selection-box{background:#9b94bc1a!important;border-color:#9b94bc!important}body.theme-light .help-text-small{color:#5f6b78!important}body.theme-light .chat-support-header{background:linear-gradient(135deg,#5b7c99,#6b8ba8)!important;color:#fff!important;box-shadow:0 2px 8px #5b7c9933!important}body.theme-light .no-messages-placeholder{color:#8b9aa8!important}body.theme-light .active-semester-selection-container{background:linear-gradient(135deg,#5b7c99,#6b8ba8)!important;box-shadow:0 4px 15px #5b7c994d!important;color:#fff!important}body.theme-light .chat-header{background:linear-gradient(135deg,#5b7c99,#6b8ba8)!important}body.theme-light .info-header svg{color:#5b7c99!important;fill:#5b7c99!important}.message-bubble{word-break:break-word!important;overflow-wrap:break-word!important;white-space:pre-wrap;max-width:80%}.overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.sticky-note-window,.overlay-containerGlass{pointer-events:auto}.overlay-containerGlass{width:100%;max-width:650px;height:70vh;background:#fff9;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.4);border-radius:24px;box-shadow:0 20px 50px #00000026,0 0 1px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:windowAppear .4s cubic-bezier(.34,1.56,.64,1);transform-origin:center center}@keyframes windowAppear{0%{opacity:0;transform:scale(.8) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInBackground{0%{opacity:0}to{opacity:1}}@keyframes scaleInOverlay{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.overlay-header{padding:14px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.08);background:#fff3;cursor:grab}.overlay-header:active{cursor:grabbing}.window-controls{display:flex;gap:8px;margin-right:16px}.control-dot{width:12px;height:12px;border-radius:50%}.dot-close{background:#d4492d;border:.5px solid #d4492d;cursor:pointer}.dot-minimize{background:#abdd2c;border:.5px solid #abdd2c}.dot-expand{background:#19ced4;border:.5px solid #19ced4}.dot-extra-max{background:#d8d833;border:.5px solid #d8d833}.dot-close:hover{background:#fa3;filter:brightness(1.1)}.control-dot:hover{filter:brightness(1.2);cursor:pointer}.header-title-group{display:flex;align-items:center;gap:16px}.header-title-group h2{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b;letter-spacing:-.01em}.header-icon{font-size:20px;padding:8px;border-radius:10px;background:#fff9;box-shadow:0 4px 10px #0000000a}.close-overlay-btn{display:none}.overlay-content-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:40px}.course-view-empty,.notes-view-empty{text-align:center;padding:60px 20px}.empty-visual{font-size:64px;margin-bottom:24px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1))}.overlay-content-scroll h3{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:12px}.overlay-content-scroll p{color:#6b7280;max-width:400px;margin:0 auto;line-height:1.6}.overlay-footer{padding:12px 24px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid rgba(0,0,0,.05)}.footer-status{font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em}body.theme-dark .footer-status{color:#94a3b8}body.theme-dark .overlay-containerGlass{background:#0f172acc;border-color:#ffffff1a}body.theme-dark .header-title-group h2{color:#f8fafc}body.theme-dark .overlay-content-scroll h3{color:#e2e8f0}body.theme-dark .overlay-content-scroll p{color:#94a3b8}body.theme-dark .overlay-header{border-bottom-color:#ffffff0d}.notes-textarea-container{height:100%;display:flex;flex-direction:column}.notes-textarea{flex:1;width:100%;min-height:400px;padding:24px;background:#ffffff80;border:1px solid rgba(0,0,0,.1);border-radius:16px;font-family:inherit;font-size:1.05rem;line-height:1.6;color:#1f2937;resize:none;outline:none;transition:all .3s ease;box-shadow:inset 0 2px 4px #00000005}.notes-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:inset 0 2px 4px #00000005,0 0 0 4px #3b82f61a}body.theme-dark .notes-textarea{background:#0003;border-color:#ffffff1a;color:#f3f4f6}body.theme-dark .notes-textarea:focus{background:#0006;border-color:#60a5fa}.course-content-view{padding:24px;background:#ffffff80;border-radius:16px;border:1px solid rgba(0,0,0,.05);height:100%}.course-content-view h3{color:#111827;margin-bottom:16px;font-size:1.5rem}.course-content-view p{color:#4b5563;font-size:1.1rem;line-height:1.7;margin-bottom:16px}body.theme-dark .course-content-view{background:#0003;border-color:#ffffff1a}body.theme-dark .course-content-view h3{color:#f9fafb}body.theme-dark .course-content-view p{color:#d1d5db}.markdown-prose{font-size:1.05rem;line-height:1.7;color:#1f2937}.markdown-prose h1,.markdown-prose h2,.markdown-prose h3{margin-top:1.5em;margin-bottom:.5em;color:#111827}.markdown-prose h1{font-size:2rem}.markdown-prose h2{font-size:1.5rem;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.3em}.markdown-prose h3{font-size:1.25rem}.markdown-prose p{margin-bottom:1.2em}.markdown-prose ul,.markdown-prose ol{margin-bottom:1.2em;padding-left:1.5em}.markdown-prose li{margin-bottom:.5em}.markdown-prose strong{color:#111827;font-weight:600}body.theme-dark .markdown-prose{color:#d1d5db}body.theme-dark .markdown-prose h1,body.theme-dark .markdown-prose h2,body.theme-dark .markdown-prose h3,body.theme-dark .markdown-prose strong{color:#f9fafb}body.theme-dark .markdown-prose h2{border-bottom-color:#ffffff1a}.overlay-spinner{width:40px;height:40px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:overlaySpinAnim .8s linear infinite;margin-bottom:16px}@keyframes overlaySpinAnim{to{transform:rotate(360deg)}}.markdown-prose blockquote{margin:1.2em 0;padding:12px 20px;border-left:4px solid #3b82f6;background:#3b82f614;border-radius:0 12px 12px 0;font-style:italic}body.theme-dark .markdown-prose blockquote{background:#3b82f626;border-left-color:#60a5fa}.markdown-prose hr{border:none;border-top:1px solid rgba(0,0,0,.1);margin:2em 0}body.theme-dark .markdown-prose hr{border-top-color:#ffffff1a}body.theme-light .sticky-note-window .sticky-header,body.theme-dark .sticky-note-window .sticky-header,body.theme-brown .sticky-note-window .sticky-header,body.theme-light .sticky-note-window .sticky-footer,body.theme-dark .sticky-note-window .sticky-footer,body.theme-brown .sticky-note-window .sticky-footer,body.theme-light .sticky-note-window .sticky-body-container,body.theme-dark .sticky-note-window .sticky-body-container,body.theme-brown .sticky-note-window .sticky-body-container,body.theme-light .sticky-note-window .sticky-textarea,body.theme-dark .sticky-note-window .sticky-textarea,body.theme-brown .sticky-note-window .sticky-textarea,body.theme-light .sticky-note-window .sticky-subheader,body.theme-dark .sticky-note-window .sticky-subheader,body.theme-brown .sticky-note-window .sticky-subheader,body.theme-light .sticky-note-window .sticky-title-container,body.theme-dark .sticky-note-window .sticky-title-container,body.theme-brown .sticky-note-window .sticky-title-container{background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:inherit!important}.sticky-note-window .sticky-header,.sticky-note-window .sticky-footer{background-color:#1e293b!important;background:#1e293b!important;border-color:#ffffff1a!important;color:#ffffffe1!important}body[class] .sticky-note-window .markdown-prose,body[class] .sticky-note-window .markdown-prose h1,body[class] .sticky-note-window .markdown-prose h2,body[class] .sticky-note-window .markdown-prose h3,body[class] .sticky-note-window .markdown-prose p,body[class] .sticky-note-window .markdown-prose li,body[class] .sticky-note-window .markdown-prose strong,body[class] .sticky-note-window .markdown-prose blockquote,body[class] .sticky-note-window .markdown-prose td,body[class] .sticky-note-window .markdown-prose th{color:inherit!important;background:transparent!important}body[class] .sticky-note-window .tool-select,body[class] .sticky-note-window .tool-select option,body[class] .sticky-note-window .theme-toggle-btn,body[class] .sticky-note-window .pad-btn,body[class] .sticky-note-window button:not(.dot-close):not(.dot-minimize):not(.dot-expand):not(.dot-extra-max){background-color:#d9e3ed!important;background:#bb9973!important;color:#0f172a!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 2px 4px #0000001a!important}body[class] .sticky-note-window .theme-toggle-btn:hover,body[class] .sticky-note-window button:not(.dot-close):not(.dot-minimize):not(.dot-expand):not(.dot-extra-max):hover{background-color:#eb9a64!important;transform:translateY(-1px);box-shadow:0 4px 6px #00000026!important}body[class] .sticky-note-window .markdown-prose img,body[class] .sticky-note-window .sticky-editable-content img{filter:none!important;opacity:1!important}body[class] .image-lightbox-overlay{background:#000000e6!important;color:#fff!important}body[class] .image-lightbox-controls button{background:#1e1e32d9!important;color:#fff!important}html body .sticky-header,html body .sticky-footer,html body .sticky-body-container,html body .sticky-textarea,html body .sticky-subheader,html body .sticky-title-container{background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html body .sticky-note-window{width:500px;height:600px;min-width:300px;min-height:200px;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d;overflow:hidden;position:relative;resize:both;animation:windowAppear .3s cubic-bezier(.34,1.56,.64,1);transform-origin:center center;transition:background-color .2s ease;border:none!important;background-image:none!important;z-index:2500;background-clip:padding-box}.sticky-note-window:after{content:"";position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.3) 50%);pointer-events:none;z-index:1000}.sticky-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:grab;border:none!important;position:relative;z-index:100;flex-shrink:0;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)!important;color:#e2e8f0!important}.control-dot{padding:0;border:none;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:manipulation}.sticky-header:active{cursor:grabbing}.sticky-tabs-container{display:flex;align-items:center;gap:16px;flex:1;justify-content:center;overflow-x:auto;padding:0 10px}.sticky-tabs-container::-webkit-scrollbar{display:none}.sticky-tab-item{display:flex;align-items:center;gap:8px;cursor:pointer;opacity:.5;transition:all .2s ease;padding:4px 8px;border-radius:6px;white-space:nowrap}.sticky-tab-item.active{opacity:1}.sticky-tab-item:hover{opacity:.8}.tab-circle{width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.8}.tab-title{font-weight:700;font-size:.95rem;color:#fff!important}.tab-delete-icon{margin-left:4px;opacity:.3;transition:all .2s ease;padding:2px;border-radius:4px}.sticky-tab-item:hover .tab-delete-icon{opacity:.6}.tab-delete-icon:hover{opacity:1!important;background:#f003;color:#f44!important}.sticky-subheader{padding:20px 24px 8px;font-size:1.2rem;font-weight:900;color:inherit!important;opacity:.9;letter-spacing:-.02em;flex-shrink:0}.sticky-body-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.sticky-textarea{flex:1;width:100%;resize:none;line-height:1.6;color:inherit!important;font-family:inherit;outline:none!important;border:none!important;background:transparent!important}.sticky-textarea::placeholder{color:inherit;opacity:.4}.sticky-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;opacity:1;border:none!important;border-top:1px solid rgba(255,255,255,.1)!important;position:relative;z-index:500;flex-shrink:0;background:#0f172afa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#e2e8f0!important}.sticky-tools-left{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.color-tools-container{display:flex;align-items:center;gap:12px;margin-left:4px;padding-left:8px;border-left:1px solid rgba(255,255,255,.1)}.color-tool-group{display:flex;align-items:center;gap:4px;background:#ffffff0d;padding-right:4px;border-radius:8px}.mini-color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background-color:transparent;border:1px solid rgba(255,255,255,.5);border-radius:4px;cursor:pointer;overflow:hidden;padding:0}.mini-color-picker::-webkit-color-swatch-wrapper{padding:0}.mini-color-picker::-webkit-color-swatch{border:none}.sticky-editable-content{cursor:text;white-space:pre-wrap;word-wrap:break-word;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:10px 24px 40px;height:100%}.sticky-editable-content h1,.sticky-editable-content h2,.sticky-editable-content h3,.sticky-editable-content h4,.sticky-editable-content h5,.sticky-editable-content h6{margin:1.5rem 0 1rem;font-weight:900;line-height:1.2;color:inherit}.sticky-editable-content h1{font-size:2.2rem}.sticky-editable-content h2{font-size:1.8rem}.sticky-editable-content h3{font-size:1.5rem}.sticky-editable-content h4{font-size:1.3rem}.sticky-editable-content h5{font-size:1.1rem}.sticky-editable-content h6{font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.sticky-editable-content span{line-height:inherit;padding:2px 0}.sticky-editable-content:empty:before{content:attr(placeholder);color:inherit;opacity:.4;pointer-events:none;display:block}html body .tool-select{max-width:130px;background:#ffffff1f!important;border:1px solid rgba(255,255,255,.1)!important;outline:none!important;color:inherit!important;padding:8px 12px;border-radius:8px;font-size:.85rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none!important;min-height:40px}.tool-select option{background:#fff!important;color:#333!important}.theme-toggle-btn{color:inherit!important;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:10px;transition:all .2s;min-width:40px;min-height:40px}.footer-status-text{font-size:.7rem;color:#fff!important;font-weight:700;letter-spacing:.05em;opacity:.6}html body .sticky-note-window.maximized{width:90vw!important;max-width:1200px!important;height:85vh!important;transition:all .3s cubic-bezier(.34,1.56,.64,1);resize:none!important}html body .sticky-note-window.extra-maximized{top:10px!important;left:10px!important;width:calc(100vw - 20px)!important;height:calc(100vh - 20px)!important;border-radius:20px!important;transition:all .3s cubic-bezier(.34,1.56,.64,1);resize:none!important}.control-dot{cursor:pointer!important;transition:transform .2s ease}.control-dot:hover{transform:scale(1.15)}.control-dot:active{transform:scale(.95)}body[class] .sticky-note-window .active-tool{background-color:#dbeafe!important;color:#1e40af!important;border-color:#93c5fd!important;box-shadow:inset 0 2px 4px #0000000d!important}.drawing-pad-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;display:flex;flex-direction:column}.drawing-canvas{flex:1;cursor:crosshair;background:transparent}.sticky-body-container.split-layout{display:flex;flex-direction:row;gap:0;overflow:hidden;height:100%}.editor-side-wrapper{flex:1;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1);min-width:0;height:100%;overflow:hidden}.drawing-side-wrapper{flex:1;display:flex;flex-direction:column;background:#0003;min-width:0;height:100%;overflow:hidden}.split-canvas-header{padding:8px 16px;background:#ffffff0d;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1)}.sticky-editable-content::-webkit-scrollbar,.overlay-content-scroll::-webkit-scrollbar,.sticky-textarea::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.sticky-note-window *::-webkit-scrollbar-button,.overlay-containerGlass *::-webkit-scrollbar-button,::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}.sticky-editable-content{-ms-overflow-style:none;scrollbar-width:none}.editor-relative-wrapper{overflow:hidden}.sticky-editable-content{scrollbar-width:auto;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.05)}.split-canvas-actions{display:flex;align-items:center;gap:12px}.split-canvas-actions button{background:transparent;border:none;color:inherit;cursor:pointer;display:flex;align-items:center;opacity:.7;transition:opacity .2s}.split-canvas-actions button:hover{opacity:1}.btn-insert-split{background:#27c93f!important;color:#fff!important;padding:4px 10px!important;border-radius:4px!important;font-size:.75rem!important}.drawing-canvas-split{width:100%;height:100%;cursor:crosshair}.pen-color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:18px;background-color:transparent;border:1px solid rgba(255,255,255,.7);border-radius:4px;cursor:pointer;overflow:hidden;padding:0}.pen-color-picker::-webkit-color-swatch-wrapper{padding:0}.pen-color-picker::-webkit-color-swatch{border:none}.drawing-pad-tools{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:10px;background:#000000b3;padding:8px 12px;border-radius:20px;box-shadow:0 4px 15px #00000080;z-index:20}.pad-btn{background:transparent;border:none;color:#fff;padding:6px;border-radius:8px;cursor:pointer;transition:all .2s}.pad-btn:hover{background:#fff3}.pad-btn.finish{background:#27c93f;color:#fff}.pad-btn.clear{color:#ff5f56}.sticky-editable-content img{max-width:100%;height:auto;border-radius:8px;margin:10px 0;border:2px solid rgba(255,255,255,.1);transition:transform .2s}.sticky-editable-content img:hover{transform:scale(1.02)}.markdown-prose img.unused{max-width:100%;height:auto;border-radius:8px;margin:16px 0;box-shadow:0 4px 6px #0000001a}.markdown-prose img.unused{max-width:80%!important;height:auto!important;border-radius:12px!important;margin:20px auto!important;display:block!important;box-shadow:0 6px 20px #00000040!important;border:2px solid rgba(255,255,255,.08)!important;transition:transform .3s ease,box-shadow .3s ease}.course-content-view .markdown-prose{line-height:1.8;word-wrap:break-word;overflow-wrap:break-word}.course-content-view .markdown-prose h2{margin-top:2em;margin-bottom:.8em;padding-bottom:.4em;border-bottom:2px solid rgba(139,92,246,.4);color:inherit;font-weight:800;font-size:1.4rem}.course-content-view .markdown-prose h3{margin-top:1.5em;margin-bottom:.6em;padding-left:12px;border-left:3px solid rgba(139,92,246,.5);color:inherit;font-weight:700;font-size:1.15rem}.course-content-view .markdown-prose p{margin-bottom:1em;color:inherit;opacity:.92}.course-content-view .markdown-prose hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);margin:2em 0}.course-content-view .markdown-prose table{width:100%;border-collapse:collapse;margin:1.5em 0;border-radius:8px;overflow:hidden}.course-content-view .markdown-prose th,.course-content-view .markdown-prose td{padding:10px 14px;border:1px solid rgba(255,255,255,.1);text-align:left;color:inherit}.course-content-view .markdown-prose th{background:#8b5cf633;font-weight:700}.course-content-view .markdown-prose td{background:#0000001a}.markdown-prose img.unused{max-width:45%!important;height:auto!important;border-radius:12px!important;margin:12px 16px 12px 0!important;float:left!important;box-shadow:0 6px 20px #0000004d!important;border:2px solid rgba(255,255,255,.1)!important;cursor:zoom-in!important;transition:transform .3s ease,box-shadow .3s ease!important;clear:left}.markdown-prose hr,.markdown-prose h2,.markdown-prose h3{clear:both!important}.markdown-prose img{max-width:75%;height:auto;border-radius:12px;margin:24px auto;display:block;box-shadow:0 6px 20px #0000004d;border:2px solid rgba(255,255,255,.1);cursor:zoom-in;transition:transform .3s ease,box-shadow .3s ease}.markdown-prose img:hover{transform:scale(1.04);box-shadow:0 12px 35px #8b5cf659;border-color:#8b5cf680}.markdown-prose hr,.markdown-prose h2,.markdown-prose h3{clear:both}@media (max-width: 768px){.markdown-prose img{float:none;max-width:100%;margin:20px auto;display:block}}.image-lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99999;pointer-events:auto;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:lightboxFadeIn .25s ease}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.image-lightbox-controls{position:fixed;top:24px;right:24px;display:flex;gap:8px;z-index:100000}.image-lightbox-controls button{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#1e1e32cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.image-lightbox-controls button:hover{background:#8b5cf699;border-color:#8b5cf6cc;transform:scale(1.08)}.image-lightbox-content{max-width:90vw;max-height:85vh;overflow:auto;display:flex;align-items:center;justify-content:center;cursor:grab}.image-lightbox-content:active{cursor:grabbing}.image-lightbox-content img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.markdown-prose .course-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:30px 0}.markdown-prose .course-col{flex:1;min-width:250px}.markdown-prose .course-col.image img{margin:0 auto!important;max-width:100%!important;box-shadow:0 4px 15px #00000026}.markdown-prose .course-col p{margin:0 0 10px}.course-summary{background:linear-gradient(135deg,#3b82f626,#2563eb0d);border-left:4px solid #3b82f6;padding:16px 20px;margin:24px 0;border-radius:0 12px 12px 0;box-shadow:0 4px 12px #3b82f61a}.course-summary strong{color:#60a5fa;font-size:1.1em;display:block;margin-bottom:8px}.course-definition{background:linear-gradient(135deg,#10b98126,#0596690d);border-left:4px solid #10b981;padding:16px 20px;margin:24px 0;border-radius:0 12px 12px 0;box-shadow:0 4px 12px #10b9811a}.course-definition strong{color:#34d399;font-size:1.1em;display:block;margin-bottom:8px}.course-alert{background:linear-gradient(135deg,#ef444426,#dc26260d);border-left:4px solid #ef4444;padding:16px 20px;margin:24px 0;border-radius:0 12px 12px 0;box-shadow:0 4px 12px #ef44441a}.course-alert strong{color:#f87171;font-size:1.1em;display:block;margin-bottom:8px}.theme-toggle-btn:active{background:#fff3!important;transform:scale(.92)}@media (max-width: 1024px){html body .sticky-note-window{width:85vw!important;height:75vh!important;max-width:900px!important}.sticky-tools-left{gap:6px;flex-wrap:wrap}.color-tools-container{gap:8px;margin-left:2px;padding-left:4px}html body .tool-select{max-width:100px;font-size:.75rem}}@media (max-width: 768px){html body .sticky-note-window{width:92vw!important;height:80vh!important;border-radius:16px}.sticky-header{padding:10px 14px}.sticky-tab-item{padding:4px 6px;gap:4px}.sticky-tab-item:not(.active) .tab-title{display:none}.sticky-footer{padding:8px 16px;flex-direction:column;gap:8px;align-items:flex-start}.footer-status-text{width:100%;text-align:right;margin-top:-5px}.sticky-body-container.split-layout{flex-direction:column}.drawing-side-wrapper{border-left:none;border-top:1px solid rgba(255,255,255,.1);height:300px}}@media (max-width: 480px){html body .sticky-note-window{width:100vw!important;height:100vh!important;border-radius:0;top:0!important;left:0!important}.sticky-header{padding:12px 10px}.window-controls{gap:6px;margin-right:8px}.sticky-textarea{padding:15px 15px 60px}}.svg-drawing-container{position:relative;margin-top:16px;border-radius:12px;overflow:hidden}.svg-drawing-badge{position:absolute;top:8px;left:10px;z-index:5;font-size:11px;font-weight:700;color:#ffffff80;letter-spacing:.3px;pointer-events:none;-webkit-user-select:none;user-select:none}.svg-drawing-edit-btn{position:absolute;bottom:8px;right:8px;background:#00000080;border:1px solid rgba(255,255,255,.15);color:#ffffffbf;font-size:11px;font-weight:600;padding:4px 10px;border-radius:8px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s ease;z-index:5}.svg-drawing-edit-btn:hover{background:#7daa5640;border-color:#7daa5680;color:#9dc87a}.tab-circle-drawing{background:#7daa56!important;box-shadow:0 0 8px #7daa5666}.inline-drawing-mode-container{position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:5;background:#1e212b;border-radius:12px;box-shadow:inset 0 0 20px #0000004d;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.scrollable-drawing-blocks{overflow-y:auto!important;padding:20px}.scrollable-drawing-blocks::-webkit-scrollbar{width:6px}.scrollable-drawing-blocks::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.drawing-block-paragraph{width:100%;max-width:100%;line-height:1.6;padding:12px!important;margin-bottom:20px;background:#ffffff05;border-radius:8px;transition:background .2s}.drawing-block-paragraph:focus{background:#ffffff0d;border-bottom-color:#7daa56!important}.drawing-block-paragraph[contenteditable]:empty:before{content:attr(placeholder);color:#ffffff4d;font-style:italic}.drawing-canvas-wrapper{width:100%;margin-top:10px;border-top:1px dashed rgba(255,255,255,.1);padding-top:20px}.inline-drawing-mode-container>div{cursor:crosshair!important}.drawing-toolbar{display:flex;align-items:center;gap:8px;padding-left:5px}.drawing-width-label{font-size:11px;color:#fff9;min-width:30px;text-align:right}.drawing-slider{width:60px;accent-color:#7daa56;cursor:pointer}.drawing-toolbar-sep{width:1px;height:18px;background:#ffffff1a;margin:0 4px}.active-tool{background:#7daa5633!important;color:#9dc87a!important;border-color:#7daa564d!important}.inline-drawing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;border-radius:8px;overflow:hidden;cursor:crosshair}.inline-drawing-overlay>div,.inline-drawing-overlay canvas,.inline-drawing-overlay svg{width:100%!important;height:100%!important;display:block}.drawing-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding:0 4px}.drawing-color-wrap{position:relative;cursor:pointer;display:flex;align-items:center}.drawing-color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.35);transition:transform .15s,border-color .15s;flex-shrink:0}.drawing-color-wrap:hover .drawing-color-swatch{transform:scale(1.15);border-color:#ffffffb3}.drawing-width-label{font-size:11px;color:#ffffff80;min-width:30px;text-align:right;flex-shrink:0}.drawing-slider{width:70px;height:3px;accent-color:#7daa56;cursor:pointer;flex-shrink:0}.drawing-toolbar-sep{width:1px;height:20px;background:#ffffff1f;margin:0 2px;flex-shrink:0}.notebook-lines{background-image:repeating-linear-gradient(transparent 0px,transparent 34px,rgba(255,255,255,.2) 34px,rgba(255,255,255,.2) 35px)!important;background-repeat:repeat-y!important;background-position:top left!important}.drawing-palette-group{display:flex;align-items:center;gap:4px;padding:0 4px;background:#ffffff08;border-radius:10px;margin:0 2px}.active-swatch{border:2px solid white!important;transform:scale(1.25);box-shadow:0 0 10px #fff6;z-index:2}.drawing-color-swatch{cursor:pointer;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;width:20px;height:20px;border:2px solid rgba(255,255,255,.35)}.drawing-color-swatch:hover{transform:scale(1.2);border-color:#fffc!important;box-shadow:0 0 5px #fff3}.text-mode-swatches{padding:2px 4px;background:#00000026;border-radius:8px;margin-left:-2px}.color-tool-group{background:#ffffff0a;border-radius:10px;padding:2px;transition:background .2s}.color-tool-group:hover{background:#ffffff14}.drawing-palette-label{font-size:10px;color:#fff6;text-transform:uppercase;font-weight:700;margin-right:4px}