/* ==========================================================================
   CTA SECTION
   Call-to-action section with gradient background
   ========================================================================== */

  /* CTA Section */
  .cta-section {
    background: var(--gradient-mesh), var(--gradient-dark);
    color: var(--white);
    text-align: center;
    position: relative;
    overflow: hidden;
  }

  .cta-particles {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .cta-content {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto;
  }

  .cta-title {
    font-weight: 800;
    margin-bottom: 1.25rem;
    animation: text-glow 3s ease-in-out infinite;
  }

  @keyframes text-glow {
    0%, 100% { text-shadow: 0 0 20px rgba(0,212,255,.5); }
    50% { text-shadow: 0 0 40px rgba(0,212,255,.8); }
  }

  .cta-subtitle {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    opacity: 0.95;
    line-height: 1.5;
  }

  .cta-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
  }