@keyframes slideUp {
  0% { transform: translateY(40px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

.contact-container {
  animation: slideUp 1.2s ease forwards;
}

.form-control {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-control:focus {
  border-color: #228B22 !important;
  box-shadow: 0 0 8px rgba(34, 139, 34, 0.5);
  outline: none;
}

.btn-success:hover {
  background-color: #1a6f1a !important;
  transform: scale(1.03);
}

@media (max-width: 600px) {
  .contact-container {
    padding: 25px 20px !important;
  }
}