@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}.fade-in{opacity:0;transform:translateY(10px);transition:opacity .5s ease-out,transform .5s ease-out}.slide-in{opacity:0;transform:translate(-50px);transition:opacity .5s ease-out,transform .5s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in.visible{opacity:1;transform:translate(0)}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fadeIn{animation:fadeIn .3s ease-in-out}.animate-slideDown{animation:slideDown .3s ease-out}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;z-index:9999;display:block;padding:1rem}.menu-content{padding-top:4rem;color:#fff;font-size:1.25rem}.menu-link{display:block;padding:.75rem 0;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.menu-button{display:block;width:100%;padding:.75rem;margin-top:1rem;border-radius:9999px;text-align:center}.close-button{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.pulse{animation:pulse 3s infinite}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.03)}.shadow-glow{box-shadow:0 0 10px #fff6}.mobile-menu{transform:translate(-100%);transition:transform .3s ease-in-out}.mobile-menu.open{transform:translate(0)}.section{opacity:0;transform:translateY(10px);transition:all .5s ease-out}.section.visible{opacity:1;transform:translateY(0)}.hero-section{position:relative;overflow:visible;width:100%;margin-top:-76px;padding-top:76px}.hero-pattern-container{position:absolute;top:0;left:-50vw;right:-50vw;width:200vw;height:600px;z-index:0;pointer-events:none;margin-top:-76px}.hero-pattern-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center top,rgba(139,92,246,.08) 0%,rgba(139,92,246,.02) 40%,transparent 70%);z-index:1}.hero-pattern-container:after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(to bottom,#0000,#000);z-index:2}.pattern-fullwidth{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(139,92,246,.03) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(139,92,246,.03) 1px,transparent 1px);background-size:50px 50px;z-index:0;width:100%}.pattern-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right,rgba(139,92,246,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(139,92,246,.02) 1px,transparent 1px);background-size:20px 20px;z-index:0}.pattern-lines{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.pattern-lines:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,rgba(139,92,246,.02) 25%,transparent 25%,transparent 50%,rgba(139,92,246,.02) 50%,rgba(139,92,246,.02) 75%,transparent 75%,transparent);background-size:60px 60px;animation:moveLines 30s linear infinite}@keyframes moveLines{0%{transform:rotate(0) translate(0)}to{transform:rotate(5deg) translate(30px,30px)}}.hero-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#8b5cf61f,#8b5cf614 30%,#0000 70%);z-index:0;filter:blur(40px);opacity:.7;animation:heroGlow 20s infinite alternate ease-in-out}.hero-glow-secondary{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#8b5cf60f,#8b5cf608,#0000 80%);z-index:0;filter:blur(80px);opacity:.4;animation:heroGlowSecondary 25s infinite alternate ease-in-out}.hero-glow-accent{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#8b5cf626,#8b5cf614,#0000);z-index:0;filter:blur(30px);opacity:.6;animation:heroGlowAccent 18s infinite alternate ease-in-out}@keyframes heroGlow{0%{transform:translate(0) scale(1);opacity:.7}50%{transform:translate(30px,-20px) scale(1.1);opacity:.5}to{transform:translate(-20px,20px) scale(.9);opacity:.8}}@keyframes heroGlowSecondary{0%{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(-40px,30px) scale(1.2);opacity:.2}to{transform:translate(25px,-15px) scale(.8);opacity:.6}}@keyframes heroGlowAccent{0%{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(-15px,-25px) scale(1.3);opacity:.4}to{transform:translate(20px,10px) scale(.7);opacity:.8}}.hero-content{position:relative;z-index:10;padding-top:1rem;margin-bottom:.5rem}.hero-content h2{margin-bottom:.75rem;line-height:1.1;text-shadow:0 0 30px rgba(139,92,246,.1)}.hero-content p{margin-bottom:1.5rem;text-shadow:0 0 20px rgba(139,92,246,.05)}.preview-wrapper{position:relative;z-index:10;width:100%;display:flex;justify-content:center;margin-top:2rem;margin-bottom:2rem}body,html{overflow-x:hidden;max-width:100%}.animate-slideIn{animation:slideIn .3s ease-out forwards}section[id]{scroll-margin-top:100px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.btn-primary{display:inline-flex;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1));padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-primary:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.btn-secondary{display:inline-flex;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-secondary:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.section-with-padding{padding-top:100px;margin-top:-100px}