<section class="relative px-5 md:px-8 py-24 md:py-32 overflow-hidden" style="background: linear-gradient(135deg, var(--saffron) 0%, var(--gold) 100%);">
  <div class="absolute -left-20 -top-20 w-72 h-72 rounded-full border border-white/25"></div>
  <div class="absolute -right-16 -bottom-24 w-80 h-80 rounded-full border border-white/25"></div>

  <div class="max-w-3xl mx-auto text-center relative reveal">
    <h2 class="font-display text-3xl md:text-[2.4rem] font-semibold text-white leading-tight">
      आज ही सदस्य बनें
    </h2>
    <p class="mt-5 text-white/90 leading-relaxed max-w-2xl mx-auto">
      Together We Inspire. Together We Serve. Together We Transform Lives. <br>
      चाहे आप शिक्षक हों, संस्थान हों या छात्र — महासंघ आपकी व्यावसायिक यात्रा में साथ खड़ा है।
    </p>
    <div class="mt-9 flex flex-col sm:flex-row items-center justify-center gap-4">
      <a x-data 
    @click="window.dispatchEvent(new CustomEvent('open-paidmember-modal'))" href="#" class="w-full sm:w-auto text-center bg-indigo-deep hover:bg-indigo text-sand font-semibold px-8 py-3.5 rounded-full transition-colors duration-300">
        अभी आवेदन करें
      </a>
      <a href="<?php echo e(route('whyus')); ?>" class="w-full sm:w-auto text-center border-2 border-white/70 hover:border-white text-white font-semibold px-8 py-3.5 rounded-full transition-colors duration-300">
        हमें क्यों चुनें
      </a>
    </div>
  </div>
</section><?php /**PATH /var/www/abyogasms.com/resources/views/components/cta.blade.php ENDPATH**/ ?>