/* ============================================
   CTA Section
   ============================================ */

.cta-section {
  background: linear-gradient(135deg, var(--color-primary-500), var(--color-primary-600));
  padding-block: var(--space-16);
  position: relative;
  overflow: hidden;
  text-align: center;
}

.cta-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.08) 0%, transparent 50%);
}

.cta-section::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.06), transparent 50%);
}

.cta-section h2 {
  color: var(--color-white);
  margin-bottom: var(--space-6);
  position: relative;
  z-index: 1;
}

.cta-section .btn {
  position: relative;
  z-index: 1;
}