Project Category Card

<div class="group overflow-hidden bg-white border border-gray-200
  rounded-3xl shadow-sm hover:shadow-lg transition-shadow
  duration-300">
  <style>@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
    
    .font-geist {
      font-family: 'Inter', 'Helvetica Neue', sans-serif;
    }</style>
  <div class="overflow-hidden">
    <img src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/0465d628-a834-480c-8e14-ff665ed9a84b_800w.jpg" alt="3D render of layered chip with neon accents" class="sm:h-52 transition-transform duration-300 group-hover:scale-105 w-full h-48 object-cover" />
  </div>
  <div class="pt-6 pr-6 pb-6 pl-6">
    <h3 class="text-lg font-semibold tracking-tight text-gray-900 font-geist">Protocol & Core Infrastructure</h3>
    <ul class="mt-3 list-disc pl-5 text-sm text-gray-600 space-y-2 font-geist">
      <li>Enhancements to the Nosana network.</li>
      <li>Optimizations for GPU workload distribution and performance.</li>
      <li>Security, privacy, and cryptographic innovations.</li>
    </ul>
  </div>
</div>