:root{--neon-cyan:#00f2fe;--neon-indigo:#6366f1;--neon-violet:#8b5cf6;--neon-pink:#ec4899;--dark-bg:#070b19;--glass-border:rgba(255,255,255,0.08);--glass-bg:rgba(10,15,30,0.7)}.landing-reveal{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.landing-reveal.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.08s}.stagger-2{transition-delay:.16s}.stagger-3{transition-delay:.24s}.stagger-4{transition-delay:.32s}.stagger-5{transition-delay:.4s}.stagger-6{transition-delay:.48s}.hero-3d-wrapper{perspective:1200px;width:100%}.hero-3d-scene{transform-style:preserve-3d;transform:rotateX(16deg) rotateY(-8deg) rotate(3deg) translateY(20px);transition:transform .8s cubic-bezier(.16,1,.3,1)}.hero-3d-scene:hover{transform:rotateX(10deg) rotateY(-4deg) rotate(1deg) translateY(0)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,242,254,.04) 1px,transparent 0),linear-gradient(90deg,rgba(0,242,254,.04) 1px,transparent 0);background-size:50px 50px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 20%,transparent 100%);animation:gridDrift 25s linear infinite}.light .hero-grid{background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 0),linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 0)}@keyframes gridDrift{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes orbFloatCyan{0%,to{transform:translate(0) scale(1);filter:blur(120px)}50%{transform:translate(40px,-50px) scale(1.15);filter:blur(140px)}}@keyframes orbFloatPink{0%,to{transform:translate(0) scale(1);filter:blur(100px)}50%{transform:translate(-30px,30px) scale(.9);filter:blur(120px)}}.orb-cyan{background:radial-gradient(circle,rgba(0,242,254,.15) 0,transparent 70%);animation:orbFloatCyan 15s ease-in-out infinite}.orb-pink{background:radial-gradient(circle,rgba(236,72,153,.1) 0,transparent 70%);animation:orbFloatPink 18s ease-in-out infinite}.text-gradient-animated{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-indigo),var(--neon-pink),var(--neon-cyan));background-size:300% 300%;-webkit-background-clip:text;background-clip:text}.light .text-gradient-animated,.text-gradient-animated{-webkit-text-fill-color:transparent;animation:gradientShift 8s ease-in-out infinite}.light .text-gradient-animated{background:linear-gradient(135deg,#1d4ed8,#7c3aed,#db2777,#1d4ed8);background-size:300% 300%;-webkit-background-clip:text;background-clip:text}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.landing-nav{background:rgba(7,11,26,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,242,254,.08)}.light .landing-nav{background:rgba(255,255,255,.8);border-bottom:1px solid rgba(37,99,235,.08)}.mock-dashboard{background:rgba(10,14,28,.75);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 30px 60px rgba(0,0,0,.4),0 0 50px rgba(0,242,254,.05),inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:border-color .5s ease,box-shadow .5s ease}.mock-dashboard:hover{border-color:rgba(0,242,254,.25);box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 60px rgba(0,242,254,.1),inset 0 1px 0 rgba(255,255,255,.15)}.light .mock-dashboard{background:rgba(255,255,255,.85);border-color:rgba(37,99,235,.12);box-shadow:0 30px 60px rgba(37,99,235,.06),0 0 30px rgba(37,99,235,.02)}.mock-sidebar{border-right:1px solid rgba(255,255,255,.06);background:rgba(5,7,18,.4)}.light .mock-sidebar{border-right-color:rgba(0,0,0,.06);background:rgba(0,0,0,.02)}.mock-sidebar-item{position:relative;transition:all .25s ease}.mock-sidebar-item.active{color:var(--neon-cyan)}.mock-sidebar-item.active:before{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;background:var(--neon-cyan);border-radius:0 4px 4px 0;box-shadow:0 0 10px var(--neon-cyan)}.light .mock-sidebar-item.active{color:#1565c0}.light .mock-sidebar-item.active:before{background:#1565c0;box-shadow:none}.mock-chart-container{height:120px;display:flex;align-items:flex-end;gap:12px;padding-top:16px}.mock-chart-bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--neon-cyan) 0,rgba(99,102,241,.2) 100%);transition:height 1.2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 12px rgba(0,242,254,.2)}.mock-chart-bar-secondary{background:linear-gradient(180deg,var(--neon-pink) 0,rgba(236,72,153,.1) 100%);box-shadow:0 0 12px rgba(236,72,153,.2)}.light .mock-chart-bar{background:linear-gradient(180deg,#3b82f6,rgba(59,130,246,.2));box-shadow:none}.light .mock-chart-bar-secondary{background:linear-gradient(180deg,#db2777,rgba(219,39,119,.1));box-shadow:none}.feature-hub-btn{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left}.feature-hub-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);transform:translateX(4px)}.feature-hub-btn.active{background:rgba(0,242,254,.06);border-color:rgba(0,242,254,.25);box-shadow:0 0 20px rgba(0,242,254,.05)}.light .feature-hub-btn.active{background:rgba(37,99,235,.07);border-color:rgba(37,99,235,.2);box-shadow:none}.feature-hub-preview{position:relative;background:rgba(6,9,22,.8);border:1px solid rgba(255,255,255,.06);border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.light .feature-hub-preview{background:white;border-color:rgba(0,0,0,.06);box-shadow:0 20px 40px rgba(0,0,0,.05)}.hologram-glow{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);animation:hologramScan 4s linear infinite;opacity:.6}@keyframes hologramScan{0%{top:0;opacity:0}10%{opacity:.6}90%{opacity:.6}to{top:100%;opacity:0}}.cert-3d-container{perspective:1000px}.cert-3d-card{transform-style:preserve-3d;transition:transform .1s ease-out;background:linear-gradient(135deg,rgba(20,24,45,.9),rgba(10,12,28,.95));border:2px solid rgba(212,163,89,.2);box-shadow:0 15px 35px rgba(0,0,0,.4),0 0 25px rgba(212,163,89,.05)}.cert-gold-glow{position:absolute;inset:-1px;background:linear-gradient(135deg,#d4af37,#f3e5ab,#aa7c11,#d4af37);background-size:300% 300%;border-radius:12px;z-index:-1;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;animation:gradientShift 6s linear infinite}.light .cert-3d-card{background:white;border-color:rgba(212,163,89,.3);box-shadow:0 15px 35px rgba(212,163,89,.1)}.leaderboard-item{transform:translateY(0);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.leaderboard-item.rank-up{animation:rankUpAnim .8s ease forwards}@keyframes rankUpAnim{0%{transform:translateY(0)}50%{transform:translateY(-8px) scale(1.02);filter:brightness(1.2)}to{transform:translateY(0)}}.circuit-step-connector{position:relative}.circuit-step-connector:after{content:"";position:absolute;top:40px;right:-15%;width:30%;height:2px;background:linear-gradient(90deg,rgba(0,242,254,.4),rgba(139,92,246,.1));box-shadow:0 0 6px rgba(0,242,254,.15);transition:all .5s ease}.circuit-step-connector:hover:after{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-violet));box-shadow:0 0 10px rgba(0,242,254,.4)}.light .circuit-step-connector:after{background:linear-gradient(90deg,rgba(37,99,235,.2),rgba(37,99,235,.05));box-shadow:none}.light .circuit-step-connector:hover:after{background:linear-gradient(90deg,#2563eb,#3b82f6)}@media (max-width:768px){.circuit-step-connector:after{display:none}}.glow-step-icon{position:relative;transition:all .3s ease}.glow-step-icon:before{content:"";position:absolute;inset:-6px;border-radius:inherit;background:var(--neon-cyan);opacity:0;filter:blur(8px);transition:opacity .3s ease;z-index:-1}.circuit-step-connector:hover .glow-step-icon:before{opacity:.3}.light .circuit-step-connector:hover .glow-step-icon:before{opacity:.1;background:#2563eb}.pricing-glow-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:20px;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1)}.pricing-glow-card:after{content:"";position:absolute;inset:0;border-radius:20px;background:radial-gradient(800px circle at var(--x,0) var(--y,0),rgba(0,242,254,.06),transparent 40%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.pricing-glow-card:hover:after{opacity:1}.pricing-glow-card:hover{transform:translateY(-8px);border-color:rgba(0,242,254,.2);box-shadow:0 30px 60px rgba(0,0,0,.3),0 0 40px rgba(0,242,254,.05)}.pricing-popular-glow{border-color:rgba(99,102,241,.25)!important;box-shadow:0 0 50px rgba(99,102,241,.1),0 0 100px rgba(99,102,241,.04)}.pricing-popular-glow:after{background:radial-gradient(800px circle at var(--x,0) var(--y,0),rgba(99,102,241,.1),transparent 40%)}.pricing-popular-glow:hover{border-color:rgba(99,102,241,.45)!important;box-shadow:0 30px 60px rgba(0,0,0,.35),0 0 60px rgba(99,102,241,.15),0 0 120px rgba(99,102,241,.06)}.light .pricing-glow-card{background:white;border-color:rgba(0,0,0,.06)}.light .pricing-glow-card:hover{border-color:rgba(37,99,235,.2);box-shadow:0 30px 60px rgba(37,99,235,.05)}.light .pricing-popular-glow{border-color:rgba(37,99,235,.2)!important;box-shadow:0 10px 40px rgba(37,99,235,.08)}.light .pricing-popular-glow:hover{border-color:rgba(37,99,235,.4)!important;box-shadow:0 20px 50px rgba(37,99,235,.12)}.billing-toggle-container{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.light .billing-toggle-container{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.06)}.testimonial-card-premium{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.testimonial-card-premium:hover{background:rgba(255,255,255,.04);border-color:rgba(0,242,254,.15);transform:scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.25)}.light .testimonial-card-premium{background:white;border-color:rgba(0,0,0,.05)}.light .testimonial-card-premium:hover{border-color:rgba(37,99,235,.15);box-shadow:0 20px 40px rgba(37,99,235,.05)}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee-track{display:flex;animation:marquee 35s linear infinite;width:-moz-max-content;width:max-content}.marquee-track:hover{animation-play-state:paused}@keyframes particleFloat{0%,to{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-80vh) translateX(30px);opacity:0}}.particle{position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(0,242,254,.3);animation:particleFloat linear infinite;pointer-events:none}.particle:first-child{left:8%;animation-duration:12s;animation-delay:0s}.particle:nth-child(2){left:22%;animation-duration:16s;animation-delay:2s;width:1.5px;height:1.5px}.particle:nth-child(3){left:38%;animation-duration:10s;animation-delay:4s}.particle:nth-child(4){left:55%;animation-duration:14s;animation-delay:1s;width:3px;height:3px;background:rgba(236,72,153,.2)}.particle:nth-child(5){left:70%;animation-duration:18s;animation-delay:3s;width:1.5px;height:1.5px}.particle:nth-child(6){left:88%;animation-duration:13s;animation-delay:5s}@keyframes ctaShimmer{0%{left:-150%}to{left:150%}}.cta-shimmer{position:relative;overflow:hidden}.cta-shimmer:after{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:ctaShimmer 3.5s ease-in-out infinite}@media (max-width:480px){.hero-grid{background-size:35px 35px}.orb-cyan,.orb-pink,.particle{display:none}.hero-3d-scene{transform:none!important}}@media (prefers-reduced-motion:reduce){.landing-reveal{opacity:1;transform:none;transition:none}.cta-shimmer:after,.hero-grid,.hologram-glow,.marquee-track,.mock-chart-bar,.orb-cyan,.orb-pink,.particle{animation:none!important}.feature-hub-btn,.hero-3d-scene,.pricing-glow-card,.testimonial-card-premium{transform:none!important;transition:none!important}}.whatsapp-float{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background-color:#25D366;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.3);z-index:9999;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 8px 24px rgba(37,211,102,.5);color:white}.whatsapp-float svg{width:30px;height:30px}