.animated-bg,body{background:var(--darker-bg)}.animated-bg,.grid-pattern{width:100%;height:100%;z-index:-1}.animated-bg,.grid-pattern,.navbar{position:fixed;top:0;left:0}.btn,.navbar,.navbar .logo{transition:.3s}.btn,.hero-badge{display:inline-flex;gap:8px;font-weight:600}.navbar,.stat-card{backdrop-filter:blur(20px)}.cta-section,.footer-bottom,.hero-content,.section-header,.step-card{text-align:center}.btn,.footer-bottom a,.navbar .logo{text-decoration:none}:root{--primary:#00d4ff;--primary-dark:#00b8e6;--secondary:#ff6b6b;--accent:#4ecdc4;--dark-bg:#0a0e27;--darker-bg:#050816;--card-bg:#151a2e;--card-hover:#1a2038;--text-primary:#ffffff;--text-secondary:#b8b9c1;--border-color:rgba(0, 212, 255, 0.2);--shadow-primary:rgba(0, 212, 255, 0.3);--shadow-secondary:rgba(255, 107, 107, 0.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text-primary);overflow-x:hidden}.animated-bg{overflow:hidden}.animated-bg::before{content:'';position:absolute;width:200%;height:200%;background-image:radial-gradient(circle at 20% 50%,rgba(0,212,255,.08) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,107,107,.08) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(78,205,196,.08) 0,transparent 50%);animation:30s ease-in-out infinite moveBackground}@keyframes moveBackground{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,-50px)}}.grid-pattern{background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:100px 100px;animation:20s linear infinite gridMove}@keyframes gridMove{0%{transform:translate(0,0)}100%{transform:translate(100px,100px)}}.navbar{right:0;background:rgba(10,14,39,.8);padding:20px 0;border-bottom:1px solid var(--border-color);z-index:1000}.btn,.hero{position:relative;overflow:hidden}.navbar.scrolled{padding:12px 0;background:rgba(10,14,39,.95);box-shadow:0 10px 40px rgba(0,0,0,.3)}.navbar .container{max-width:1400px;margin:0 auto;padding:0 30px;display:flex;justify-content:space-between;align-items:center}.navbar .logo{font-size:26px;font-weight:800;color:var(--primary);display:flex;align-items:center;gap:12px;text-shadow:0 0 20px var(--shadow-primary)}.navbar .logo:hover{transform:scale(1.05);text-shadow:0 0 30px var(--shadow-primary)}.navbar .logo i{font-size:28px;animation:2s infinite pulse}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.navbar .nav-buttons{display:flex;gap:15px;align-items:center}.btn{padding:12px 30px;border-radius:8px;align-items:center;border:none;cursor:pointer;font-size:14px}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.1);transform:translate(-50%,-50%);transition:width .5s,height .5s}.btn:hover::before{width:300px;height:300px}.btn-outline:hover,.btn-primary{background:var(--primary);color:var(--dark-bg);box-shadow:0 0 20px var(--shadow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 30px var(--shadow-primary)}.btn-outline{background:0 0;color:var(--primary);border:2px solid var(--primary)}.hero::after,.hero::before{position:absolute;border-radius:50%;content:''}.hero{padding:180px 30px 100px}.hero::before{top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,var(--shadow-primary) 0,transparent 70%);animation:15s infinite float}.hero::after{bottom:-200px;left:-200px;width:500px;height:500px;background:radial-gradient(circle,var(--shadow-secondary) 0,transparent 70%);animation:12s infinite reverse float}@keyframes float{0%,100%{transform:translate(0,0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.hero .container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.hero-content{color:#fff;max-width:900px;margin:0 auto}.hero-badge{align-items:center;background:rgba(0,212,255,.1);border:1px solid var(--border-color);padding:10px 25px;border-radius:50px;margin-bottom:30px;font-size:13px;color:var(--primary);animation:.8s fadeInDown}.hero h1{font-size:56px;margin-bottom:25px;font-weight:800;line-height:1.2;background:linear-gradient(135deg,var(--primary) 0,#fff 50%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:.8s .2s backwards fadeInUp,3s linear infinite shimmer}@keyframes shimmer{to{background-position:200% center}}.hero p{font-size:20px;margin-bottom:40px;color:var(--text-secondary);line-height:1.8;animation:.8s .4s backwards fadeInUp}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;animation:.8s .6s backwards fadeInUp}.features-grid,.stats-grid{gap:25px;max-width:1400px;display:grid}.hero-buttons .btn{padding:16px 40px;font-size:16px;font-weight:700}.btn-white{background:#fff;color:var(--dark-bg);box-shadow:0 10px 40px rgba(255,255,255,.2)}.btn-white:hover{transform:translateY(-3px);box-shadow:0 15px 50px rgba(255,255,255,.3)}.btn-ghost{background:0 0;color:#fff;border:2px solid rgba(255,255,255,.3)}.feature-card,.stat-card{border-radius:16px;transition:.4s cubic-bezier(.4, 0, .2, 1);overflow:hidden}.btn-ghost:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 0 20px var(--shadow-primary)}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.live-stats{padding:80px 30px;position:relative}.stats-grid{margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{background:var(--card-bg);padding:35px 30px;border:1px solid var(--border-color);position:relative}.stat-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);opacity:0;transition:opacity .4s}.feature-card,.section,.section-header,.stat-card .icon,.stat-card h3,.stat-card p{position:relative}.stat-card:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:0 20px 60px var(--shadow-primary);background:var(--card-hover)}.stat-card:hover::before{opacity:.05}.stat-card .icon{width:60px;height:60px;margin-bottom:20px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 10px 30px var(--shadow-primary);z-index:1}.stat-card h3{font-size:42px;color:var(--primary);margin-bottom:8px;font-weight:800;z-index:1}.stat-card p{color:var(--text-secondary);font-size:15px;font-weight:500;z-index:1}.stat-card .trend{position:absolute;top:20px;right:20px;background:rgba(78,205,196,.2);color:var(--accent);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;z-index:1;display:flex;align-items:center;gap:4px}.section{padding:100px 30px}.feature-card,.step-card{padding:40px 30px;background:var(--card-bg);backdrop-filter:blur(20px)}.section-header{margin-bottom:70px}.section-header .label{display:inline-block;background:rgba(0,212,255,.1);border:1px solid var(--border-color);padding:8px 20px;border-radius:50px;margin-bottom:20px;font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:2px}.section-header h2{font-size:48px;color:#fff;margin-bottom:20px;font-weight:800}.section-header p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.feature-card h3,.step-card h3{margin-bottom:15px;font-weight:700}.features-grid{margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feature-card{border:1px solid var(--border-color)}.feature-card::before{content:'';position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle,var(--shadow-primary) 0,transparent 70%);opacity:0;transition:opacity .4s,transform .4s}.cta-content,.cta-section,.feature-card h3,.feature-card p,.footer,.step-card,.step-number,.steps-container{position:relative}.feature-card:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:0 25px 70px var(--shadow-primary);background:var(--card-hover)}.feature-card .icon,.social-links a:hover{box-shadow:0 10px 30px var(--shadow-primary)}.feature-card:hover::before{opacity:.1;transform:translate(50%,50%)}.feature-card .icon{width:65px;height:65px;margin-bottom:25px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:30px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;position:relative;z-index:1}.feature-card h3{font-size:22px;color:#fff;z-index:1}.feature-card p{color:var(--text-secondary);line-height:1.7;font-size:14px;z-index:1}.steps-container{max-width:1400px;margin:60px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.step-card{border-radius:16px;border:1px solid var(--border-color);transition:.4s}.step-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 20px 60px var(--shadow-primary);background:var(--card-hover)}.footer,.footer-bottom{border-top:1px solid var(--border-color)}.step-number{width:70px;height:70px;margin:0 auto 25px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;box-shadow:0 15px 40px var(--shadow-primary)}.step-number::before{content:'';position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:2px solid var(--primary);opacity:.3;animation:2s infinite pulse-ring}@keyframes pulse-ring{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:0}100%{transform:scale(1);opacity:0}}.step-card h3{font-size:20px;color:#fff}.step-card p{color:var(--text-secondary);line-height:1.7;font-size:14px}.cta-section{padding:100px 30px;overflow:hidden}.cta-section::before{content:'';position:absolute;top:-300px;left:50%;width:800px;height:800px;background:radial-gradient(circle,var(--shadow-primary) 0,transparent 70%);transform:translateX(-50%);animation:15s infinite float}.fade-in.visible,.scroll-btn.visible{opacity:1;transform:translateY(0)}.cta-content{max-width:800px;margin:0 auto;z-index:1}.cta-section h2{font-size:48px;margin-bottom:20px;font-weight:800;color:#fff}.cta-section p{font-size:20px;margin-bottom:40px;color:var(--text-secondary);line-height:1.8}.footer{background:var(--darker-bg);padding:60px 30px 30px}.footer-content{max-width:1400px;margin:0 auto 50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px}.footer-section h3{color:#fff;margin-bottom:25px;font-size:18px;font-weight:700}.footer-section a,.footer-section p{color:var(--text-secondary);text-decoration:none;line-height:2.2;transition:color .3s;display:block;font-size:14px}.footer-section a:hover{color:var(--primary);padding-left:5px}.footer-logo{font-size:26px;font-weight:800;color:var(--primary);margin-bottom:15px;display:inline-flex;align-items:center;gap:10px}.social-links{display:flex;gap:12px;margin-top:20px}.social-links a{width:40px;height:40px;border-radius:50%;background:rgba(0,212,255,.1);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--primary);transition:.3s}.social-links a:hover{background:var(--primary);color:var(--dark-bg);transform:translateY(-3px);padding-left:0}.footer-bottom{padding-top:30px;color:var(--text-secondary);font-size:14px}.footer-bottom a{color:var(--primary);display:inline}.footer-bottom a:hover{text-decoration:underline;padding-left:0}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}@media (max-width:1024px){.hero h1{font-size:42px}.section-header h2{font-size:38px}}.scroll-buttons{position:fixed;right:30px;bottom:30px;z-index:999;display:flex;flex-direction:column;gap:12px}.scroll-btn{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));border:2px solid rgba(255,255,255,.1);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 5px 20px var(--shadow-primary);opacity:0;visibility:hidden;transform:translateY(20px)}.scroll-btn.visible{visibility:visible}.scroll-btn:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 30px var(--shadow-primary);background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.scroll-btn:active{transform:translateY(-2px) scale(1.05)}.scroll-btn i{animation:2s infinite scrollBounce}.scroll-btn.scroll-top i{animation-delay:0s}.scroll-btn.scroll-down i{animation-delay:.5s}@keyframes scrollBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:768px){.features-grid,.footer-content,.stats-grid,.steps-container{grid-template-columns:1fr}.hero{padding:140px 20px 80px}.hero h1{font-size:32px}.hero p{font-size:16px}.section-header h2{font-size:28px}.navbar .container{flex-direction:column;gap:15px}.hero-buttons .btn,.navbar .nav-buttons{width:100%;justify-content:center}.hero-buttons{flex-direction:column}.footer-content{text-align:center}.social-links{justify-content:center}.scroll-buttons{right:15px;bottom:15px;gap:10px}.scroll-btn{width:45px;height:45px;font-size:16px}}@media (max-width:480px){.scroll-buttons{right:10px;bottom:10px}.scroll-btn{width:40px;height:40px;font-size:14px}}