.hero-wrapper{background-image:url(/images/hero-background.jpg);background-size:cover;background-position:50%;position:relative}@media(max-width:1024px){.hero-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));pointer-events:none}}.hero-section .title-gradient{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe);background-size:300% 300%;animation:gradient-flow 8s ease infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);color:rgba(0,0,0,0);filter:drop-shadow(0 0 20px rgba(102,126,234,.3))}@media(max-width:1024px){.hero-section .title-gradient{filter:drop-shadow(0 0 15px rgba(102,126,234,.25))}.hero-section .hero-demo-container{transition:transform .3s ease-out,box-shadow .3s ease-out}.hero-section .hero-demo-container:active{transform:scale(.98);box-shadow:0 16px 32px 0 rgba(0,0,0,.12)}}@keyframes gradient-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes button-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.hero-button-pulse{animation:button-pulse 3s ease-in-out infinite}.hero-button-pulse:hover{animation:none}