/* Contact Us page-specific styles (built on base.css) */
.page-hero {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-accent) 100%);
  padding: var(--space-16) 0 var(--space-12);
}
.page-hero .hero-inner {
  max-width: 860px;
}
.page-hero h1 {
  color: var(--color-primary-dark);
}
.page-hero .subtitle {
  color: var(--color-text-secondary);
  margin-bottom: var(--space-6);
}
.page-hero .hero-ctas { display: flex; gap: var(--space-4); flex-wrap: wrap; }

.section { padding-top: var(--space-12); padding-bottom: var(--space-12); }

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-8);
}
@media (max-width: 900px) {
  .contact-grid { grid-template-columns: 1fr; }
}

.contact-list { display: grid; gap: var(--space-2); margin-bottom: var(--space-4); }
.help-links { display: flex; gap: var(--space-3); flex-wrap: wrap; }

.form-actions { display: flex; align-items: center; gap: var(--space-4); margin-top: var(--space-4); }
.form-note { color: var(--color-text-light); }
.form-status { margin-top: var(--space-3); font-size: var(--font-size-sm); }
.form-status.success { color: var(--color-success-dark); }
.form-status.error { color: var(--color-danger-dark); }

.checkbox-consent { display: flex; align-items: flex-start; gap: var(--space-2); }
.checkbox-consent input { margin-top: 0.3rem; }

.faq-list details { border: 2px solid var(--color-gray-200); border-radius: var(--radius-base); padding: var(--space-3) var(--space-4); margin-bottom: var(--space-3); background: var(--color-bg-primary); }
.faq-list summary { cursor: pointer; font-weight: var(--font-weight-semibold); }
.faq-list p { margin-top: var(--space-2); }

.rating-group { display: flex; gap: var(--space-3); }
.rating-group label { display: inline-flex; align-items: center; gap: var(--space-1); padding: 0.25rem 0.5rem; border: 2px solid var(--color-gray-300); border-radius: var(--radius-full); }
.rating-group input[type="radio"] { accent-color: var(--color-secondary); }

.cta-deck .card { background: linear-gradient(135deg, var(--color-secondary-light) 0%, var(--color-secondary) 100%); }
.cta-deck .card .btn { box-shadow: var(--shadow-base); }