/* Text gradient animation */
.animate-text-gradient {
  background-image: linear-gradient(
    -225deg,
    #5eead4 0%,
    #14b8a6 50%,
    #0d9488 100%
  );
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 3s linear infinite;
}

@keyframes textclip {
  from {
    background-position: 200% center;
  }
  to {
    background-position: 0% center;
  }
}

/* Spinning Logo Animation */
.spinning-logo {
    animation: spin 4s linear infinite;
    transform-origin: center;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Back to Top Button */
#back-to-top {
    opacity: 0;
    transform: translateY(100%);
    pointer-events: none;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

#back-to-top.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Add a subtle floating animation for the form */
.floating {
    animation: float 6s ease-in-out infinite;
}

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