.contact-page-shell h1,
.contact-page-shell h2,
.contact-page-shell h3 {
  letter-spacing: .02em;
}

.contact-page-shell .lead {
  color: rgba(238, 244, 255, 0.8);
}

.contact-page-shell .card {
  background: linear-gradient(160deg, rgba(8, 20, 43, 0.94), rgba(6, 16, 34, 0.94)) !important;
  border: 1px solid rgba(132, 170, 227, 0.28) !important;
  border-radius: 18px;
  color: #eef4ff;
}

.contact-page-shell .btn-primary {
  background: linear-gradient(135deg, #004b9c, #1f69ba);
  border-color: rgba(173, 223, 249, 0.44);
  border-radius: 999px;
  font-weight: 700;
}

.contact-page-shell .btn-primary:hover,
.contact-page-shell .btn-primary:focus-visible {
  background: linear-gradient(135deg, #0058b7, #2a74c8);
}

.contact-icon {
  color: #afdff9 !important;
}

.contact-social-btn,
.mail-link {
  border-color: rgba(173, 223, 249, 0.44) !important;
  color: #afdff9 !important;
}

.contact-social-btn:hover,
.contact-social-btn:focus-visible,
.contact-dep-btn:hover,
.contact-dep-btn:focus-visible {
  background: rgba(0, 75, 156, 0.4) !important;
  border-color: rgba(173, 223, 249, 0.64) !important;
  color: #fff !important;
}

.contact-page-shell .form-control {
  background: rgba(1, 7, 24, 0.86);
  border: 1px solid rgba(132, 170, 227, 0.24);
  color: #eef4ff;
  border-radius: 12px;
}

.contact-page-shell .form-control::placeholder {
  color: rgba(206, 223, 247, 0.46);
}

.contact-page-shell .form-control:focus {
  background: rgba(2, 10, 32, 0.9);
  border-color: rgba(173, 223, 249, 0.58);
  box-shadow: 0 0 0 .2rem rgba(0, 75, 156, 0.22);
  color: #fff;
}

@media (max-width: 768px) {
  .contact-socials {
    width: 100%;
  }

  .contact-socials .contact-social-btn {
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 0;
    justify-content: center;
  }
}