404.njk

---
permalink: /404.html
eleventyExcludeFromCollections: true
layout: base.njk
title: Page Not Found
---

<div class="min-h-[60vh] flex items-center justify-center px-4">
  <div class="text-center">
    <h1 class="text-6xl font-bold text-gray-300 mb-4">404</h1>
    <h2 class="text-2xl font-semibold text-gray-900 mb-4">Page Not Found</h2>
    <p class="text-gray-600 mb-8 max-w-md mx-auto">
      The page you're looking for doesn't exist or has been moved.
    </p>

    <div class="flex flex-col sm:flex-row gap-4 justify-center">
      <a href="/" class="px-6 py-3 bg-primary-600 text-white font-medium rounded-lg hover:bg-primary-700 transition-colors">
        Go to Homepage
      </a>
      <a href="/strategy/" class="px-6 py-3 bg-white text-gray-700 font-medium rounded-lg border border-gray-300 hover:bg-gray-50 transition-colors">
        Browse Strategy
      </a>
    </div>

    <div class="mt-12">
      <h3 class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-4">Try searching</h3>
      <div id="search" class="max-w-md mx-auto"></div>
    </div>
  </div>
</div>