/* ============================================================
   contact.css — contact page
   ============================================================ */

#contact-page {
  padding-top: calc(72px + 72px);
  padding-bottom: 100px;
}

.contact-header { margin-bottom: 72px; }

.contact-intro {
  margin-top: 24px;
  max-width: 520px;
  color: var(--text-2);
  font-size: 0.84rem;
  line-height: 1.9;
}

/* ── Grid ── */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

/* ── Left: coords ── */
.coords-label {
  font-size: 0.6rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 4px;
}

.plain-link {
  color: var(--violet-light);
  transition: color var(--transition);
}
.plain-link:hover { color: var(--violet-glow); }

.pgp-fp {
  font-size: 0.7rem;
  color: var(--muted);
  letter-spacing: 0.08em;
  font-family: var(--font-mono);
}

/* ── Right: form ── */
.contact-form .coords-label { margin-bottom: 16px; }
.contact-form .card::before { display: none; } /* remove gradient line */
.contact-form .form-textarea { height: 130px; }

/* ── Responsive ── */
@media (max-width: 768px) {
  .contact-grid { grid-template-columns: 1fr; gap: 48px; }
}

/* ── Feedback formulaire ── */
.form-feedback {
  font-size: 0.75rem;
  padding: 10px 14px;
  margin-bottom: 16px;
  letter-spacing: 0.04em;
  border-left: 2px solid;
}
.form-feedback.success {
  color: var(--green);
  border-color: var(--green);
  background: rgba(74,222,128,0.05);
}
.form-feedback.error {
  color: #f87171;
  border-color: #f87171;
  background: rgba(248,113,113,0.05);
}