@keyframes fade {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes grow {
  from { transform: scale(0.8); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
@keyframes blob {
  0% { transform: translate(0px, 0px) scale(1); }
  33% { transform: translate(30px, -50px) scale(1.1); }
  66% { transform: translate(-20px, 20px) scale(0.9); }
  100% { transform: translate(0px, 0px) scale(1); }
}
.animate-fade { animation: fade 0.6s ease-in-out; }
.animate-grow { animation: grow 0.8s ease-out; }
.animate-blob { animation: blob 7s infinite; }
.animation-delay-2000 { animation-delay: 2s; }
.animation-delay-4000 { animation-delay: 4s; }

.error-message { color: #8b2942; }
.input-error { border-color: #8b2942 !important; }

@media screen and (max-width: 768px) {
  .md\:flex.md\:items-center.md\:space-x-6 { display: none; }
}
