*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #00D9FF;--secondary: #8B5CF6;--accent: #10B981;--dark: #1E293B;--darker: #0F172A;--white: #FFFFFF;--gray: #64748B}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--darker);color:var(--white);overflow-x:hidden}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(135deg,var(--darker) 0%,var(--dark) 100%)}.animated-bg:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.1;top:-250px;right:-250px;animation:float 20s ease-in-out infinite}.animated-bg:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,var(--secondary) 0%,transparent 70%);opacity:.15;bottom:-200px;left:-200px;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(100px,-100px) rotate(120deg)}66%{transform:translate(-50px,50px) rotate(240deg)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{padding:20px 0;position:relative}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;animation:fadeInDown 1s ease-out;transition:transform .3s ease}.logo:hover{transform:translateY(-2px)}.logo-img{width:40px;height:40px;object-fit:contain}.logo-text{font-size:24px;font-weight:800;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 0}.hero-content{animation:fadeInUp 1s ease-out}h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;margin-bottom:20px;line-height:1.1}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{font-size:clamp(1.1rem,3vw,1.5rem);color:var(--gray);margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin:60px 0}.stat-card{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:20px;padding:30px;text-align:center;transition:all .3s ease;animation:fadeInUp 1s ease-out;animation-fill-mode:both}.stat-card:nth-child(1){animation-delay:.2s}.stat-card:nth-child(2){animation-delay:.4s}.stat-card:nth-child(3){animation-delay:.6s}.stat-card:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:0 20px 60px #00d9ff4d}.stat-icon{font-size:3rem;margin-bottom:15px;display:block}.stat-title{font-size:1.3rem;font-weight:700;color:var(--white);margin-bottom:10px}.stat-label{color:var(--gray);font-size:.95rem;line-height:1.5}.features{padding:100px 0}.section-title{text-align:center;font-size:clamp(2rem,5vw,3.5rem);margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.feature-card{background:#ffffff08;backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);border-radius:24px;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp 1s ease-out;animation-fill-mode:both}.feature-card:nth-child(1){animation-delay:.3s}.feature-card:nth-child(2){animation-delay:.5s}.feature-card:nth-child(3){animation-delay:.7s}.feature-card:hover{transform:translateY(-15px) scale(1.02);border-color:var(--secondary);box-shadow:0 30px 80px #8b5cf666;background:#ffffff14}.feature-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:20px;transition:all .3s ease}.feature-card:hover .feature-icon{transform:rotate(360deg) scale(1.1)}.feature-title{font-size:1.5rem;margin-bottom:15px;color:var(--white)}.feature-description{color:var(--gray);line-height:1.6}.showcase{padding:100px 0;position:relative}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}.showcase-card{background:#ffffff08;backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:24px;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.showcase-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.showcase-card:hover:before{transform:scaleX(1)}.showcase-card:hover{transform:translateY(-15px);border-color:var(--primary);box-shadow:0 30px 80px #00d9ff4d;background:#ffffff14}.showcase-icon{font-size:3.5rem;margin-bottom:20px;display:block;transition:transform .3s ease}.showcase-card:hover .showcase-icon{transform:scale(1.1) rotate(-5deg)}.showcase-title{font-size:1.4rem;font-weight:700;color:var(--white);margin-bottom:15px;line-height:1.3}.showcase-description{color:var(--gray);line-height:1.6;margin-bottom:20px;font-size:1rem}.showcase-tag{display:inline-block;padding:8px 16px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:20px;font-size:.85rem;color:var(--primary);font-weight:600}.newsletter{padding:100px 0;text-align:center}.newsletter-box{max-width:600px;margin:0 auto;background:#ffffff0d;backdrop-filter:blur(20px);border:2px solid rgba(0,217,255,.3);border-radius:30px;padding:60px 40px;position:relative;overflow:hidden;animation:fadeInUp 1s ease-out}.newsletter-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(0,217,255,.1),transparent);animation:shine 3s infinite}@keyframes shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.newsletter-title{font-size:2.5rem;margin-bottom:20px;position:relative;z-index:1}.newsletter-description{color:var(--gray);margin-bottom:30px;font-size:1.1rem;position:relative;z-index:1}.form-group{display:flex;gap:10px;margin-bottom:15px;position:relative;z-index:1}.form-group-vertical{display:flex;flex-direction:column;gap:12px;margin-bottom:15px;position:relative;z-index:1}input[type=text],input[type=email]{flex:1;padding:18px 25px;border:2px solid rgba(255,255,255,.1);border-radius:15px;background:#ffffff0d;color:var(--white);font-size:1rem;transition:all .3s ease;outline:none}input[type=text]:focus,input[type=email]:focus{border-color:var(--primary);box-shadow:0 0 30px #00d9ff4d;background:#ffffff1a}input[type=text]::placeholder,input[type=email]::placeholder{color:var(--gray)}.btn-primary{padding:18px 40px;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:15px;color:var(--white);font-size:1rem;font-weight:700;cursor:pointer;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,.3),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00d9ff66}.btn-primary:active{transform:translateY(-1px)}.privacy-note{font-size:.85rem;color:var(--gray);margin-top:15px;position:relative;z-index:1}footer{padding:40px 0;text-align:center;border-top:1px solid rgba(255,255,255,.1);color:var(--gray)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.particle{position:fixed;width:4px;height:4px;background:var(--primary);border-radius:50%;pointer-events:none;opacity:.6;animation:particleFloat 10s infinite}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) translate(50px);opacity:0}}.success-message{display:none;padding:15px;background:#10b98133;border:1px solid var(--accent);border-radius:10px;margin-top:20px;color:var(--accent)}.success-message.show{display:block;animation:fadeInUp .5s ease-out}@media(max-width:1024px){.container{padding:0 30px}h1{font-size:clamp(2rem,7vw,4rem)}.section-title{font-size:clamp(1.8rem,5vw,3rem)}.features-grid,.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}}@media(max-width:640px){.container{padding:0 20px}header{padding:15px 0}.logo-img{width:32px;height:32px}.logo-text{font-size:20px}.hero{min-height:auto;padding:40px 0 60px}h1{font-size:clamp(1.8rem,10vw,2.5rem);margin-bottom:15px}.subtitle{font-size:clamp(1rem,4vw,1.2rem);margin-bottom:30px}.stats{grid-template-columns:1fr;gap:20px;margin:40px 0}.stat-card{padding:25px}.stat-icon{font-size:2.5rem;margin-bottom:12px}.stat-title{font-size:1.1rem}.stat-label{font-size:.9rem}.features{padding:60px 0}.features-grid{grid-template-columns:1fr;gap:25px}.feature-card{padding:30px 25px}.feature-icon{width:60px;height:60px;font-size:1.8rem}.feature-title{font-size:1.3rem}.feature-description{font-size:.95rem}.showcase{padding:60px 0}.showcase-grid{grid-template-columns:1fr;gap:25px}.showcase-card{padding:30px 25px}.showcase-icon{font-size:3rem;margin-bottom:15px}.showcase-title{font-size:1.2rem}.showcase-description{font-size:.95rem}.showcase-tag{font-size:.8rem;padding:6px 12px}.newsletter{padding:60px 0}.newsletter-box{padding:35px 20px;border-radius:24px}.newsletter-title{font-size:1.8rem;margin-bottom:15px}.newsletter-description{font-size:1rem;margin-bottom:25px}.form-group,.form-group-vertical{flex-direction:column;gap:12px}input[type=text],input[type=email]{padding:16px 20px;font-size:1rem}.btn-primary{padding:16px 30px;width:100%;font-size:1rem}.privacy-note{font-size:.8rem;margin-top:12px}footer{padding:30px 0;font-size:.9rem}.animated-bg:before{width:300px;height:300px;top:-150px;right:-150px}.animated-bg:after{width:250px;height:250px;bottom:-125px;left:-125px}}@media(max-width:400px){h1{font-size:1.6rem}.newsletter-title{font-size:1.5rem}.showcase-title,.feature-title{font-size:1.1rem}.stat-card,.feature-card,.showcase-card{padding:20px}}@media(max-width:640px){.stat-card:hover,.feature-card:hover,.showcase-card:hover{transform:translateY(-5px)}.feature-card:hover .feature-icon,.showcase-card:hover .showcase-icon{transform:scale(1.05)}.particle:nth-child(4),.particle:nth-child(5){display:none}.animated-bg:before,.animated-bg:after{animation-duration:30s}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.particle{display:none}.animated-bg:before,.animated-bg:after{animation:none}.gradient-text{animation:none}.newsletter-box:before{animation:none}}