.page-hero {
  background: linear-gradient(135deg, #f8fbff 0%, #eef6ff 100%);
  border-bottom: 1px solid #e5e7eb;
}

@media (max-width: 991.98px) {
  .hero-section h1 {
    font-size: 2rem;
  }
}

@media (max-width: 767.98px) {
  .hero-stats {
    flex-direction: column;
  }

  .stat-item {
    width: 100%;
  }

  .cta-card {
    padding: 2rem 1rem;
  }
}