/* ── CONTACT SECTION ── */
#contact {
  background: var(--blue-dark); color: var(--white);
  text-align: center; padding: 96px 48px;
}

#contact .section-label { color: rgba(255, 255, 255, 0.5); }
#contact .section-title  { color: var(--white); }
#contact .section-line   { margin: 16px auto 32px; }

#contact p {
  font-size: 16px; color: rgba(255, 255, 255, 0.65);
  margin-bottom: 40px;
  max-width: 480px; margin-left: auto; margin-right: auto;
  line-height: 1.7;
}

.contact-links { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
.contact-links .btn svg { display: inline-block; vertical-align: middle; margin-right: 6px; }

/* ── FOOTER ── */
footer {
  background: #001f3d; color: rgba(255, 255, 255, 0.4);
  text-align: center; padding: 24px 48px;
  font-size: 12px; letter-spacing: 0.06em;
}

footer a { color: var(--blue-light); text-decoration: none; }

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
  #contact { padding: 64px 24px; }
}