fix: correct CSS @import order to resolve 504 gateway timeout

frontend/src/styles.css

@@ -1,5 +1,4 @@
 @import "tailwindcss";
-
 @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');
 
 @theme {
@@ -76,8 +75,17 @@
   --shadow-brutal-accent: 4px 4px 0px 0px hsl(193 48% 67%);
 }
 
-* {
+@layer base {
+  * {
+    border-color: hsl(var(--border));
     box-sizing: border-box;
+  }
+  
+  h1, h2, h3, h4, h5, h6 {
+    font-family: var(--font-display);
+    letter-spacing: 0.02em;
+    text-transform: uppercase;
+  }
 }
 
 html {
@@ -325,18 +333,6 @@ body::before {
   overflow: hidden;
 }
 
-@layer base {
-  * {
-    border-color: hsl(var(--border));
-  }
-  
-  h1, h2, h3, h4, h5, h6 {
-    font-family: var(--font-display);
-    letter-spacing: 0.02em;
-    text-transform: uppercase;
-  }
-}
-
 ::-webkit-scrollbar {
   width: 12px;
 }