Fix 404 page routing and cleanup

- Fix nginx config to serve custom 404 for missing routes (was falling back to index.html)
- Add `error_page 404 /404.html` with proper 404 status code
- Change `try_files` fallback from `/index.html` to `=404`
- Clean up unused CSS classes (.terminal-title, .command, .path, .comment)
- Add bidirectional transition for background fade
- Add flex-wrap to actions for mobile responsiveness
- Add aria-label to search button for accessibility
- Add max-width: none to prevent Starlight's 1280px constraint

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <[email protected]>

Author: kylemclaren

Dockerfile

@@ -24,12 +24,13 @@ RUN pnpm run build
 # Final stage - minimal nginx
 FROM nginx:alpine
 
-# SPA routing + caching for static assets
+# Static site routing + caching for static assets
 RUN printf 'server {\n\
     listen 80;\n\
     root /usr/share/nginx/html;\n\
+    error_page 404 /404.html;\n\
     location / {\n\
-        try_files $uri $uri/ $uri.html /index.html;\n\
+        try_files $uri $uri/ $uri.html =404;\n\
     }\n\
     location ~* \\.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2)$ {\n\
         expires 1y;\n\

src/pages/404.astro

@@ -136,14 +136,6 @@ import '@/styles/custom.css';
         user-select: none;
       }
 
-      .command {
-        color: oklch(0.9 0.01 106.423);
-      }
-
-      .path {
-        color: oklch(0.768 0.233 130.85);
-      }
-
       .error-line {
         display: flex;
         align-items: baseline;
@@ -284,11 +276,6 @@ import '@/styles/custom.css';
           </div>
         </div>
         <div class="terminal-body">
-          <div class="line">
-            <span class="prompt">$ </span>
-            <span class="command">sprite exec</span>
-            <span class="path"> {Astro.url.pathname}</span>
-          </div>
           <div class="error-line">
             <span class="error-code">404</span>
             <span class="error-msg">This sprite escaped its sandbox</span>