Smarter Text Glass Feature Card

<div class="w-full bg-gray-900 flex justify-center py-12">
  <style>@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600'); .glass-card { background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 67.38%, rgba(255, 255, 255, 0) 95.49%); backdrop-filter: blur(10px); border: 1px solid rgba(98, 109, 137, 0.5); }</style>
  <div class="glass-card rounded-[64px] w-full max-w-[757px] bg-white bg-opacity-5 p-8">
    <div class="flex flex-col items-center space-y-4">
      <div class="w-full max-w-[725px] h-[700px] bg-gradient-to-br
        from-purple-500 to-pink-600 rounded-3xl flex items-center
        justify-center mb-4 relative">
        <div class="absolute left-1/3 top-1/3 w-20 h-20 bg-white rounded-full flex items-center justify-center shadow-lg">
          <svg class="w-10 h-10 text-yellow-500" fill="currentColor" viewBox="0 0 24 24">
            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
          </svg>
        </div>
        <div class="absolute right-1/3 bottom-1/3 w-16 h-16 bg-white
          rounded-full flex items-center justify-center shadow-lg">
          <div class="w-8 h-8 border-4 border-blue-500 rounded-full border-t-transparent animate-spin"></div>
        </div>
      </div>
      <div class="text-left w-full">
        <h2 class="text-white font-bold text-4xl lg:text-5xl mb-6 font-['Plus_Jakarta_Sans',_sans-serif]">Smarter Text Starts Here</h2>
        <p class="text-gray-300 text-lg lg:text-xl leading-relaxed font-['Plus_Jakarta_Sans',_sans-serif]">Edit with GPT-4, Claude 3.7, DeepSeek & more.</p>
      </div>
    </div>
  </div>
</div>