.sparkle{position:absolute;width:4px;height:4px;background:white;border-radius:50%;pointer-events:none;animation:sparkleAnimation 2s ease-out infinite}.floating-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.floating-shape{position:absolute;border-radius:50%;opacity:.1;filter:blur(60px);animation:floatShape 20s infinite ease-in-out}.shape-1{width:300px;height:300px;background:var(--gradient-1);top:10%;left:10%;animation-delay:0s}.shape-2{width:250px;height:250px;background:var(--gradient-2);top:60%;right:15%;animation-delay:-5s}.shape-3{width:200px;height:200px;background:var(--gradient-3);bottom:20%;left:20%;animation-delay:-10s}.shape-4{width:350px;height:350px;background:var(--gradient-hero);top:30%;right:30%;animation-delay:-15s}section{position:relative}section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,0.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,0.1) 0,transparent 50%);pointer-events:none;z-index:0}section>.container{position:relative;z-index:1}.section-title,.service-hero-title,.service-title,h2,h3{position:relative}.section-header{position:relative}.logo-icon{display:inline-block;transition:transform .3s ease}.logo-text{transition:all .3s ease}.gradient-text{background-size:200% 200%;animation:gradientShift 5s ease infinite}