/* Contact Us page specific styles (keeps consistency with base.css) */
.contact-hero {
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-primary) 20%, transparent), color-mix(in oklab, var(--color-success) 15%, transparent));
  padding-block: var(--space-16);
  position: relative;
}
.contact-hero .hero-cta { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-4); }

.info-grid .muted { color: var(--color-muted); font-size: var(--fs-sm); }

/* Forms */
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}
.form-field { display: flex; flex-direction: column; gap: 8px; }
.form-span-2 { grid-column: span 2; }
.checkbox { display: inline-flex; align-items: flex-start; gap: 10px; }
.checkbox input { margin-top: 4px; }

.form-status { margin-top: var(--space-3); color: var(--color-muted); }
.form-status.success { color: var(--color-success); font-weight: 600; }
.form-status.error { color: var(--color-danger); font-weight: 600; }

.social-links { display: flex; gap: var(--space-3); flex-wrap: wrap; }
.social-link i { margin-right: 8px; }

.support-list { display: grid; gap: 10px; }

/* Responsive */
@media (max-width: 720px) {
  .form-grid { grid-template-columns: 1fr; }
  .form-span-2 { grid-column: auto; }
}