/* CONTACT PAGE: Dark theme overall, minimalist dark fields, visible send button, themed title */
body .contact-page {
  background: #111 !important;
  color: #f3f3f3 !important;
}
body .contact-page .hero-right {
  background: #181818 !important;
  color: #e0e0e0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body .contact-page .hero-right i,
body .contact-page .hero-right strong,
body .contact-page .hero-right div {
  color: #e0e0e0 !important;
}
body .contact-form {
  background: none !important;
  color: #f3f3f3 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  max-width: 520px;
  margin: 3.5rem auto 0 auto;
}
body .contact-form h2 {
  color: #f3f3f3 !important;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  letter-spacing: 0.08em !important;
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
  margin-bottom: 0.7rem !important;
}
body .contact-form input,
body .contact-form textarea {
  width: 100%;
  padding: 0.85rem 1.1rem;
  margin-bottom: 1.1rem;
  border: 1.5px solid #444 !important;
  border-radius: 6px !important;
  background: #23272a !important;
  color: #f3f3f3 !important;
  font-size: 1.05rem !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  transition: border 0.2s, background 0.2s !important;
}
body .contact-form input:focus,
body .contact-form textarea:focus {
  outline: none !important;
  border: 1.5px solid #fff !important;
  background: #18191c !important;
}
body .contact-form input::placeholder,
body .contact-form textarea::placeholder {
  color: #aaa !important;
  font-weight: 300 !important;
}
body .contact-form label {
  color: #e0e0e0 !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  margin-bottom: 0.3rem !important;
  letter-spacing: 0.01em !important;
}
body .contact-form button[type="submit"] {
  background: linear-gradient(90deg, #2563eb 0%, #1e293b 100%) !important;
  color: #fff !important;
  border: 1.5px solid #2563eb !important;
  border-radius: 7px !important;
  padding: 0.95rem 0 !important;
  font-size: 1.12rem !important;
  font-family: inherit !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  cursor: pointer !important;
  box-shadow: 0 2px 16px 0 rgba(37,99,235,0.10) !important;
  transition: background 0.2s, color 0.2s, border 0.2s, box-shadow 0.2s !important;
  margin-top: 0.2rem !important;
}
body .contact-form button[type="submit"]:hover,
body .contact-form button[type="submit"]:focus {
  background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%) !important;
  color: #fff !important;
  border: 1.5px solid #3b82f6 !important;
  box-shadow: 0 4px 24px 0 rgba(59,130,246,0.18) !important;
}
body .contact-form .error-message {
  color: #d32f2f !important;
  background: none !important;
  font-size: 0.98rem !important;
  margin-top: -0.7rem !important;
  margin-bottom: 0.7rem !important;
  text-align: center !important;
  font-weight: 400 !important;
}