@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap";:root{--bg-primary:#faf7f2;--bg-secondary:#f3ede4;--bg-card:#fff;--bg-glass:#ffffffb3;--bg-glass-hover:#ffffffe6;--accent:#c31209;--accent-dark:#993030;--accent-light:#d45555;--accent-glow:#c312091a;--accent-soft-bg:#c312090f;--amber:#b8860b;--amber-light:#d4a843;--text-primary:#2c1a10;--text-secondary:#5c4639;--text-muted:#8c7a6e;--text-light:#b0a092;--border:#2c1a1014;--border-hover:#c3120933;--shadow-sm:0 2px 8px #2c1a100a, 0 1px 2px #2c1a1005;--shadow-md:0 8px 24px #2c1a100f, 0 2px 8px #2c1a100a;--shadow-lg:0 24px 48px #2c1a1014, 0 12px 24px #2c1a100a;--shadow-accent:0 12px 32px #c3120926, 0 4px 12px #c3120914;--font-heading:"Outfit", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--font-chinese:"Noto Sans SC", sans-serif;--section-padding:140px 0;--container-width:1200px;--container-padding:0 40px;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.5s cubic-bezier(.2, .8, .2, 1);--transition-spring:.6s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,li{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-width);padding:var(--container-padding);z-index:2;margin:0 auto;position:relative}.gradient-text,.gradient-text-gold{background:linear-gradient(135deg,#c31209,#fe0489);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-smooth)}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.section{flex-direction:column;padding:40px 0;display:flex;position:relative;overflow:hidden}.hero.section{min-height:100vh}.section>.container{width:100%;margin:auto}.section-watermark{font-family:var(--font-chinese);color:#2c1a1004;pointer-events:none;z-index:1;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:800px;font-weight:900;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:3px;color:var(--accent);align-items:center;gap:8px;margin-bottom:20px;font-size:.85rem;font-weight:700;display:inline-flex}.section-label:before{content:"";background:var(--accent);border-radius:1px;width:40px;height:2px;display:inline-block}.section-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-1px;margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.section-subtitle{color:var(--text-secondary);max-width:650px;font-size:1.2rem;font-weight:600;line-height:1.7}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(50px)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transform:translate(-60px)}.reveal-left.active{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transform:translate(60px)}.reveal-right.active{opacity:1;transform:translate(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.stagger-7{transition-delay:.7s}.stagger-8{transition-delay:.8s}.stagger-9{transition-delay:.9s}.animated-border{z-index:1;position:relative}.animated-border:before{content:"";z-index:-1;border-radius:inherit;opacity:0;transition:opacity var(--transition-smooth);background:linear-gradient(45deg,#c31209,#fe0489,#c31209,#fe0489) 0 0/400% 400%;animation:8s infinite gradientFlow;position:absolute;inset:-2px}.animated-border:hover:before{opacity:.7}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.tilt-card{transform-style:preserve-3d;transform:perspective(1000px)}.floating-anim{animation:6s ease-in-out infinite floating}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.mobile-menu-header,.mobile-menu-footer{display:none}.navbar{z-index:1000;width:100%;transition:all var(--transition-smooth);padding:24px 0;position:fixed;top:0;left:0}.navbar.scrolled{border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);background:#faf7f2f2;padding:16px 0}.navbar.nav-hidden{transform:translateY(-100%)}.navbar .container{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-heading);letter-spacing:-.5px;transition:opacity var(--transition-fast);align-items:center;gap:12px;font-size:1.6rem;font-weight:800;display:flex}.logo-img{object-fit:contain;width:auto;height:130px;transition:all var(--transition-fast);display:block}@media (width<=992px){.logo-img{height:100px}}.logo-img-footer{object-fit:contain;width:auto;height:100px;margin-bottom:20px;display:block}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a{color:var(--text-muted);transition:all var(--transition-fast);border-radius:50px;padding:10px 20px;font-size:.95rem;font-weight:600;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text-primary);background:var(--accent-soft-bg)}.nav-cta{border:none;box-shadow:0 4px 14px #c3120933;background:var(--accent)!important;color:#fff!important;border-radius:50px!important;padding:12px 28px!important;font-weight:700!important}.nav-cta:hover{transform:translateY(-2px);background:var(--accent-dark)!important;box-shadow:0 6px 20px #c312094d!important}.hamburger{cursor:pointer;z-index:1001;flex-direction:column;gap:6px;padding:8px;display:none}.hamburger span{background:var(--text-primary);border-radius:3px;width:28px;height:3px;transition:all .25s cubic-bezier(.4,0,.2,1);display:block}.hamburger.active span:first-child{transform:rotate(45deg)translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.hero{background:var(--bg-secondary);align-items:center;min-height:100vh;padding-top:140px;padding-bottom:60px;display:flex;position:relative;overflow:hidden}.hero-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}@media (width<=992px){.hero{align-items:flex-start;padding-top:170px}.hero-container{justify-content:flex-start}}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}@media (width<=992px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero-visual{order:-1;margin-bottom:30px}.hero-content{margin:0 auto}}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#c312090f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite floatOrb;position:absolute;top:-150px;right:-100px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#b8860b0f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:12s ease-in-out infinite reverse floatOrb;position:absolute;bottom:-100px;left:-80px}@keyframes floatOrb{0%,to{opacity:.6;transform:translate(0)scale(1)}33%{opacity:.8;transform:translate(20px,-30px)scale(1.05)}66%{opacity:.5;transform:translate(-15px,15px)scale(.95)}}#particles-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;text-align:center;width:100%;position:relative}.hero-badge{color:var(--text-secondary);background:#ffffff80;border:1px solid #ffffff4d;border-radius:50px;align-items:center;gap:10px;margin-bottom:32px;padding:10px 24px;font-size:.95rem;font-weight:600;animation:1s cubic-bezier(.2,.8,.2,1) both fadeInDown;display:inline-flex;box-shadow:0 4px 24px #0000000a,inset 0 1px 1px #ffffff4d}.hero-badge .badge-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #c3120966}50%{opacity:.8;transform:scale(.9);box-shadow:0 0 0 6px #c3120900}}.hero-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-2px;margin-bottom:32px;font-size:clamp(3.5rem,7vw,6rem);font-weight:900;line-height:1.05;animation:1s cubic-bezier(.2,.8,.2,1) .4s both fadeInUp}.hero-title .chinese-char{font-family:var(--font-chinese);opacity:.35;color:var(--text-primary);letter-spacing:0;margin-bottom:0;font-size:.45em;display:block}.hero-subtitle{font-family:var(--font-heading);color:var(--text-secondary);max-width:600px;margin-bottom:64px;margin-left:auto;margin-right:auto;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700;line-height:1.8;animation:1s cubic-bezier(.2,.8,.2,1) .6s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:64px;animation:1s cubic-bezier(.2,.8,.2,1) .4s both fadeInUp;display:flex}.btn-primary{cursor:pointer;letter-spacing:.4px;color:#fff;background:linear-gradient(135deg,#c31209,#fe0489);border:1px solid #fff6;border-bottom-color:#78141499;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:18px 48px;font-size:1.05rem;font-weight:800;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 #dc262600,0 6px 24px #c828288c,0 2px 6px #0003,inset 0 1px #ffffff80,inset 0 -1px #0003}.btn-primary:hover{background:linear-gradient(135deg,#c31209,#fe0489);transform:translateY(-5px)scale(1.04);box-shadow:0 0 20px #dc262666,0 12px 40px #c82828a6,0 4px 12px #00000040,inset 0 1px #fff9,inset 0 -1px #00000040}.btn-primary:active{transform:scale(1.01)}.btn-secondary{cursor:pointer;letter-spacing:.3px;color:var(--text-primary);background:#ffffff38;border:1px solid #ffffff8c;border-bottom-color:#b4a08c40;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:18px 44px;font-size:1.05rem;font-weight:800;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),background .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #2c1a1012,0 2px 6px #0000000f,inset 0 1px #fffc,inset 0 -1px #b4a08c26}.btn-secondary:hover{background:#ffffff61;transform:translateY(-5px)scale(1.03);box-shadow:0 16px 44px #2c1a101a,0 4px 10px #00000012,inset 0 1px #fffffff2,inset 0 -1px #b4a08c33}.btn-secondary:active{transform:translateY(-2px)scale(1.01)}.scroll-indicator{opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:60px;animation:1s cubic-bezier(.2,.8,.2,1) 1s both fadeInUp;display:flex}.mouse{border:2px solid var(--accent);border-radius:20px;width:26px;height:42px;animation:2s infinite alternate mouseGlow;position:relative}.mouse:before{content:"";background-color:var(--accent);border-radius:4px;width:4px;height:8px;animation:2s cubic-bezier(.65,0,.35,1) infinite scrollWheel;position:absolute;top:6px;left:50%;transform:translate(-50%)}.scroll-text{text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-size:.85rem;font-weight:600;animation:2s infinite alternate mouseGlow}@keyframes mouseGlow{0%{opacity:.4}to{opacity:1}}@keyframes scrollWheel{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,15px)}}.about{background:var(--bg-primary)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.about-description{color:var(--text-secondary);margin-bottom:24px;font-size:1.05rem;font-weight:600;line-height:1.65}.about-features{grid-template-columns:1fr 1fr;gap:16px;display:grid}.about-feature{border-radius:var(--radius-lg);background:#fff6;border:1px solid #fff9;align-items:center;gap:16px;padding:16px 20px;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000008,inset 0 1px 1px #fffc}.about-feature:before{content:"";background:linear-gradient(120deg,#0000,#ffffffb3,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.about-feature:hover:before{left:150%}.about-feature:hover{background:#ffffffb3;border-color:#ffffffe6;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 30px #00000014,inset 0 1px 1px #fff}.about-feature .feature-icon{background:#dc262614;border:1px solid #dc262626;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;box-shadow:inset 0 2px 4px #fff9}.about-feature:hover .feature-icon{background:#dc262626;transform:scale(1.15)rotate(8deg);box-shadow:0 4px 12px #dc262626,inset 0 2px 4px #fffc}.about-feature .feature-text{color:var(--text-primary);font-size:.95rem;font-weight:800;line-height:1.3}.about-visual{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.about-visual-card{text-align:center;width:100%;max-width:400px;margin:0 auto;padding:clamp(30px,6vw,60px);position:relative;overflow:hidden}.about-visual-card .big-char{font-family:var(--font-chinese);white-space:nowrap;background:linear-gradient(135deg,#c31209,#fe0489);-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 20px #c3120933);-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(4rem,18vw,7rem);line-height:1.2}.about-visual-card .big-char-label{color:var(--text-primary);font-size:1rem;font-weight:600}.features{background:var(--bg-primary);text-align:center}.features-header{text-align:center;margin-bottom:80px}.features-header .section-subtitle{margin:0 auto}.features-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.feature-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);text-align:center;flex-direction:column;height:100%;padding:40px 30px;display:flex}.feature-box:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.feature-box-icon{background:var(--bg-secondary);width:80px;height:80px;transition:all var(--transition-smooth);border-radius:24px;justify-content:center;align-items:center;margin:0 auto 24px;font-size:2.5rem;display:flex;transform:rotate(-5deg)}.feature-box:hover .feature-box-icon{background:var(--accent-soft-bg);transform:rotate(0)scale(1.1)}.feature-box-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:16px;font-size:1.4rem;font-weight:800}.feature-box-desc{color:var(--text-secondary);flex-grow:1;font-size:1.05rem;font-weight:600;line-height:1.65}.methodology-timeline{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.timeline-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);padding:40px;position:relative}.timeline-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-5px)}.timeline-icon{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:1.8rem;font-weight:700;display:flex;box-shadow:0 4px 15px #c312094d}.timeline-content h3{color:var(--text-primary);font-size:1.4rem;font-family:var(--font-heading);margin-bottom:15px}.timeline-content p{color:var(--text-secondary);font-size:1.05rem;font-weight:600;line-height:1.65}.social-btn{transition:all var(--transition-smooth)}.social-btn:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-5px)scale(1.05)}.free-trial,.corporate-cta{background:var(--bg-secondary);text-align:center;min-height:auto!important;padding:60px 0!important}.cta-card{text-align:center;z-index:1;background:linear-gradient(135deg,#c31209,#fe0489);border:4px solid #ffffff1a;border-radius:20px;width:95%;max-width:1200px;margin:0 auto;padding:30px 20px;position:relative;overflow:hidden;box-shadow:0 20px 50px #c312094d}.cta-card:before{content:"";z-index:-1;background:radial-gradient(circle,#ffffff1a 0%,#0000 50%);width:200%;height:200%;animation:20s linear infinite slowSpin;position:absolute;top:-50%;left:-50%}.cta-card:after{content:"";z-index:-2;background:url("data:image/svg+xml;utf8,<svg width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"rgba(255,255,255,0.05)\"/></svg>");position:absolute;inset:0}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-watermark{opacity:.08;font-size:14rem;font-family:var(--font-chinese);pointer-events:none;color:#fff;z-index:-1;text-shadow:0 0 40px #fff3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-title{font-family:var(--font-heading);color:#fff;text-shadow:0 4px 15px #0000004d;margin-bottom:12px;font-size:2.2rem}.cta-desc{color:#fffffff2;text-shadow:0 2px 10px #0000004d;max-width:1000px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:1.1rem;font-weight:600;line-height:1.6}.cta-card .btn-submit{color:var(--accent);background:#fff;border:none;border-radius:50px;box-shadow:0 10px 30px #0003}.cta-card .btn-submit:hover{background:var(--bg-secondary);color:#701c1c;transform:translateY(-3px);box-shadow:0 15px 40px #0000004d}.cta-card .btn-outline-light{color:#fff;box-shadow:none;background:0 0;border:2px solid #fff;border-radius:50px}.cta-card .btn-outline-light:hover{color:#701c1c;background:#fff;transform:translateY(-3px);box-shadow:0 15px 40px #0000004d}.cta-card .btn-whatsapp{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:50px;box-shadow:0 10px 30px #25d36666}.cta-card .btn-whatsapp:hover{filter:brightness(1.1);color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);transform:translateY(-3px);box-shadow:0 15px 40px #25d36680}.courses{background:var(--bg-secondary)}.courses-header{text-align:center;margin-bottom:80px}.courses-header .section-subtitle{margin:0 auto}.courses-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.course-card{border-radius:var(--radius-lg);cursor:pointer;background:#ffffffd9;border:1px solid #fff9;padding:40px;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d,inset 0 1px 1px #fffc}.course-card:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffffb3,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.course-card:hover:after{left:150%}.course-card:hover{background:#ffffffb3;border-color:#ffffffe6;transform:translateY(-8px)scale(1.02);box-shadow:0 16px 40px #0000001a,inset 0 1px 1px #fff}.course-card:before{content:"";transform-origin:0;height:4px;transition:transform var(--transition-smooth);background:linear-gradient(90deg,#c31209,#fe0489);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.course-card:hover:before{transform:scaleX(1)}.course-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.course-icon{background:var(--bg-secondary);border:1px solid var(--border);width:64px;height:64px;transition:all var(--transition-smooth);border-radius:20px;justify-content:center;align-items:center;margin-bottom:24px;font-size:2rem;display:flex}.course-card:hover .course-icon{background:var(--accent-soft-bg);transform:scale(1.1)rotate(5deg)}.course-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:12px;font-size:1.5rem;font-weight:800}.course-level{text-transform:uppercase;letter-spacing:1px;border-radius:50px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.course-level.beginner{color:#1a8a48;background:#22a05014;border:1px solid #22a0501f}.course-level.elementary{color:#2558b0;background:#2864c812;border:1px solid #2864c81a}.course-level.intermediate{color:var(--amber);background:#b8860b14;border:1px solid #b8860b1f}.course-level.advanced{background:var(--accent-soft-bg);color:var(--accent);border:1px solid #c312091a}.course-level.proficiency{color:#7c3aad;background:#803cc80f;border:1px solid #803cc81a}.course-level.all-levels{color:var(--text-muted);border:1px solid var(--border);background:#2c1a100a}.course-description{color:var(--text-secondary);font-size:1rem;line-height:1.8}.course-tags{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.course-tag{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:500}.testimonials{background:var(--bg-primary)}.testimonials-header{text-align:center;margin-bottom:80px}.testimonials-header .section-subtitle{margin:0 auto}.testimonials-carousel{margin:0 -20px;padding:30px 20px;position:relative;overflow:hidden}.testimonials-track{gap:30px;width:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1);display:flex}.testimonial-card{border-radius:var(--radius-lg);border:1px solid #fff9;border-top:4px solid var(--accent);background:#fff6;flex-direction:column;flex:0 0 calc(33.333% - 20px);width:calc(33.333% - 20px);height:auto;padding:32px 28px;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000000a,inset 0 1px 1px #fffc}.testimonial-card:before{content:"";background:linear-gradient(120deg,#0000,#ffffffb3,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.testimonial-card:hover:before{left:150%}.testimonial-card:hover{border-color:#ffffffe6;border-top-color:var(--accent);background:#ffffffb3;transform:translateY(-6px)scale(1.02);box-shadow:0 16px 40px #00000014,inset 0 1px 1px #fff}.testimonial-stars{gap:6px;margin-bottom:24px;display:flex}.testimonial-stars span{color:var(--amber-light);font-size:1rem}.testimonial-text{color:var(--text-secondary);flex-grow:1;margin-bottom:24px;font-size:.95rem;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:16px;margin-top:auto;display:flex}.testimonial-avatar{background:var(--accent);width:48px;height:48px;font-family:var(--font-heading);color:#fff;box-shadow:var(--shadow-sm);border-radius:14px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex}.testimonial-name{font-family:var(--font-heading);color:var(--text-primary);font-size:1rem;font-weight:700}.testimonial-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.carousel-controls{pointer-events:none;justify-content:space-between;margin-top:0;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.carousel-btn{pointer-events:auto;background:var(--bg-card);border:1px solid var(--border);width:56px;height:56px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.carousel-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-accent);transform:scale(1.05)}.carousel-dots{justify-content:center;gap:10px;margin-top:30px;display:flex}.carousel-dot{cursor:pointer;width:10px;height:10px;transition:all var(--transition-smooth);background:#2c1a1026;border:none;border-radius:50%}.carousel-dot.active{background:var(--accent);border-radius:5px;width:30px}.faq{background:var(--bg-secondary);text-align:center}.faq-header{margin-bottom:60px}.faq-header .section-subtitle{margin:0 auto}.faq-grid{text-align:left;max-width:800px;margin:0 auto}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);margin-bottom:20px;overflow:hidden}.faq-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.faq-item.active{border-color:var(--accent);box-shadow:var(--shadow-accent)}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.faq-question h4{font-family:var(--font-heading);color:var(--text-primary);margin:0;padding-right:20px;font-size:1.15rem;font-weight:700}.faq-toggle{color:var(--accent);font-size:1.8rem;font-weight:300;transition:transform .4s}.faq-item.active .faq-toggle{transform:rotate(45deg)}.faq-answer{opacity:0;grid-template-rows:0fr;padding:0 30px;transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1),opacity .5s,padding .5s;display:grid}.faq-item.active .faq-answer{opacity:1;grid-template-rows:1fr;padding:0 30px 24px}.faq-answer p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.8;overflow:hidden}.contact{z-index:1;background:linear-gradient(135deg,#fffcfb 0%,#fff5f2 100%);position:relative}.contact-header{text-align:center;margin-bottom:80px}.contact-header .section-subtitle{margin:0 auto}.contact-grid{grid-template-columns:1.2fr .8fr;gap:60px;display:grid}.contact-form{border-radius:var(--radius-lg);background:#ffffff73;border:1px solid #ffffffb3;padding:50px;box-shadow:0 16px 40px #c3120914}.form-group{margin-bottom:24px}.form-group label{color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.85rem;font-weight:700;display:block}.form-group input,.form-group textarea,.form-group select{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-smooth);background:#fff9;border:1px solid #c312091a;outline:none;padding:16px 20px;font-size:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 4px #c3120914}.form-group textarea{resize:vertical;min-height:160px}.btn-submit{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;width:100%;transition:all var(--transition-smooth);border:none;margin-top:10px;padding:20px;font-size:1.1rem;font-weight:800;box-shadow:0 8px 24px #c3120940}.btn-submit:hover{background:var(--accent-dark);transform:translateY(-4px);box-shadow:0 12px 32px #c3120959}.contact-info{flex-direction:column;gap:24px;display:flex}.contact-info-card{border-radius:var(--radius-md);transition:all var(--transition-smooth);background:#ffffff73;border:1px solid #ffffffb3;align-items:flex-start;gap:20px;padding:30px;display:flex;box-shadow:0 8px 32px #c312090d}.contact-info-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.contact-info-icon{width:56px;height:56px;transition:all var(--transition-smooth);background:#ffffffb3;border:1px solid #fffc;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.6rem;display:flex;box-shadow:0 4px 16px #c312090d}.contact-info-card:hover .contact-info-icon{background:var(--accent-soft-bg);transform:scale(1.1)}.contact-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:.85rem;font-weight:700}.contact-info-value{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.5}.contact-info-value a{color:var(--accent);transition:color var(--transition-fast)}.contact-info-value a:hover{color:var(--accent-dark)}.whatsapp-buttons{flex-direction:column;gap:16px;margin-top:10px;display:flex}.whatsapp-btn{border-radius:var(--radius-md);color:#fff;transition:all var(--transition-smooth);background:linear-gradient(135deg,#25d366,#128c7e);justify-content:center;align-items:center;gap:12px;padding:18px 24px;font-size:1.05rem;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #25d36633}.whatsapp-btn:hover{transform:translateY(-4px);box-shadow:0 12px 32px #25d3664d}.whatsapp-btn svg{fill:currentColor;width:24px;height:24px}.footer{color:var(--text-primary);background:#ffde59;border-top:1px solid #0000000d;padding:80px 0 40px;position:relative}.footer:before{content:"";background:linear-gradient(90deg,#c31209,#fe0489);height:4px;position:absolute;top:0;left:0;right:0}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-brand .footer-logo{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:20px;font-size:1.8rem;font-weight:800}.logo-img-footer{width:auto;height:140px;margin-bottom:15px;display:block}.footer-brand .footer-desc{color:var(--text-secondary);max-width:340px;font-size:1rem;font-weight:600;line-height:1.8}.footer-col-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-primary);margin-bottom:24px;font-size:1.05rem;font-weight:800;display:inline-block;position:relative}.footer-col-title:after{content:"";background:var(--accent);border-radius:2px;width:30px;height:3px;position:absolute;bottom:-8px;left:0}.footer-links li{margin-bottom:16px}.footer-links a{color:var(--text-secondary);align-items:center;font-size:1.05rem;font-weight:600;transition:all .3s;display:inline-flex}.footer-links a:hover{color:var(--accent);transform:translate(6px)}.footer-bottom{color:var(--text-secondary);border-top:1px solid #0000001a;justify-content:space-between;align-items:center;padding-top:30px;font-size:.95rem;font-weight:600;display:flex}.footer-legal a{color:var(--text-secondary);text-decoration:none;transition:all .3s;position:relative}.footer-legal a:hover{color:var(--accent)}.footer-socials a{border:none;color:var(--text-primary)!important;background:#0000000d!important}.footer-socials a:hover{transform:translateY(-3px);background:var(--accent)!important;color:#fff!important}.scroll-top{background:var(--accent);color:#fff;cursor:pointer;z-index:999;opacity:0;visibility:hidden;width:56px;height:56px;transition:all var(--transition-smooth);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:fixed;bottom:40px;right:40px;transform:translateY(20px);box-shadow:0 8px 24px #c312094d}.whatsapp-bubble{display:none}@keyframes floatWhatsApp{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{background:var(--accent-dark);transform:translateY(-6px);box-shadow:0 12px 32px #c3120966}.loader{background:var(--bg-primary);z-index:10000;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s,visibility .8s;display:flex;position:fixed;top:0;left:0}.loader.hidden{opacity:0;visibility:hidden}.loader-char{font-family:var(--font-chinese);font-size:5rem;animation:1.5s ease-in-out infinite loaderPulse}@keyframes loaderPulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.loader-bar{background:#2c1a1014;border-radius:10px;width:140px;height:4px;margin:30px auto 0;overflow:hidden}.loader-bar-fill{background:linear-gradient(90deg,#c31209,#fe0489);border-radius:10px;width:0%;height:100%;animation:1.8s cubic-bezier(.2,.8,.2,1) forwards loaderFill}@keyframes loaderFill{to{width:100%}}@media (width<=1024px){.hero-stats{grid-template-columns:repeat(2,1fr);gap:16px}.features-grid,.courses-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:48px}.about-content{display:contents}.about-features{order:10}.about-visual{order:5}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.testimonial-card{flex:0 0 calc(50% - 15px);width:calc(50% - 15px)}.section-watermark{font-size:600px}}@media (width<=768px){:root{--section-padding:100px 0;--container-padding:0 24px}.about-description{margin-bottom:0}.about-description+.about-description{margin-top:-12px}.navbar .container{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.hamburger{grid-area:1/1;justify-self:start;display:flex}.nav-logo{grid-area:1/2;justify-self:center}.nav-links{border-right:1px solid var(--border);background:#faf7f2fa;flex-direction:column;gap:8px;width:240px;height:100vh;padding:24px 20px;transition:left .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:-100%;overflow-y:auto;box-shadow:10px 0 40px #2c1a1014}.nav-links.active{left:0}.nav-links a{border-radius:var(--radius-sm);width:100%;padding:16px 20px;font-size:1.1rem}.mobile-menu-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.mobile-menu-header .nav-logo{color:var(--text-primary);flex-shrink:0;font-size:1rem;font-weight:900}.mobile-menu-header .nav-logo img{width:auto;height:60px!important}.mobile-close-btn{cursor:pointer;width:36px;height:36px;color:var(--text-primary);background:#2c1a100f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:flex}.mobile-menu-footer{display:none}.whatsapp-bubble{color:#fff;z-index:9999;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:32px;text-decoration:none;animation:3s ease-in-out infinite floatWhatsApp;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 14px #25d36666}.scroll-top{bottom:95px;right:20px}.hero-title{font-size:clamp(3rem,10vw,4rem)}.hero-stats{grid-template-columns:repeat(2,1fr);gap:16px}.features-grid,.courses-grid,.about-features{grid-template-columns:1fr}.testimonial-card{flex:0 0 100%;width:100%;padding:20px 16px}.testimonial-stars{margin-bottom:12px}.testimonial-text{margin-bottom:16px;font-size:.9rem}.footer-grid{text-align:center;grid-template-columns:1fr;gap:40px}.footer-col-title:after{left:50%;transform:translate(-50%)}.footer-brand{flex-direction:column;display:flex;text-align:center!important;align-items:center!important}.footer-brand .footer-logo{justify-content:center;align-items:center;width:100%;display:flex}.footer-brand .footer-logo img{margin:0 auto;display:block}.footer-brand .footer-desc{margin:0 auto;text-align:center!important}.footer-socials{justify-content:center!important}.logo-img-footer{margin:0 auto 15px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.hero-buttons{flex-direction:column;align-items:stretch}.methodology-timeline{grid-template-columns:1fr}.social-links-grid{flex-direction:column}.section-watermark{font-size:400px}}@media (width<=480px){.stat-card{padding:20px 16px}.stat-number{font-size:2rem}.course-card{padding:30px 24px}.feature-box,.contact-form{padding:30px 20px}}@media (width<=768px){.about-content .section-label{margin-bottom:8px!important}.about-content .section-title,.about-content h3,.about-content p.about-description{margin-bottom:12px!important}.btn-primary,.btn-outline,.cta-button,.hero-buttons a{white-space:nowrap!important;padding:12px 18px!important;font-size:.85rem!important}.footer-brand{text-align:center!important;align-items:center!important}.footer-brand p{text-align:center!important}}@media (width<=992px){.mobile-interleaved-grid{flex-direction:column!important;display:flex!important}.aj-teacher{margin-bottom:30px;order:1!important}.aj-graphic{margin-bottom:30px;order:2!important}.aj-journey{margin-bottom:30px;order:3!important}.aj-zhongwen{margin-bottom:30px;order:4!important}}@media (width<=768px){.expertise-grid{grid-template-columns:1fr!important;gap:20px!important}.expertise-grid>div{padding:25px!important}.expertise-grid li{text-align:center;flex-direction:column;align-items:center!important;padding:15px!important}.expertise-grid li>div{margin-bottom:10px}.cta-card{text-align:center!important;flex-direction:column!important;padding:25px!important}.cta-card .cta-content{min-width:100%!important}.cta-card .cta-title{text-align:center!important;font-size:1.8rem!important}.cta-card .cta-desc{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.cta-card .btn-submit,.cta-card a.btn-submit{justify-content:center!important;width:max-content!important;margin:0 auto!important;display:inline-flex!important}.cta-card>div{justify-content:center!important}.cta-card .cta-visual img{max-height:200px!important}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;opacity:0;visibility:hidden;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{-ms-overflow-style:none;scrollbar-width:none;border-radius:var(--radius-lg);background:#fffffff2;width:90%;max-width:1000px;max-height:90vh;padding:40px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow-y:auto;transform:translateY(20px)scale(.95);box-shadow:0 25px 50px #0003}.modal-content::-webkit-scrollbar{display:none}.modal-overlay.active .modal-content{transform:translateY(0)scale(1)}.modal-close{color:var(--accent);cursor:pointer;z-index:10;background:#c312091a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background:var(--accent);color:#fff;transform:rotate(90deg)}.modal-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.modal-grid .course-card{padding:25px}@media (width<=768px){.modal-content{width:95%;padding:30px 20px}.modal-grid{grid-template-columns:1fr}}.video-testimonials{background:linear-gradient(135deg, var(--bg-primary) 0%, #faede1 50%, var(--bg-secondary) 100%);padding:100px 0 40px;position:relative;overflow:hidden}.video-testimonials:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#c312090f 0%,#0000 60%);width:80vw;height:80vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-testimonials .container{z-index:2;position:relative}.video-carousel-wrapper{width:100%;position:relative}.carousel-nav-btn{color:#fff;cursor:pointer;z-index:10;background:#c31209;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:35%;transform:translateY(-50%);box-shadow:0 4px 12px #c312094d}.carousel-nav-btn:hover{background:#990c06;transform:translateY(-50%)scale(1.1);box-shadow:0 6px 16px #c3120966}.carousel-nav-btn.prev-btn{left:-80px}.carousel-nav-btn.next-btn{right:-80px}@media (width<=1024px){.carousel-nav-btn{display:none}}.video-carousel{touch-action:pan-x;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;width:100%;margin-top:50px;padding-bottom:40px;overflow:auto hidden}.video-carousel::-webkit-scrollbar{display:none}.video-track{width:max-content;padding:0 30px;display:flex}.video-card{scroll-snap-align:center;touch-action:pan-x;background:0 0;border-radius:12px;flex:none;justify-content:center;width:300px;max-width:85vw;margin-right:24px;padding:0;transition:transform .4s;display:flex}.video-card:last-child{margin-right:0}.video-card:hover{transform:translateY(-8px)}.video-card .instagram-media{clip-path:inset(1px 1px 180px round 24px)!important;width:100%!important;min-width:unset!important;background:0 0!important;border-radius:24px!important;margin:0 0 -180px!important;overflow:hidden!important;box-shadow:0 10px 30px #0000001a!important}@media (width<=768px){.video-track{padding:0 20px}.video-card{width:280px;margin-right:20px}}.price-pill{color:#111;background:#ffde59;border-radius:20px;padding:4px 12px;font-weight:700}.stars svg,.star-rating,.testimonial-stars{color:#ffde59!important;fill:#ffde59!important}.cta-button:hover,.carousel-nav-btn:hover{transform:translateY(-2px);color:#fff!important;background:linear-gradient(135deg,#c31209,#fe0489)!important;box-shadow:0 8px 25px #fe048966!important}.feature-icon svg,.why-choose-icon svg,.stat-item svg{stroke:#fe0489}.course-card:hover{box-shadow:0 15px 40px #fe048926!important}.course-features{padding-left:0;list-style:none}.course-features li{margin-bottom:12px;padding-left:30px;position:relative}.course-features li:before{content:"✔";color:#fe0489;font-size:1.1rem;font-weight:900;position:absolute;top:0;left:0}.why-mandarin .text-white{color:#fff!important}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;display:grid}.benefit-card{text-align:center;background:#fff;border:1.5px solid #0000000f;border-top:4px solid #fe0489;border-radius:20px;padding:40px 30px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #00000014}.benefit-card:hover{transform:translateY(-10px);box-shadow:0 24px 56px #fe048926}.benefit-icon{background:#fe04891a;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:3rem;display:inline-flex}.benefit-card h3{color:#c31209;margin-bottom:15px;font-size:1.4rem;font-weight:800}.benefit-card p{color:var(--text-secondary);line-height:1.65}.kit-form{gap:15px;max-width:550px;margin:0 auto;display:flex}.kit-input{background:#fff;border:2px solid #111;border-radius:30px;outline:none;flex:1;padding:18px 25px;font-family:inherit;font-size:1.1rem}.kit-input:focus{box-shadow:0 0 0 4px #1113}.kit-form .btn-primary:hover{transform:translateY(-2px);background:#333!important}@media (width<=576px){.kit-form{flex-direction:column}.kit-form button{justify-content:center;width:100%}}.yellow-kit-card{background:#ffde59;border-radius:20px;max-width:800px;margin:0 auto;padding:60px 40px;box-shadow:0 10px 30px #ffde594d}.meet-teacher{overflow:hidden}.teacher-split{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.teacher-image-col{position:relative}.teacher-image-frame{border-radius:24px;justify-content:center;display:flex;position:relative;overflow:visible}.teacher-portrait{filter:drop-shadow(0 20px 60px #c3120933);border-radius:24px;width:100%;max-width:420px;display:block}.teacher-badge{text-align:center;background:linear-gradient(135deg,#c31209,#fe0489);border:none;border-radius:12px;padding:8px 16px;position:absolute;bottom:40px;left:-20px;box-shadow:0 8px 25px #c312094d}.teacher-badge-2{inset:30px -20px auto auto}.teacher-badge-num{color:#fff;font-size:1.4rem;font-weight:900;line-height:1;display:block}.teacher-badge-label{color:#fffffff2;text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:600}.teacher-bio{color:var(--text-secondary);margin:20px 0 30px;font-size:1.1rem;line-height:1.8}.teacher-pillars{flex-direction:column;gap:18px;margin-bottom:30px;display:flex}.teacher-pillar{align-items:flex-start;gap:16px;display:flex}.pillar-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.teacher-pillar strong{color:var(--text-primary);margin-bottom:3px;font-size:1rem;font-weight:700;display:block}.teacher-pillar span{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.journey-steps{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:28px;display:grid;position:relative}.journey-step{text-align:center;flex-direction:column;align-items:center;padding:0 8px;display:flex;position:relative}.step-number{z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:0;font-size:1.25rem;font-weight:900;display:flex;box-shadow:0 6px 24px #00000038}.step-connector{z-index:1;background:linear-gradient(90deg,#fe0489,#ffde59);width:calc(100% - 30px);height:3px;position:absolute;top:30px;left:calc(50% + 30px)}.step-connector.last{display:none}.step-card{background:#fff;border:1.5px solid #0000000f;border-radius:20px;flex-direction:column;flex:1;width:100%;margin-top:22px;padding:28px 22px 26px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 8px 32px #00000014}.journey-step:nth-child(odd) .step-card{border-top:4px solid #fe0489}.journey-step:nth-child(2n) .step-card{border-top:4px solid #ffde59}.step-card:hover{transform:translateY(-10px);box-shadow:0 24px 56px #00000021}.step-icon{background:#fe048917;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:2.6rem;display:flex}.journey-step:nth-child(2n) .step-icon{background:#ffde5940}.step-card h3{color:var(--text-primary);margin-bottom:10px;font-size:1.15rem;font-weight:800}.journey-step:nth-child(odd) .step-card h3{color:#c31209}.journey-step:nth-child(2n) .step-card h3{color:#b8860b}.step-card p{color:var(--text-secondary);font-size:.93rem;line-height:1.65}.mini-challenge{overflow:hidden}.challenge-card-wrapper{background:#fff;border:1px solid #0000000f;border-radius:24px;max-width:700px;margin:0 auto;padding:40px;box-shadow:0 20px 60px #0000001a}.challenge-score-bar{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:30px;font-size:1rem;font-weight:600;display:flex}.quiz-reset-btn{cursor:pointer;color:#666;background:0 0;border:2px solid #e0e0e0;border-radius:20px;padding:6px 18px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.quiz-reset-btn:hover{color:#c31209;border-color:#c31209}.quiz-question{margin-bottom:20px}.quiz-q-label{text-transform:uppercase;letter-spacing:1px;color:#fe0489;margin-bottom:8px;font-size:.8rem;font-weight:700}.quiz-q-text{color:var(--text-primary);margin-bottom:20px;font-size:1.4rem;font-weight:800}.quiz-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quiz-option{cursor:pointer;text-align:left;color:var(--text-primary);background:#fafafa;border:2px solid #e8e8e8;border-radius:14px;padding:16px 20px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s}@media (hover:hover){.quiz-option:hover:not(:disabled){background:#fe04890d;border-color:#fe0489}}.quiz-option:active:not(:disabled){background:#fe04891a;border-color:#fe0489;transform:scale(.98)}.quiz-option.correct{color:#16a34a;background:#22c55e1a;border-color:#22c55e}.quiz-option.wrong{color:#dc2626;background:#ef44441a;border-color:#ef4444}.quiz-option:disabled{cursor:default}.quiz-result{text-align:center;padding:20px 0}.result-emoji{margin-bottom:16px;font-size:4rem}.quiz-result h3{margin-bottom:10px;font-size:2rem;font-weight:900}.quiz-result p{color:var(--text-secondary);font-size:1.1rem}@media (width<=900px){.teacher-split{grid-template-columns:1fr;gap:40px}.teacher-badge{display:none}.journey-steps{grid-template-columns:1fr 1fr;gap:30px}.step-connector{display:none}}@media (width<=576px){.journey-steps,.quiz-options{grid-template-columns:1fr}.challenge-card-wrapper{padding:24px 18px}}.course-card-yellow:before{background:linear-gradient(90deg,#ffde59,#f0ca30)}#scroll-progress-bar{z-index:99999;background:linear-gradient(90deg,#c31209,#fe0489,#ffde59);border-radius:0 2px 2px 0;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}@keyframes slowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating-globe{transform-origin:50%;animation:8s linear infinite slowRotate;display:inline-block}
