/* Animations */
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.animate-float{animation:float 3s ease-in-out infinite}
.animate-pulse{animation:pulse 2s ease-in-out infinite}
.hero-gradient-bg{background:linear-gradient(-45deg,#6c5ce7,#a855f7,#ec4899,#f97316,#6c5ce7);background-size:400% 400%;animation:gradientShift 15s ease infinite}
.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}