/* Hero */
.contact-hero {
  background-color: #0d6efd;
  color: #fff;
  animation: fadeSlideDown 1s ease forwards;
}

.contact-hero i {
  animation: glowPulse 2s infinite ease-in-out;
}

/* Form */
.contact-form input,
.contact-form textarea {
  border-radius: 8px;
  transition: box-shadow 0.3s ease;
}

.contact-form input:focus,
.contact-form textarea:focus {
  box-shadow: 0 0 8px rgba(13,110,253,0.3);
}

.contact-form button {
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

.contact-form button:hover {
  background-color: #0b5ed7;
}

/* Dark Mode */
body.dark-mode .contact-hero {
  background-color: #0a58ca;
}

body.dark-mode .contact-form input,
body.dark-mode .contact-form textarea {
  background-color: #2a2a2a;
  color: #fff;
  border: 1px solid #444;
}