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

@keyframes contact-slide-up-out {
  from { transform: translateY(0); opacity: 1; }
  to   { transform: translateY(-40px); opacity: 0; }
}

@keyframes contact-slide-up-in {
  from { transform: translateY(40px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

.contact-form-sliding-out {
  animation: contact-slide-up-out 0.35s ease forwards;
}

.contact-success-slide-in {
  animation: contact-slide-up-in 0.55s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}