body.page-contact .page-hero {
  background-color: #1b4931;
  background-image:
    linear-gradient(135deg, rgba(8, 27, 17, 0.2), rgba(183, 238, 164, 0.08)),
    url("../images/bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

body.page-contact .spotlight-card {
  background:
    linear-gradient(145deg, rgba(10, 30, 76, 0.65), rgba(37, 99, 235, 0.58)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent);
  color: #fff;
  box-shadow: var(--shadow-lg);
}

.page-contact .contact-card {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.98),
    rgba(244, 250, 245, 0.95)
  );
}

.page-contact .social-link:hover,
.page-contact .social-link:focus-visible {
  background: rgba(232, 245, 234, 0.92);
  border-color: rgba(77, 159, 91, 0.28);
}

@media (max-width: 40rem) {
  .page-contact .contact-card {
    padding: 1.05rem;
    border-radius: 1.1rem;
  }

  .page-contact .contact-card-head {
    gap: 0.75rem;
  }

  .page-contact .contact-card-link {
    width: 100%;
    min-height: 3rem;
    justify-content: center;
  }

  .page-contact iframe {
    width: 100%;
    height: 15.5rem;
    border-radius: 1.1rem;
  }

  .page-contact .social-row {
    gap: 0.6rem;
  }

  .page-contact .social-link {
    flex: 1 1 calc(50% - 0.3rem);
    min-width: 0;
  }
}