/* Contact section enhancements: professional micro-interactions and modal animations */

/* Subtle hover lift on cards */
#contact .group {
  transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}
#contact .group:hover {
  transform: translateY(-2px);
}

/* Success modal animations */
#contact-success-modal:not(.hidden) .modal-backdrop {
  animation: fadeIn .25s ease-out forwards;
}
#contact-success-modal:not(.hidden) .modal-card {
  animation: scaleIn .25s ease-out forwards;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes scaleIn {
  from { opacity: 0; transform: translateY(-50%) scale(0.96); }
  to { opacity: 1; transform: translateY(-50%) scale(1); }
}

/* Form focus polish */
#contact .contact-form input,
#contact .contact-form textarea {
  transition: box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}
#contact .contact-form input:focus,
#contact .contact-form textarea:focus {
  border-color: #007BFF; /* primary */
  box-shadow: 0 0 0 3px rgba(0,123,255,0.15);
  background-color: #ffffff;
}

/* Buttons micro-interactions */
#contact .btn-primary {
  transition: transform .15s ease, box-shadow .2s ease, opacity .2s ease;
}
#contact .btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}
#contact .btn-outline:hover {
  border-color: #007BFF;
}