:root{--primary: #7C3AED;--primary-dark: #6D28D9;--secondary: #8B5CF6;--accent: #06B6D4;--purple-light: #A78BFA;--purple-dark: #5B21B6;--gradient-1: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);--gradient-2: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);--gradient-3: linear-gradient(135deg, #A78BFA 0%, #7C3AED 100%)}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 3s linear infinite}body{font-family:Inter,sans-serif;background:#0a0a0a;color:#fff;position:relative;overflow-x:hidden;margin:0;padding:0;width:100%}@media (max-width: 640px){.container{max-width:100%!important;margin:0!important}body,html{overflow-x:hidden;width:100%;margin:0;padding:0}.gradient-orb-1{width:300px;height:300px;filter:blur(60px);animation:none}.gradient-orb-2{width:350px;height:350px;filter:blur(60px);animation:none}.hero-mesh-gradient{animation:none}.moon{top:25%;height:200px;animation:none}}.bg-gradient-radial-soft{background:radial-gradient(ellipse 1200px 800px at 50% 50%,rgba(124,58,237,.15),transparent 70%),radial-gradient(ellipse 800px 600px at 30% 30%,rgba(109,40,217,.12),transparent 60%),radial-gradient(ellipse 600px 400px at 70% 70%,rgba(139,92,246,.1),transparent 50%),#0a0a0a}.hero-mesh-gradient{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none;background:radial-gradient(ellipse 1000px 600px at 30% 40%,rgba(124,58,237,.15) 0%,transparent 60%),radial-gradient(ellipse 1200px 700px at 70% 70%,rgba(6,182,212,.1) 0%,transparent 60%),radial-gradient(ellipse 800px 500px at 50% 20%,rgba(139,92,246,.08) 0%,transparent 50%),#0a0a0a4d;will-change:opacity;animation:meshPulse 30s ease-in-out infinite alternate}@keyframes meshPulse{0%,to{opacity:.85}50%{opacity:1}}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.35;pointer-events:none}.gradient-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(124,58,237,.25) 0%,transparent 70%);top:-10%;left:-10%;animation:orbFloat1 35s ease-in-out infinite}.gradient-orb-2{width:600px;height:600px;background:radial-gradient(circle,rgba(6,182,212,.2) 0%,transparent 70%);top:30%;right:-15%;animation:orbFloat2 40s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(-30px,20px)}}.dot-matrix{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:.04;background-image:radial-gradient(circle,rgba(124,58,237,.6) 1px,transparent 1px);background-size:30px 30px;animation:dotMatrixMove 40s linear infinite}@keyframes dotMatrixMove{0%{background-position:0 0}to{background-position:30px 30px}}.wave-flow{position:absolute;bottom:0;left:0;width:100%;height:200px;z-index:2;pointer-events:none;overflow:hidden}.wave-flow:before,.wave-flow:after{content:"";position:absolute;width:200%;height:100%;bottom:0;left:-50%}.wave-flow:before{background:linear-gradient(90deg,transparent 0%,rgba(124,58,237,.06) 25%,rgba(6,182,212,.04) 50%,rgba(124,58,237,.06) 75%,transparent 100%);opacity:.5;animation:waveFlow1 15s linear infinite;border-radius:50% 50% 0 0/100% 100% 0 0}.wave-flow:after{background:linear-gradient(90deg,transparent 0%,rgba(6,182,212,.07) 25%,rgba(139,92,246,.05) 50%,rgba(6,182,212,.07) 75%,transparent 100%);opacity:.3;animation:waveFlow2 20s linear infinite reverse;border-radius:40% 60% 0 0/80% 90% 0 0}@keyframes waveFlow1{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes waveFlow2{0%{transform:translate(0) translateY(10px)}to{transform:translate(-50%) translateY(10px)}}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse 1000px 400px at 50% -20%,rgba(124,58,237,.3),transparent 40%),radial-gradient(ellipse 600px 300px at 50% 0%,rgba(109,40,217,.2),transparent 60%),radial-gradient(ellipse 1200px 800px at 100% 100%,rgba(139,92,246,.15),transparent 50%),radial-gradient(ellipse 800px 400px at 0% 100%,rgba(91,33,182,.12),transparent 50%);z-index:1;pointer-events:none;animation:magicGlow 25s ease-in-out infinite}.space-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none;opacity:1}.moon{position:absolute;top:30%;left:50%;width:100%;height:300px;background:radial-gradient(ellipse 80% 50% at 50% 50%,rgba(255,193,7,.25) 0%,rgba(255,152,0,.18) 30%,rgba(255,215,0,.12) 50%,rgba(255,193,7,.06) 70%,transparent 90%);transform:translate(-50%,-50%);animation:curvedLightGlow 20s ease-in-out infinite alternate;filter:blur(40px);z-index:2;will-change:opacity;opacity:.9}.moon:before{content:"";position:absolute;top:50%;left:50%;width:60%;height:200px;background:radial-gradient(ellipse 100% 60% at 50% 50%,rgba(255,215,0,.3) 0%,rgba(255,152,0,.2) 40%,rgba(255,193,7,.12) 70%,transparent 85%);transform:translate(-50%,-50%);filter:blur(30px)}.moon:after{content:"";position:absolute;top:50%;left:50%;width:40%;height:150px;background:radial-gradient(ellipse 100% 70% at 50% 50%,rgba(255,215,0,.35) 0%,rgba(255,152,0,.25) 50%,rgba(255,193,7,.15) 80%,transparent 95%);transform:translate(-50%,-50%);filter:blur(20px)}@keyframes curvedLightGlow{0%,to{opacity:.85}50%{opacity:1}}.stars{position:absolute;width:100%;height:100%;background:transparent}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 4s ease-in-out infinite alternate}.star:nth-child(1){top:20%;left:20%;width:1px;height:1px;animation-delay:0s}.star:nth-child(2){top:80%;left:90%;width:1px;height:1px;animation-delay:1s}.star:nth-child(3){top:30%;left:80%;width:2px;height:2px;animation-delay:2s}.star:nth-child(4){top:70%;left:10%;width:1px;height:1px;animation-delay:3s}.star:nth-child(5){top:10%;left:70%;width:1px;height:1px;animation-delay:.5s}.star:nth-child(6){top:90%;left:40%;width:2px;height:2px;animation-delay:1.5s}.star:nth-child(7){top:40%;left:30%;width:1px;height:1px;animation-delay:2.5s}.star:nth-child(8){top:60%;left:70%;width:1px;height:1px;animation-delay:3.5s}.star:nth-child(9){top:15%;left:45%;width:1px;height:1px;animation-delay:.8s}.star:nth-child(10){top:85%;left:15%;width:2px;height:2px;animation-delay:1.8s}.star:nth-child(11){top:25%;left:60%;width:1px;height:1px;animation-delay:2.8s}.star:nth-child(12){top:75%;left:85%;width:1px;height:1px;animation-delay:3.8s}.star:nth-child(13){top:35%;left:5%;width:1px;height:1px;animation-delay:1.2s}.star:nth-child(14){top:65%;left:95%;width:2px;height:2px;animation-delay:2.2s}.star:nth-child(15){top:5%;left:25%;width:1px;height:1px;animation-delay:3.2s}.star:nth-child(16){top:95%;left:75%;width:1px;height:1px;animation-delay:.3s}.star:nth-child(17){top:45%;left:50%;width:1px;height:1px;animation-delay:1.3s}.star:nth-child(18){top:55%;left:35%;width:2px;height:2px;animation-delay:2.3s}.star:nth-child(19){top:12%;left:80%;width:1px;height:1px;animation-delay:3.3s}.star:nth-child(20){top:88%;left:20%;width:1px;height:1px;animation-delay:.7s}@keyframes twinkle{0%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(1)}}.meteor{position:absolute;width:3px;height:3px;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,220,120,.8) 40%,transparent 70%);border-radius:50%;opacity:0;animation:meteorfall 12s linear infinite}.meteor:before{content:"";position:absolute;top:50%;left:50%;width:80px;height:2px;background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,220,120,.8) 30%,rgba(255,255,255,.4) 60%,transparent 100%);transform:translate(-50%,-50%) rotate(45deg);transform-origin:center;border-radius:1px;filter:blur(.5px)}.meteor:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:1px;background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform:translate(-50%,-50%) rotate(45deg);transform-origin:center;border-radius:.5px}.meteor:nth-child(1){top:-50px;left:20%;animation-delay:0s;animation-duration:8s}.meteor:nth-child(2){top:-50px;left:60%;animation-delay:4s;animation-duration:10s}.meteor:nth-child(3){top:-50px;left:85%;animation-delay:7s;animation-duration:9s}@keyframes meteorfall{0%{opacity:0;transform:translate(0) translateY(0) scale(.8)}10%{opacity:1;transform:translate(50px) translateY(50px) scale(1)}90%{opacity:1;transform:translate(300px) translateY(400px) scale(1)}to{opacity:0;transform:translate(350px) translateY(450px) scale(.8)}}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse 800px 200px at 50% 0%,rgba(124,58,237,.15),transparent 30%);z-index:2;pointer-events:none;animation:topGlow 30s ease-in-out infinite reverse}@keyframes magicGlow{0%,to{opacity:1;transform:scale(1)}33%{opacity:.8;transform:scale(1.02) translateY(-2%)}66%{opacity:.9;transform:scale(1.05) translateY(1%)}}@keyframes topGlow{0%,to{opacity:.8}50%{opacity:1}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.particle{position:absolute;background-color:#7c3aed66;border-radius:50%;animation:twinkle 8s infinite ease-in-out;box-shadow:0 0 8px #7c3aed80}.particle:nth-child(1){top:10%;left:15%;width:1px;height:1px;animation-delay:1s}.particle:nth-child(2){top:25%;left:80%;width:2px;height:2px;animation-delay:3s}.particle:nth-child(3){top:50%;left:50%;width:1px;height:1px;animation-delay:5s}.particle:nth-child(4){top:80%;left:20%;width:1px;height:1px;animation-delay:2s}.particle:nth-child(5){top:5%;left:40%;width:2px;height:2px;animation-delay:4s}.particle:nth-child(6){top:90%;left:85%;width:1px;height:1px;animation-delay:6s}.particle:nth-child(7){top:60%;left:5%;width:2px;height:2px;animation-delay:.5s}.particle:nth-child(8){top:40%;left:95%;width:1px;height:1px;animation-delay:2.5s}.particle:nth-child(9){top:15%;left:60%;width:1px;height:1px;animation-delay:4.5s}.particle:nth-child(10){top:70%;left:30%;width:2px;height:2px;animation-delay:6.5s}.particle:nth-child(11){top:30%;left:70%;width:1px;height:1px;animation-delay:8.5s}.particle:nth-child(12){top:95%;left:50%;width:2px;height:2px;animation-delay:10s}.particle:nth-child(13){top:20%;left:25%;width:1px;height:1px;animation-delay:1.5s}.particle:nth-child(14){top:75%;left:75%;width:2px;height:2px;animation-delay:3.5s}.particle:nth-child(15){top:55%;left:15%;width:1px;height:1px;animation-delay:5.5s}.particle:nth-child(16){top:85%;left:65%;width:1px;height:1px;animation-delay:7.5s}.particle:nth-child(17){top:45%;left:85%;width:2px;height:2px;animation-delay:9.5s}.particle:nth-child(18){top:10%;left:90%;width:1px;height:1px;animation-delay:.8s}.particle:nth-child(19){top:88%;left:8%;width:1px;height:1px;animation-delay:4.2s}.particle:nth-child(20){top:33%;left:45%;width:2px;height:2px;animation-delay:6.8s}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.6;transform:scale(1)}}.font-display{font-family:Space Grotesk,sans-serif}.gradient-text{background:linear-gradient(135deg,#7c3aed,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.feature-card{background:linear-gradient(145deg,#ffffff08,#ffffff03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-12px) scale(1.02);border-color:#66f6;box-shadow:0 25px 50px #6666ff26,0 0 50px #6666ff1a}.btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;padding:12px 32px;border-radius:12px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #66f6}.btn-login{background:transparent;border:1px solid rgba(255,255,255,.3);padding:8px 20px;border-radius:8px;font-weight:500;font-size:14px;transition:all .3s ease;color:#e5e7eb}.btn-login:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.btn-secondary{background:transparent;border:2px solid rgba(255,255,255,.2);padding:10px 30px;border-radius:12px;font-weight:600;transition:all .3s ease}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.metric-card{background:linear-gradient(145deg,#6666ff0d,#8b5cf60d);border:1px solid rgba(102,102,255,.2);transition:all .3s ease}.metric-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #66f3}.ai-badge{background:linear-gradient(90deg,#ff6b6b,#4ecdc4);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;animation:badgeGlow 3s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 0 20px #ff6b6b4d}50%{box-shadow:0 0 30px #4ecdc480}}@media (max-width: 640px){.ai-badge{padding:4px 12px;font-size:10px;letter-spacing:.25px}}.pricing-card{background:linear-gradient(145deg,#ffffff08,#ffffff03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.pricing-card.featured{border-color:#6666ff80;background:linear-gradient(145deg,#6666ff0d,#8b5cf60d)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating{animation:float 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6666ff4d}50%{box-shadow:0 0 40px #66f9}}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.grid-animation{animation:gridFadeIn .6s ease-out forwards}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}.cursor-3d{position:fixed;width:200px;height:200px;pointer-events:none;z-index:9999;opacity:.6;transition:opacity .3s ease}.cursor-3d svg{width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(124,58,237,.6))}.dashboard-mockup{position:relative;background:linear-gradient(145deg,#11111bf2,#0a0a0ffa);border:1px solid rgba(124,58,237,.3);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000080,0 0 80px #7c3aed33}.dashboard-metric{background:linear-gradient(145deg,#7c3aed1a,#6d28d90d);border:1px solid rgba(124,58,237,.2);border-radius:12px;padding:16px;transition:all .3s ease}.dashboard-metric:hover{transform:translateY(-5px);border-color:#7c3aed66;box-shadow:0 10px 30px #7c3aed4d}.metric-number{font-size:32px;font-weight:700;background:linear-gradient(135deg,#7c3aed,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countUp 2s ease-out}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-bar{transition:all .6s cubic-bezier(.4,0,.2,1);animation:barGrow 1.5s ease-out}@keyframes barGrow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.feature-icon{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed33,#6d28d91a);border:1px solid rgba(124,58,237,.3);border-radius:16px;transition:all .3s ease}.feature-icon:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#a78bfa);opacity:0;transition:opacity .3s ease;z-index:-1}.feature-icon:hover:before{opacity:.3;animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.3}to{transform:scale(1.3);opacity:0}}.client-logo{filter:grayscale(100%) brightness(.5);transition:all .3s ease;opacity:.6}.client-logo:hover{filter:grayscale(0%) brightness(1);opacity:1;transform:scale(1.1)}.pricing-card-enhanced{position:relative;background:linear-gradient(145deg,#11111bcc,#0a0a0fe6);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.pricing-card-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7c3aed,#a78bfa);opacity:0;transition:opacity .3s ease}.pricing-card-enhanced:hover:before{opacity:1}.pricing-card-enhanced:hover{transform:translateY(-12px) scale(1.02);border-color:#7c3aed80;box-shadow:0 30px 60px #0006,0 0 80px #7c3aed4d}.pricing-card-enhanced.featured{border-color:#7c3aed80;background:linear-gradient(145deg,#7c3aed26,#6d28d91a)}.pricing-card-enhanced.featured:before{opacity:1}.fade-in-up{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-dashboard-gradient{position:relative;overflow:hidden}.hero-dashboard-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#7c3aed33,#06b6d426);border-radius:1rem;animation:gradientPulse 8s ease-in-out infinite}@keyframes gradientPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}