@tailwind base;
@tailwind components;
@tailwind utilities;

/* Fade-in effect */
@keyframes fadeIn {
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0); }
}

.animate-fadeIn {
  animation: fadeIn 1s ease-out forwards;
}

/* Fade-In Animation */
@keyframes fadeIn {
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0); }
}

.animate-fadeIn {
  animation: fadeIn 1.2s ease-out forwards;
}

/* Glow Effect on Hover */
input:focus,
button:hover {
  box-shadow: 0 0 15px rgba(79, 70, 229, 0.6);
}