/* ─── CONTACT ──────────────────────────────────────────── */
#contact { text-align: center; }
.contact-inner { max-width: 560px; margin: 0 auto; }
.contact-inner h2.section-title::after { margin: 0.5rem auto 0; }
.contact-inner p {
  color: var(--text2); margin: 1rem 0 2.5rem; font-size: 1.05rem;
}
.contact-links {
  display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem;
}
.contact-card {
  display: flex; align-items: center; gap: 0.75rem;
  background: var(--bg3); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 1rem 1.75rem;
  font-weight: 500; font-size: 0.95rem;
  transition: all var(--transition);
}
.contact-card:hover {
  border-color: var(--accent); color: var(--accent);
  box-shadow: var(--glow); transform: translateY(-2px);
}