html{scroll-behavior:smooth}.hero-section{background:radial-gradient(ellipse 120% 80% at 50% 40%, #1a1f4e 0%, #0f1225 50%, #080a18 100%)}#hero-canvas{opacity:0;transition:opacity 1.5s ease}#hero-canvas.is-ready{opacity:1}.hero-svg-layer{pointer-events:none;opacity:0;animation:heroSvgIn 2s 0.3s ease forwards}@keyframes heroSvgIn{to{opacity:1}}.hero-grain{pointer-events:none}.hero-grain::before{content:'';position:absolute;inset:0;opacity:0.025;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.75'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(/%23a)'/%3E%3C/svg%3E")}@keyframes heroRing1{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes heroRing2{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}@keyframes heroRing3{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.hero-ring-1{animation:heroRing1 90s linear infinite;transform-origin:720px 450px}.hero-ring-2{animation:heroRing2 120s linear infinite;transform-origin:720px 450px}.hero-ring-3{animation:heroRing3 160s linear infinite;transform-origin:720px 450px}@keyframes heroOrb1{0%{transform:rotate(0deg) translateX(260px) rotate(0deg)}100%{transform:rotate(360deg) translateX(260px) rotate(-360deg)}}@keyframes heroOrb2{0%{transform:rotate(0deg) translateX(340px) rotate(0deg)}100%{transform:rotate(-360deg) translateX(340px) rotate(360deg)}}@keyframes heroOrb3{0%{transform:rotate(0deg) translateX(420px) rotate(0deg)}100%{transform:rotate(360deg) translateX(420px) rotate(-360deg)}}.hero-orb-1{transform-origin:720px 450px;animation:heroOrb1 45s linear infinite}.hero-orb-2{transform-origin:720px 450px;animation:heroOrb2 70s linear infinite}.hero-orb-3{transform-origin:720px 450px;animation:heroOrb3 55s linear infinite}@keyframes heroGlowBreathe{0%,100%{r:320;opacity:0.08}50%{r:380;opacity:0.14}}.hero-center-glow{animation:heroGlowBreathe 8s ease-in-out infinite}.hero-grid-mark{transition:opacity 0.3s ease}@keyframes heroLineReveal{from{transform:translateY(110%)}to{transform:translateY(0)}}.hero-line-reveal{display:block;transform:translateY(110%);animation:heroLineReveal 0.8s var(--line-delay, 0s) cubic-bezier(0.16, 1, 0.3, 1) forwards}.hero-accent-word{position:relative;color:#f6ec30;text-shadow:0 0 40px rgba(246,236,48,0.3)}.hero-accent-word::after{content:'';position:absolute;left:0;bottom:0.05em;width:100%;height:0.06em;background:linear-gradient(90deg, rgba(246,236,48,0.8), rgba(246,236,48,0.1));border-radius:1px;transform:scaleX(0);transform-origin:left;animation:heroAccentLine 0.6s 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards}@keyframes heroAccentLine{to{transform:scaleX(1)}}@keyframes heroStaggerIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-stagger{opacity:0;transform:translateY(24px);animation:heroStaggerIn 0.7s calc(var(--stagger-delay, 0) * 1s) cubic-bezier(0.16, 1, 0.3, 1) forwards}@keyframes heroPulseDot{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(52,211,153,0.6)}50%{opacity:0.7;box-shadow:0 0 0 4px rgba(52,211,153,0)}}.hero-pulse-dot{animation:heroPulseDot 2s ease-in-out infinite}.hero-cta-btn{padding:1rem 2.5rem;border-radius:9999px;background:linear-gradient(135deg, #f6ec30, #e8c820);color:#141838;box-shadow:0 0 0 1px rgba(246,236,48,0.3),0 4px 24px rgba(246,236,48,0.2),0 1px 3px rgba(0,0,0,0.2);position:relative;overflow:hidden}.hero-cta-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition:left 0.6s ease}.hero-cta-btn:hover{background:linear-gradient(135deg, #f8f040, #f0d428);box-shadow:0 0 0 1px rgba(246,236,48,0.5),0 8px 40px rgba(246,236,48,0.35),0 2px 6px rgba(0,0,0,0.15);transform:translateY(-2px)}.hero-cta-btn:hover::before{left:100%}.hero-stat-divider{width:1px;height:2rem;background:linear-gradient(to bottom, transparent, rgba(255,255,255,0.08), transparent)}.hero-scroll-indicator{width:1.5rem;height:2.5rem;border-radius:9999px;border:1.5px solid rgba(105,112,182,0.25);display:flex;justify-content:center;padding-top:0.4rem}.hero-scroll-dot{width:3px;height:6px;border-radius:9999px;background:rgba(105,112,182,0.5);animation:heroScrollDot 2s ease-in-out infinite}@keyframes heroScrollDot{0%,100%{transform:translateY(0);opacity:0.5}50%{transform:translateY(10px);opacity:1}}@keyframes markSweep{to{background-size:100% 100%}}.text-mark{background-image:linear-gradient(transparent 64%, rgba(246,236,48,0.35) 64%);background-size:0% 100%;background-repeat:no-repeat;animation:markSweep 0.4s 0.65s ease forwards}.section-canvas{pointer-events:none;opacity:0;transition:opacity 1.2s ease}.section-canvas.is-ready{opacity:1}@keyframes fadeIn{to{opacity:1}}.hero-fade{opacity:0;animation:fadeIn 0.5s ease forwards}.coach-tip{position:relative;border-left:3px solid #f6ec30;background:linear-gradient(135deg, rgba(246,236,48,0.04), rgba(246,236,48,0.01));border-radius:0 1rem 1rem 0;padding:1.25rem 1.5rem 1.25rem 1.25rem;font-size:0.875rem;line-height:1.6}.coach-tip-dark{border-left-color:rgba(246,236,48,0.5);background:linear-gradient(135deg, rgba(246,236,48,0.06), rgba(246,236,48,0.02))}@keyframes coachTipIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.coach-tip.is-visible{animation:coachTipIn 0.6s ease forwards}.screen-inset{border-radius:0.75rem 0.75rem 0 0;overflow:hidden;border:1px solid #dde0f6;border-bottom:none}.screen-inset img{display:block}.screen-inset-dark{border-color:rgba(255,255,255,0.08)}.reveal{opacity:0;transform:translateY(48px);transition:opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),transform 0.9s cubic-bezier(0.22, 1, 0.36, 1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.grid>.reveal:nth-child(2){transition-delay:0.15s}.chapter-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.35rem 1rem;border-radius:9999px;font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.typewriter-cursor::after{content:'|';animation:blink 0.8s step-end infinite;margin-left:2px;color:#f6ec30}@keyframes pulse-ring{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(246,236,48,0.5)}70%{transform:scale(1);box-shadow:0 0 0 12px rgba(246,236,48,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(246,236,48,0)}}.pulse-cta{animation:pulse-ring 2s ease-in-out infinite}@keyframes phone-ring{0%,100%{transform:rotate(0deg)}10%{transform:rotate(15deg)}20%{transform:rotate(-13deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-8deg)}50%{transform:rotate(0deg)}}.phone-ringing{animation:phone-ring 1.2s ease-in-out infinite;transform-origin:50% 90%}.game-card{transition:transform 0.2s ease, box-shadow 0.2s ease;cursor:pointer}.game-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.12)}.notebook-bg{background-image:repeating-linear-gradient(transparent, transparent 31px, #e8d4b8 31px, #e8d4b8 32px);background-color:#fdf6e3}.excel-grid{font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:12px}.excel-grid th,.excel-grid td{border:1px solid #d4d4d4;padding:3px 8px;text-align:left}.excel-grid th{background:#e2efda;font-weight:600;color:#333}.excel-grid tr:hover td{background:#dce6f1}.story-progress{position:fixed;top:64px;left:0;height:3px;background:linear-gradient(90deg, #f6ec30, #4e55a0);z-index:40;transition:width 0.3s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.story-fade{opacity:0}.story-fade.is-visible{animation:fadeInUp 0.8s ease forwards}@keyframes scaleIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn 0.4s ease forwards}@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.shake{animation:shake 0.4s ease}.gradient-text{background:linear-gradient(135deg, #f6ec30, #e8a030);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes hero-wave-flow-1{0%,100%{transform:translateX(0)}50%{transform:translateX(-60px)}}@keyframes hero-wave-flow-2{0%,100%{transform:translateX(0)}50%{transform:translateX(50px)}}@keyframes hero-wave-flow-3{0%,100%{transform:translateX(0)}50%{transform:translateX(-40px)}}.hero-wave-1{animation:hero-wave-flow-1 8s ease-in-out infinite}.hero-wave-2{animation:hero-wave-flow-2 10s ease-in-out infinite}.hero-wave-3{animation:hero-wave-flow-3 12s ease-in-out infinite}@keyframes hero-droplet-float{0%,100%{transform:translateY(0) scale(1);opacity:0.15}50%{transform:translateY(-20px) scale(1.2);opacity:0.3}}.hero-droplet{animation:hero-droplet-float 6s ease-in-out infinite}@keyframes hero-ripple-expand{0%{r:40;opacity:0.08}100%{r:120;opacity:0}}.hero-ripple{animation:hero-ripple-expand 5s ease-out infinite}@keyframes reveal-water-rise{0%{transform:translateY(600px)}100%{transform:translateY(100px)}}.reveal-water-fill{animation:reveal-water-rise 20s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards}@keyframes reveal-wave-drift-1{0%,100%{transform:translateX(0)}50%{transform:translateX(-30px)}}@keyframes reveal-wave-drift-2{0%,100%{transform:translateX(0)}50%{transform:translateX(25px)}}.reveal-wave-1{animation:reveal-wave-drift-1 4s ease-in-out infinite}.reveal-wave-2{animation:reveal-wave-drift-2 5.5s ease-in-out infinite}@keyframes reveal-outline-pulse{0%,100%{stroke:rgba(105,112,182,0.1)}50%{stroke:rgba(105,112,182,0.2)}}.reveal-drop-outline{animation:reveal-outline-pulse 4s ease-in-out infinite}@keyframes reveal-bubble-rise{0%,100%{transform:translateY(0);opacity:0.06}50%{transform:translateY(-30px);opacity:0.12}}.reveal-bubble{animation:reveal-bubble-rise 5s ease-in-out infinite}@keyframes water-divider-drift{0%,100%{d:path("M0,30 C240,60 480,0 720,30 C960,60 1200,0 1440,30 L1440,60 L0,60 Z")}50%{d:path("M0,30 C240,0 480,60 720,30 C960,0 1200,60 1440,30 L1440,60 L0,60 Z")}}.water-divider-wave{animation:water-divider-drift 6s ease-in-out infinite}@keyframes water-drop-pulse{0%,100%{fill:rgba(255,255,255,0.2)}50%{fill:rgba(255,255,255,0.35)}}.water-drop-animate{animation:water-drop-pulse 3s ease-in-out infinite}@keyframes cta2-wave-flow-1{0%,100%{transform:translateX(0)}50%{transform:translateX(-40px)}}@keyframes cta2-wave-flow-2{0%,100%{transform:translateX(0)}50%{transform:translateX(30px)}}.cta2-wave-1{animation:cta2-wave-flow-1 7s ease-in-out infinite}.cta2-wave-2{animation:cta2-wave-flow-2 9s ease-in-out infinite}@keyframes pricing-wave-1{0%,100%{transform:translateX(0)}50%{transform:translateX(-50px)}}@keyframes pricing-wave-2{0%,100%{transform:translateX(0)}50%{transform:translateX(40px)}}.pricing-wave-1{animation:pricing-wave-1 8s ease-in-out infinite}.pricing-wave-2{animation:pricing-wave-2 11s ease-in-out infinite}@keyframes price-drop-fill-rise{0%{transform:translateY(60px)}100%{transform:translateY(10px)}}.price-drop-fill{animation:price-drop-fill-rise 8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards}@keyframes price-wave-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(-15px)}}.price-wave-1{animation:price-wave-drift 3s ease-in-out infinite}@keyframes reg-form-bubble-float{0%,100%{transform:translateY(0);opacity:0.3}50%{transform:translateY(-5px);opacity:0.6}}.reg-form-bubble{animation:reg-form-bubble-float 3s ease-in-out infinite}@keyframes cta-final-bubble-float{0%,100%{transform:translateY(0);opacity:0.08}50%{transform:translateY(-4px);opacity:0.15}}.cta-final-bubble{animation:cta-final-bubble-float 4s ease-in-out infinite}.reg-overlay{background:rgba(247,248,253,0.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@keyframes reg-fill-rise{0%{transform:translateY(170px)}15%{transform:translateY(130px)}35%{transform:translateY(90px)}55%{transform:translateY(55px)}75%{transform:translateY(30px)}90%{transform:translateY(15px)}100%{transform:translateY(8px)}}.reg-water-group{animation:reg-fill-rise 55s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards}.reg-progress-bar{background:linear-gradient(90deg, #6970b6, #383f85);transition:width 1.2s cubic-bezier(0.22, 1, 0.36, 1)}#reg-substatus{transition:opacity 0.3s ease}@keyframes reg-wave-drift-1{0%,100%{transform:translateX(0)}50%{transform:translateX(-25px)}}.reg-wave-1{animation:reg-wave-drift-1 2.5s ease-in-out infinite}@keyframes reg-wave-drift-2{0%,100%{transform:translateX(0)}50%{transform:translateX(20px)}}.reg-wave-2{animation:reg-wave-drift-2 3.8s ease-in-out infinite}@keyframes reg-outline-pulse{0%,100%{stroke:#b8bde8}50%{stroke:#6970b6}}.reg-drop-outline{animation:reg-outline-pulse 3s ease-in-out infinite;transition:stroke 0.3s ease}@keyframes reg-shine{0%,100%{opacity:0.3}50%{opacity:0.7}}.reg-drop-shine{animation:reg-shine 2s ease-in-out infinite}@keyframes reg-dots{0%,20%{content:''}40%{content:'.'}60%{content:'..'}80%,100%{content:'...'}}.reg-dots::after{content:'';animation:reg-dots 1.5s step-end infinite}@keyframes reg-circle-draw{to{stroke-dashoffset:0}}.reg-check-circle{stroke-dasharray:277;stroke-dashoffset:277}.reg-check-circle.animate{animation:reg-circle-draw 0.7s cubic-bezier(0.65, 0, 0.35, 1) forwards}@keyframes reg-check-draw{to{stroke-dashoffset:0}}.reg-check-mark{stroke-dasharray:60;stroke-dashoffset:60}.reg-check-mark.animate{animation:reg-check-draw 0.4s 0.35s cubic-bezier(0.65, 0, 0.35, 1) forwards}@keyframes reg-success-enter{from{opacity:0;transform:translateY(20px) scale(0.92)}to{opacity:1;transform:translateY(0) scale(1)}}.reg-success-enter{animation:reg-success-enter 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards}.lg-header{background:linear-gradient(135deg, #383f85 0%, #2d3370 100%)}.lg-courier-btn{background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.7);border:2px solid transparent}.lg-courier-btn.lg-c1-active{background:rgba(59,130,246,0.2);color:#fff;border-color:#3b82f6;box-shadow:0 0 10px rgba(59,130,246,0.3)}.lg-courier-btn.lg-c2-active{background:rgba(239,68,68,0.2);color:#fff;border-color:#ef4444;box-shadow:0 0 10px rgba(239,68,68,0.3)}#lg-map{background-color:#f5f7fb;background-image:linear-gradient(rgba(148,163,184,0.12) 1px, transparent 1px),linear-gradient(90deg, rgba(148,163,184,0.12) 1px, transparent 1px);background-size:10% 10%}.lg-dot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#94a3b8;border:2px solid #cbd5e1;z-index:5;cursor:pointer;transition:transform 0.12s ease, background 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease}.lg-dot:hover{transform:scale(1.5) !important;box-shadow:0 0 8px rgba(0,0,0,0.25);z-index:6}@media (max-width: 640px){.lg-dot{width:16px;height:16px;margin:-8px 0 0 -8px}}#lg-auto-btn:hover{transform:scale(1.08) !important;box-shadow:0 4px 24px rgba(246,236,48,0.5)}#lg-algo-bar:not(.hidden)>div{animation:scaleIn 0.3s ease forwards}#lg-tooltip{font-size:12px;line-height:1.5;max-width:240px}#lg-tooltip b{font-weight:700}@media (prefers-reduced-motion: reduce){.hero-line,.reveal,.story-fade{animation:none !important;transform:none !important;opacity:1 !important;transition:none !important}.hero-fade{animation:none !important;opacity:1 !important}.text-mark{animation:none !important;background-size:100% 100% !important}.phone-ringing,.pulse-cta{animation:none !important}.coach-tip.is-visible{animation:none !important;transform:none !important;opacity:1 !important}.hero-svg-layer{animation:none !important;opacity:1 !important}#hero-canvas,.section-canvas{display:none !important}.hero-ring-1,.hero-ring-2,.hero-ring-3,.hero-orb-1,.hero-orb-2,.hero-orb-3,.hero-center-glow,.hero-pulse-dot,.hero-scroll-dot{animation:none !important;transform:none !important}.hero-line-reveal{animation:none !important;transform:none !important}.hero-stagger{animation:none !important;opacity:1 !important;transform:none !important}.hero-accent-word::after{animation:none !important;transform:scaleX(1) !important}.hero-cta-btn::before{display:none !important}.hero-wave-1,.hero-wave-2,.hero-wave-3,.hero-droplet,.hero-ripple,.reveal-water-fill,.reveal-wave-1,.reveal-wave-2,.reveal-drop-outline,.reveal-bubble,.water-divider-wave,.water-drop-animate,.cta2-wave-1,.cta2-wave-2,.pricing-wave-1,.pricing-wave-2,.price-drop-fill,.price-wave-1,.reg-form-bubble,.cta-final-bubble,.reg-water-group,.reg-wave-1,.reg-wave-2,.reg-drop-outline,.reg-drop-shine,.reg-dots::after,.reg-check-circle.animate,.reg-check-mark.animate,.reg-success-enter{animation:none !important;transform:none !important;opacity:1 !important;stroke-dashoffset:0 !important}.reg-water-group,.reveal-water-fill,.price-drop-fill{transform:translateY(0) !important}}