From 5109ace7cd95dcdf445f4e62af787aa9798b6e9f Mon Sep 17 00:00:00 2001
From: Sebastian Beltran <bjohansebas@gmail.com>
Date: Sun, 21 Jun 2026 22:42:31 -0500
Subject: [PATCH] fix: enhance 404 page styling and structure

---
 src/pages/404.astro | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/404.astro b/src/pages/404.astro
index 3a7e077c19..b585e00cb7 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -5,7 +5,7 @@ import { Container, H1, H2, Body, Button, Flex } from '@components/primitives';
 ---
 
 <Layout title="404 - Page Not Found" description="The page you are looking for could not be found.">
-  <Container>
+  <Container class="not-found">
     <div>
       <H1>404</H1>
       <H2>Page Not Found</H2>
@@ -25,3 +25,9 @@ import { Container, H1, H2, Body, Button, Flex } from '@components/primitives';
     </div>
   </Container>
 </Layout>
+
+<style>
+  .not-found {
+    margin-block-start: var(--space-24);
+  }
+</style>