feat: custom 404 page + updated humans.txt

- 404: ASCII "404" art, tagline, 3 navigation buttons, dark theme
- humans.txt: updated stats (36 LXC, 13 playbooks, IronClaw, PBS backup,
  KV/D1, R2 CDN), added HTB profile + easter egg hint

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: ferr079

public/humans.txt

@@ -1,30 +1,38 @@
 /* TEAM */
-Human: Stephane Ferreira
+Human: Stéphane Ferreira
 Role: DevSecOps Engineer, Infrastructure Architect
 Location: France
 GitHub: github.com/ferr079
+HTB: app.hackthebox.com/users/Ferr079
 Site: pixelium.win
 
 /* AI PARTNER */
-Name: Claude (Anthropic)
+Name: Claude (Anthropic, Opus 4.6)
 Role: Co-designer, narrator, permanent engineering partner
-Integration: Claude Code with MCP (Model Context Protocol)
+Integration: Claude Code with 6 MCP servers, persistent memory, custom skills
 
 /* STACK */
-Framework: Astro 6
+Framework: Astro 6 (SSG + SSR hybrid)
 Hosting: Cloudflare Workers
-CSS: Pure CSS (zero framework, zero Tailwind)
-JS: ~15 lines vanilla (IntersectionObserver only)
-i18n: EN (default) + FR
+CDN: Cloudflare R2 (assets.pixelium.win)
+Data: Cloudflare KV (live stats) + D1 (uptime history)
+CSS: Pure CSS (zero framework)
+JS: Vanilla only — DynNum hydration, scroll reveal, terminal recordings
+i18n: EN (default) + FR (22 pages total)
 
 /* INFRASTRUCTURE (what this site documents) */
-Virtualization: 3x Proxmox VE nodes, 30+ LXC containers
-Network: TechnitiumDNS (DoT), Traefik, step-ca (internal PKI)
-Security: Wazuh SIEM, CrowdSec IPS, Authentik SSO, Headscale VPN
+Virtualization: 3x Proxmox VE nodes, 36 LXC containers
+Network: TechnitiumDNS (DoT HA), Traefik, step-ca (internal PKI)
+Security: Wazuh SIEM, CrowdSec IPS, Authentik SSO, Headscale VPN, YubiKey FIDO2
 Observability: VictoriaMetrics, Loki, Beszel, Patchmon
-IaC: Ansible via Semaphore, Forgejo Runner CI/CD
-AI: OpenFang (Rust AIOps), OpenClaw (personal assistant)
+IaC: Ansible (13 playbooks) via Semaphore, Forgejo Runner CI/CD
+AI Agents: OpenFang Guardian (5 crons, 7 wrappers), veille-rss, PentAGI, IronClaw
+Backup: PBS automated (WOL, vzdump 33 CTs, prune, shutdown — 14 min cycle)
 
 /* PHILOSOPHY */
-100% open source. 100% self-hosted. Zero external cloud dependency.
+100% self-hosted. Cloudflare edge only. Zero VPS.
 Security is not an add-on — it is the foundation.
+Every number on this site is live from the homelab.
+
+/* EASTER EGGS */
+You found one. There are others.

src/pages/404.astro

@@ -0,0 +1,99 @@
+---
+import Base from '../layouts/Base.astro';
+---
+
+<Base title="404 — pixelium.win" description="Page not found." hideNav={false}>
+  <main>
+    <section class="notfound">
+      <div class="container">
+        <pre class="notfound-ascii" aria-hidden="true">
+  ██╗  ██╗ ██████╗ ██╗  ██╗
+  ██║  ██║██╔═══██╗██║  ██║
+  ███████║██║   ██║███████║
+  ╚════██║██║   ██║╚════██║
+       ██║╚██████╔╝     ██║
+       ╚═╝ ╚═════╝      ╚═╝</pre>
+        <h1>Not found<span class="dot">.</span></h1>
+        <p class="notfound-msg">This page doesn't exist — but the infrastructure does.</p>
+        <div class="notfound-links">
+          <a href="/" class="btn btn-primary">Homepage</a>
+          <a href="/status" class="btn btn-secondary">Live status</a>
+          <a href="/infrastructure" class="btn btn-secondary">Infrastructure</a>
+        </div>
+      </div>
+    </section>
+  </main>
+</Base>
+
+<style>
+  .notfound {
+    min-height: 70vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+  }
+
+  .notfound-ascii {
+    font-family: var(--font-mono);
+    font-size: 0.6rem;
+    line-height: 1.15;
+    color: var(--color-accent);
+    opacity: 0.3;
+    margin-bottom: 1.5rem;
+    user-select: none;
+  }
+
+  h1 {
+    font-size: clamp(2rem, 5vw, 3.5rem);
+    margin-bottom: 0.75rem;
+  }
+
+  .dot {
+    color: var(--color-accent);
+  }
+
+  .notfound-msg {
+    color: var(--color-text-muted);
+    font-size: 1.1rem;
+    margin-bottom: 2rem;
+    font-family: var(--font-mono);
+  }
+
+  .notfound-links {
+    display: flex;
+    gap: 1rem;
+    justify-content: center;
+    flex-wrap: wrap;
+  }
+
+  .btn {
+    font-family: var(--font-mono);
+    font-size: 0.9rem;
+    padding: 0.65rem 1.5rem;
+    border-radius: 6px;
+    text-decoration: none;
+    transition: background 0.2s, border-color 0.2s;
+  }
+
+  .btn-primary {
+    background: var(--color-accent);
+    color: var(--color-bg);
+    font-weight: 600;
+  }
+
+  .btn-primary:hover {
+    background: var(--color-accent-hover);
+    color: var(--color-bg);
+  }
+
+  .btn-secondary {
+    border: 1px solid var(--color-border);
+    color: var(--color-text);
+  }
+
+  .btn-secondary:hover {
+    border-color: var(--color-accent);
+    color: var(--color-accent);
+  }
+</style>