.contact-section {
  background: var(--white);
}

.contact-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 30px;
  align-items: start;
}

.contact-info {
  display: grid;
  gap: 18px;
}

.contact-info h2,
.contact-form h2 {
  margin-bottom: 6px;
}

.contact-card {
  padding: 24px;
}

.contact-form {
  background: var(--white);
  border: 1px solid rgba(213, 227, 228, 0.85);
  border-radius: 24px;
  padding: 30px;
  box-shadow: var(--shadow-soft);
  display: grid;
  gap: 20px;
}

.map-section {
  background: var(--section-bg);
}

@media (max-width: 900px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }
}