nt-to-r from-blue-600 to-blue-400 dark:from-blue-500 dark:to-blue-300 mx-auto rounded-full"></div>
      </div>

      <!-- Main Content -->
      <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-xl overflow-hidden transform transition-all duration-300 hover:shadow-2xl">
        <!-- Square Logo and Title -->
        <div class="p-8 border-b border-gray-100 dark:border-gray-700">
          <div class="flex items-center justify-between">
            <div>
              <h3 class="text-3xl font-bold b