:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #8b5cf6;--accent: #06b6d4;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)}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}}.bg-gradient-radial-soft{background:radial-gradient(ellipse 1200px 800px at 50% 50%,rgba(255,215,0,.12),transparent 70%),radial-gradient(ellipse 800px 600px at 30% 30%,rgba(255,193,7,.08),transparent 60%),radial-gradient(ellipse 600px 400px at 70% 70%,rgba(255,235,59,.06),transparent 50%),#0a0a0a}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse 1000px 400px at 50% -20%,rgba(255,215,0,.25),transparent 40%),radial-gradient(ellipse 600px 300px at 50% 0%,rgba(255,223,0,.15),transparent 60%),radial-gradient(ellipse 1200px 800px at 100% 100%,rgba(255,193,7,.1),transparent 50%),radial-gradient(ellipse 800px 400px at 0% 100%,rgba(255,165,0,.08),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}.moon{position:absolute;top:45%;left:50%;width:100vw;height:200px;background:radial-gradient(ellipse 100% 40% at 50% 0%,rgba(255,215,0,.08) 0%,rgba(255,193,7,.06) 25%,rgba(255,235,59,.04) 50%,rgba(255,248,225,.02) 70%,transparent 90%);transform:translate(-50%,-50%);animation:curvedLightGlow 15s ease-in-out infinite alternate;filter:blur(4px);border-radius:70% 70% 50% 50%/30% 30% 70% 70%;clip-path:ellipse(95% 70% at 50% 0%);z-index:1}.moon:before{content:"";position:absolute;top:50%;left:50%;width:70%;height:120px;background:radial-gradient(ellipse 100% 50% at 50% 0%,rgba(255,215,0,.12) 0%,rgba(255,193,7,.08) 30%,rgba(255,235,59,.05) 60%,transparent 85%);transform:translate(-50%,-50%);border-radius:60% 60% 50% 50%/40% 40% 60% 60%;animation:curvedLightPulse 12s ease-in-out infinite alternate;filter:blur(3px);clip-path:ellipse(85% 60% at 50% 0%)}.moon:after{content:"";position:absolute;top:60%;left:50%;width:50%;height:80px;background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(255,215,0,.15) 0%,rgba(255,193,7,.1) 40%,rgba(255,235,59,.06) 70%,transparent 90%);transform:translate(-50%,-50%);border-radius:50%;animation:curvedLightCore 10s ease-in-out infinite alternate;filter:blur(2px);clip-path:ellipse(75% 50% at 50% 0%)}@keyframes curvedLightGlow{0%{opacity:.3;transform:translate(-50%,-50%) scale(.95);filter:blur(4px) brightness(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.02);filter:blur(3px) brightness(1.1)}to{opacity:.4;transform:translate(-50%,-50%) scale(1);filter:blur(4px) brightness(1.05)}}@keyframes curvedLightPulse{0%{opacity:.4;transform:translate(-50%,-50%) scale(.98);filter:blur(3px) brightness(1.05)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.01);filter:blur(2.5px) brightness(1.15)}to{opacity:.5;transform:translate(-50%,-50%) scale(1.03);filter:blur(3px) brightness(1.1)}}@keyframes curvedLightCore{0%{opacity:.5;transform:translate(-50%,-50%) scale(.96);filter:blur(2px) brightness(1.1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1);filter:blur(1.5px) brightness(1.2)}to{opacity:.6;transform:translate(-50%,-50%) scale(1.02);filter:blur(2px) brightness(1.15)}}.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(255,215,0,.1),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:#ffd7004d;border-radius:50%;animation:twinkle 8s infinite ease-in-out;box-shadow:0 0 6px #ffd70066}.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,#667eea,#764ba2);-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,#667eea,#764ba2);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}