@keyframes auth-gradient-shift {
     0% {
         background-position: 0% 50%;
     }
     50% {
         background-position: 100% 50%;
     }
     100% {
         background-position: 0% 50%;
     }
 }

@keyframes auth-float {
     0%, 100% {
         transform: translateY(0px);
     }
     50% {
         transform: translateY(-20px);
     }
 }

@keyframes auth-float-slow {
     0%, 100% {
         transform: translateY(0px);
     }
     50% {
         transform: translateY(-30px);
     }
 }

@keyframes auth-slideUp {
     0% {
         transform: translateY(20vh);
         opacity: 0;
     }
     100% {
         transform: translateY(0);
         opacity: 1;
     }
 }

.auth-gradient-bg {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: auth-gradient-shift 15s ease infinite;
}

.auth-animate-slide-up {
    animation: auth-slideUp 0.8s ease-out forwards;
}

.auth-float {
    animation: auth-float 3s ease-in-out infinite;
}

.auth-float-slow {
    animation: auth-float-slow 4s ease-in-out infinite;
}