404.html

---
layout: default
title: "404 - Pagina Non Trovata"
permalink: /404.html
---

<div class="min-h-screen flex items-center justify-center bg-gradient-to-r from-blue-600 to-indigo-700 py-12 px-4">
  <div class="text-center text-white max-w-2xl">
    <!-- 404 Number -->
    <div class="mb-8">
      <h1 class="text-9xl font-bold mb-4 opacity-20">404</h1>
      <div class="relative -mt-24">
        <svg class="w-32 h-32 mx-auto text-white opacity-80" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
        </svg>
      </div>
    </div>

    <!-- Message -->
    <h2 class="text-4xl md:text-5xl font-bold mb-6">
      Oops! Pagina Non Trovata
    </h2>
    <p class="text-xl md:text-2xl text-blue-100 mb-12">
      La pagina che stai cercando non esiste o è stata spostata.
    </p>

    <!-- Fun Fact -->
    <div class="mt-12 p-6 bg-white bg-opacity-10 rounded-lg backdrop-blur-sm">
      <p class="text-sm text-blue-100">
        <strong>Lo sapevi?</strong> Il codice di errore 404 fu scelto perché la stanza 404 al CERN
        ospitava il primo server web, e quando un file non veniva trovato lì, restituiva questo errore.
      </p>
    </div>
  </div>
</div>