404.html

---
layout: default
title: "Page Not Found"
permalink: /404.html
---

<div style="text-align: center; padding: 4rem 2rem;">
  <h1 style="font-size: 4rem; margin-bottom: 1rem; color: #dc3545;">404</h1>
  <h2 style="font-size: 2rem; margin-bottom: 2rem; color: #6c757d;">Page Not Found</h2>
  
  <p style="font-size: 1.2rem; margin-bottom: 3rem; color: #495057;">
    The page you're looking for doesn't exist or has been moved.
  </p>
  
  <div style="max-width: 600px; margin: 0 auto;">
    <h3 style="margin-bottom: 1rem;">Try these options:</h3>
    
    <div style="display: grid; gap: 1rem; margin-bottom: 3rem;">
      <a href="/" class="btn btn-blue" style="display: inline-block; padding: 1rem 2rem; text-decoration: none; border-radius: 6px;">
        🏠 Go to Homepage
      </a>
      
      <a href="/resources/installation-guide" class="btn btn-blue" style="display: inline-block; padding: 1rem 2rem; text-decoration: none; border-radius: 6px;">
        📖 Installation Guide
      </a>
    </div>
    
    <div style="background: #f8f9fa; padding: 2rem; border-radius: 8px; margin-bottom: 2rem;">
      <h4 style="margin-bottom: 1rem;">Looking for a specific resource?</h4>
      <p style="margin-bottom: 1rem;">Try searching our documentation on the top of this page.</p>
    </div>
    
    <div style="background: #fff3cd; padding: 2rem; border-radius: 8px; border-left: 4px solid #ffc107;">
      <h4 style="margin-bottom: 1rem;">Need Help?</h4>
      <p style="margin-bottom: 1rem;">Join our Discord community for support:</p>
      <a href="https://nights-software.com/discord" class="btn btn-discord" style="display: inline-block; padding: 0.75rem 1.5rem; text-decoration: none; border-radius: 6px;">
        💬 Join Discord
      </a>
    </div>
  </div>
</div>