@keyframes float{
0%,100%{transform:translateY(0) rotate(-2deg)}
50%{transform:translateY(-15px) rotate(2deg)}
}
@keyframes blobMove{
0%,100%{transform:translate(0,0)}
50%{transform:translate(35px,-25px)}
}
.blob{animation:blobMove 12s ease-in-out infinite}
.heroContent{animation:fadeUp .7s ease both}
.heroCard{animation:fadeUp .9s .1s ease both}
@keyframes fadeUp{
from{opacity:0;transform:translateY(18px)}
to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important}
}