/* ===== Contact Page ===== */

.contact-page {
  padding: 36px 18px;
}

.contact-intro {
  margin: 10px 0 18px;
}

.contact-card {
  padding: 18px;
}

.contact-form {
  display: grid;
  gap: 14px;
}

.field {
  display: grid;
  gap: 6px;
}

.field > span {
  font-weight: 600;
  font-size: 0.95rem;
}

.field input,
.field textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border2);
  border-radius: 12px;
  background: #fff;
  color: var(--text);
  font: inherit;
}

.field textarea {
  resize: vertical;
  min-height: 140px;
}

.contact-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 4px;
}

.contact-success {
  padding: 10px 0 4px;
  text-align: center;
}

.contact-success-title {
  font-weight: 700;
  margin-bottom: 4px;
}

/* Honeypot hidden */
.hp {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}