/* Modern fade-in and gradient animation for Tailwind/Flowbite theme */
@keyframes fade-in {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: none; }
}
.animate-fade-in {
  animation: fade-in 1.2s cubic-bezier(0.4,0,0.2,1) both;
}
@keyframes fade-in-up {
  from { opacity: 0; transform: translateY(32px); }
  to { opacity: 1; transform: none; }
}
.animate-fade-in-up {
  animation: fade-in-up 1.1s cubic-bezier(0.4,0,0.2,1) both;
}
@keyframes gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.animate-gradient {
  background: linear-gradient(90deg, #00ffe7, #00bfff, #00ffe7);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradient 3s ease-in-out infinite;
}