/* Contact Us page-specific styles (built on base.css) */
.contact-hero {
  background: radial-gradient(1200px 600px at 10% -10%, rgba(255, 212, 0, 0.25), transparent 60%),
              radial-gradient(1000px 500px at 110% 10%, rgba(20, 184, 166, 0.18), transparent 60%),
              radial-gradient(800px 400px at 50% 120%, rgba(217, 70, 239, 0.16), transparent 60%),
              var(--gray-50);
  padding-block: var(--space-14);
}
.contact-hero h1 { margin-block-end: var(--space-2); }
.contact-hero .hero-actions { display: flex; gap: var(--space-3); margin-top: var(--space-5); flex-wrap: wrap; }

/* Two-column split layout */
.split { display: grid; gap: var(--space-8); align-items: start; grid-template-columns: 1.2fr 0.8fr; margin-top: var(--space-10); }
@media (max-width: 900px) { .split { grid-template-columns: 1fr; } }

/* Form refinements */
.full-width { grid-column: 1 / -1; }
#contact-form .actions { display: flex; gap: var(--space-3); align-items: center; margin-top: var(--space-5); }
#contact-form .consent-row { margin-top: var(--space-4); }
#contact-form .checkbox { display: inline-flex; align-items: flex-start; gap: var(--space-2); }
#contact-form .form-status { margin-top: var(--space-4); min-height: 1.6em; font-weight: 600; }
#contact-form .form-status.success { color: var(--color-success); }
#contact-form .form-status.error { color: var(--color-danger); }

/* Aside */
.support-aside .card { position: sticky; top: var(--space-8); }

/* Recap list */
.recap-list { display: grid; gap: var(--space-3); padding-left: 1rem; }
.recap-list li { list-style: disc; margin-left: 1rem; }