@keyframes fadeInUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-22px);}}
@keyframes floatX{0%,100%{transform:translateX(0);}50%{transform:translateX(18px);}}
@keyframes rotateSlow{from{transform:rotate(0);}to{transform:rotate(360deg);}}
@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}
.animate-float{animation:floatY 5s ease-in-out infinite;}
.animate-float-x{animation:floatX 6s ease-in-out infinite;}
.animate-rotate{animation:rotateSlow 20s linear infinite;}
.hero-content{animation:fadeInUp 1s ease .3s both;}
.typed-wrap{animation:fadeInUp 1s ease .5s both;}
.hero-sub{animation:fadeInUp 1s ease .7s both;}
.hero-btns{animation:fadeInUp 1s ease .9s both;}