*{margin:0;padding:0;box-sizing:border-box}:root{--systemFont:ui-sans-serif,-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--brand-primary:#5f56fe;--brand-primary-light:#eeecff;--brand-primary-medium:#d4d0ff;--brand-primary-dark:#4840c7;--text-dark:#0f0f0f;--text-gray:#64748b;--text-light:#717171;--green-check:#22c55e;--green-bg:#e8f9e8;--peach-bg:#ffe8e0;--yellow-bg:#fff5dc;--cyan-bg:#dcf5fa;--lavender-bg:#eeeaff;--bg-white:#fff;--bg-off-white:#fafafa;--border-light:rgba(95,86,254,.08)}html{scroll-behavior:smooth}body,html{font-family:var(--systemFont)}body{background:var(--bg-white);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.018;z-index:10000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}h1,h2,h4{font-family:var(--systemFont)}::selection{background:var(--brand-primary);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-off-white)}::-webkit-scrollbar-thumb{background:var(--brand-primary-medium);border-radius:4px}.bg-grid{top:0;left:0;width:100%;height:100%;z-index:-2;background-image:linear-gradient(rgba(95,86,254,.03) 1px,transparent 0),linear-gradient(90deg,rgba(95,86,254,.03) 1px,transparent 0);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 0,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0,transparent 70%)}.bg-grid,.gradient-orb{position:fixed;pointer-events:none}.gradient-orb{border-radius:50%;filter:blur(80px);z-index:-1;opacity:.4}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(95,86,254,.15) 0,transparent 70%);top:-200px;right:-200px;animation:orbFloat1 20s ease-in-out infinite}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,127,253,.12) 0,transparent 70%);bottom:20%;left:-150px;animation:orbFloat2 25s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(-50px,50px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(80px,-40px)}}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal-left.active{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal-right.active{opacity:1;transform:translateX(0)}.reveal-scale{opacity:0;transform:scale(.9);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal-scale.active{opacity:1;transform:scale(1)}.bento-reveal{opacity:0;transform:translateY(60px) scale(.95);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.bento-reveal.active{opacity:1;transform:translateY(0) scale(1)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-ripple:active:after{width:300px;height:300px}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 rgba(95,86,254,.4)}50%{box-shadow:0 0 0 15px rgba(95,86,254,0)}}.gradient-text-animated{background:linear-gradient(135deg,var(--brand-primary) 0,#8b7ffd 25%,#a78bfa 50%,#8b7ffd 75%,var(--brand-primary) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes badgePulse{0%,to{box-shadow:0 2px 10px rgba(0,0,0,.04),0 0 0 0 rgba(95,86,254,0)}50%{box-shadow:0 2px 10px rgba(0,0,0,.04),0 0 0 6px rgba(95,86,254,.08)}}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes lineReveal{to{transform:translateY(0)}}@keyframes highlightGrow{to{transform:scaleX(1)}}@keyframes particleFly{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:1;transform:translateY(-10px) scale(1)}80%{opacity:1;transform:translateY(-30px) scale(1)}to{opacity:0;transform:translateY(-50px) scale(0)}}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-12px) rotate(-3deg)}66%{transform:translateY(-6px) rotate(3deg)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}}@keyframes pulseBox{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bentoPathPulse{0%,to{box-shadow:0 0 0 0 rgba(95,86,254,.5)}50%{box-shadow:0 0 0 10px rgba(95,86,254,0)}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes checkItemFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}@keyframes bounceConstrained{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.03)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes rayPulse{0%,to{opacity:.25}50%{opacity:.6}}@keyframes modeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes cornerSparkle{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}@keyframes borderShine{0%{background-position:0 50%}to{background-position:300% 50%}}@keyframes glowMove{0%,to{background-position:-100% 50%;opacity:.4}50%{background-position:200% 50%;opacity:.8}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes rocketBounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(5deg)}75%{transform:translateY(2px) rotate(-3deg)}}@keyframes birdFloat{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes particleTrail{0%{opacity:.8;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-30px,20px) scale(0)}}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.9}}@keyframes ringRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ctaBgMove{0%,to{transform:translate(0)}50%{transform:translate(15px,15px)}}@keyframes particleFloat{0%{transform:translateY(80px) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-80px) scale(1);opacity:0}}@keyframes ctaSparkle{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.4) rotate(180deg)}}.leyaa-animation-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.8) 0,transparent 70%);border-radius:24px}.leyaa-animation-wrapper svg{width:100%;height:100%;max-width:100%}.mastered{fill:#e2e8f0;animation:masteredDissolve 24s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes masteredDissolve{0%{fill:#e2e8f0;transform:scale(0);opacity:0}2%,4%{fill:#e2e8f0;transform:scale(1);opacity:1}8%{fill:#86efac;transform:scale(1);opacity:1}14%,98%{fill:#86efac;transform:scale(0);opacity:0}to{fill:#e2e8f0;transform:scale(0);opacity:0}}.g1{animation-delay:0s}.g2{animation-delay:.03s}.g3{animation-delay:.06s}.g4{animation-delay:.09s}.g5{animation-delay:.05s}.g6{animation-delay:.08s}.g7{animation-delay:.02s}.g8{animation-delay:.11s}.g9{animation-delay:.04s}.g10{animation-delay:.1s}.g11{animation-delay:.01s}.g12{animation-delay:.07s}.g13{animation-delay:.04s}.g14{animation-delay:.1s}.g15{animation-delay:.03s}.g16{animation-delay:.08s}.g17{animation-delay:.06s}.g18{animation-delay:.11s}.g19{animation-delay:.01s}.g20{animation-delay:.12s}.g21{animation-delay:.05s}.learn,.practice,.revision{fill:#e2e8f0;transform-origin:center;transform-box:fill-box}.l1{animation:learnL1 24s ease-in-out infinite}@keyframes learnL1{0%{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}2%,4%{fill:#e2e8f0;transform:translate(0) scale(1);opacity:1}10%{fill:#fca5a5;transform:translate(0) scale(1);opacity:1}16%,58%{fill:#fca5a5;transform:translate(-7px,15px) scale(1);opacity:1}62%{fill:#86efac;transform:translate(-7px,15px) scale(1);opacity:1}68%,98%{fill:#86efac;transform:translate(-7px,15px) scale(0);opacity:0}to{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}}.l2{animation:learnL2 24s ease-in-out .05s infinite}@keyframes learnL2{0%{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}2%,4%{fill:#e2e8f0;transform:translate(0) scale(1);opacity:1}10%{fill:#fca5a5;transform:translate(0) scale(1);opacity:1}16%,58%{fill:#fca5a5;transform:translate(19px,-15px) scale(1);opacity:1}62%{fill:#86efac;transform:translate(19px,-15px) scale(1);opacity:1}68%,98%{fill:#86efac;transform:translate(19px,-15px) scale(0);opacity:0}to{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}}.l3{animation:learnL3 24s ease-in-out .08s infinite}@keyframes learnL3{0%{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}2%,4%{fill:#e2e8f0;transform:translate(0) scale(1);opacity:1}10%{fill:#fca5a5;transform:translate(0) scale(1);opacity:1}16%,33%{fill:#fca5a5;transform:translate(3px,-45px) scale(1);opacity:1}38%{fill:#86efac;transform:translate(3px,-45px) scale(1);opacity:1}44%,98%{fill:#86efac;transform:translate(3px,-45px) scale(0);opacity:0}to{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}}.p1{animation:practiceP1 24s ease-in-out .03s infinite}@keyframes practiceP1{0%{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}2%,4%{fill:#e2e8f0;transform:translate(0) scale(1);opacity:1}12%{fill:#fde68a;transform:translate(0) scale(1);opacity:1}18%,80%{fill:#fde68a;transform:translate(-133px,55px) scale(1);opacity:1}85%{fill:#86efac;transform:translate(-133px,55px) scale(1);opacity:1}90%,98%{fill:#86efac;transform:translate(-133px,55px) scale(0);opacity:0}to{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}}.p2{animation:practiceP2 24s ease-in-out .05s infinite}@keyframes practiceP2{0%{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}2%,4%{fill:#e2e8f0;transform:translate(0) scale(1);opacity:1}12%{fill:#fde68a;transform:translate(0) scale(1);opacity:1}18%,35%{fill:#fde68a;transform:translate(61px,-5px) scale(1);opacity:1}40%{fill:#86efac;transform:translate(61px,-5px) scale(1);opacity:1}46%,98%{fill:#86efac;transform:translate(61px,-5px) scale(0);opacity:0}to{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}}.p3{animation:practiceP3 24s ease-in-out .07s infinite}@keyframes practiceP3{0%{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}2%,4%{fill:#e2e8f0;transform:translate(0) scale(1);opacity:1}12%{fill:#fde68a;transform:translate(0) scale(1);opacity:1}18%,58%{fill:#fde68a;transform:translate(3px,-35px) scale(1);opacity:1}62%{fill:#86efac;transform:translate(3px,-35px) scale(1);opacity:1}68%,98%{fill:#86efac;transform:translate(3px,-35px) scale(0);opacity:0}to{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}}.r1{animation:revisionR1 24s ease-in-out .04s infinite}@keyframes revisionR1{0%{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}2%,4%{fill:#e2e8f0;transform:translate(0) scale(1);opacity:1}14%{fill:#93c5fd;transform:translate(0) scale(1);opacity:1}20%,37%{fill:#93c5fd;transform:translate(-57px,65px) scale(1);opacity:1}42%{fill:#86efac;transform:translate(-57px,65px) scale(1);opacity:1}48%,98%{fill:#86efac;transform:translate(-57px,65px) scale(0);opacity:0}to{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}}.r2{animation:revisionR2 24s ease-in-out .06s infinite}@keyframes revisionR2{0%{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}2%,4%{fill:#e2e8f0;transform:translate(0) scale(1);opacity:1}14%{fill:#93c5fd;transform:translate(0) scale(1);opacity:1}20%,39%{fill:#93c5fd;transform:translate(53px,5px) scale(1);opacity:1}44%{fill:#86efac;transform:translate(53px,5px) scale(1);opacity:1}50%,98%{fill:#86efac;transform:translate(53px,5px) scale(0);opacity:0}to{fill:#e2e8f0;transform:translate(0) scale(0);opacity:0}}.how-it-works-animation{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.how-it-works-animation svg{width:100%;height:auto;max-height:100%}.how-it-works-horizontal{display:block}.how-it-works-vertical{display:none}@media (max-width:768px){.how-it-works-horizontal{display:none}.how-it-works-vertical{display:block}}