diff --git a/astro.config.mjs b/astro.config.mjs
index ec63791..237523f 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -12,7 +12,7 @@ export default defineConfig({
     integrations: [
         react(),
         tailwind({
-            applyBaseStyles: false,
+            applyBaseStyles: true,
         }),
     ],
     vite: {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 9872673..619d0b9 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -16,26 +16,8 @@ export const prerender = false;
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>🔱 🔱 Valhalla - Spark God Mode</title>
+    <title>🔱 Valhalla - Spark God Mode</title>
     <meta name="robots" content="noindex, nofollow">
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script>
-        tailwind.config = {
-            darkMode: 'class',
-            theme: {
-                extend: {
-                    colors: {
-                        god: {
-                            gold: '#FFD700',
-                            dark: '#0a0a0a',
-                            card: '#111111',
-                            border: '#333333'
-                        }
-                    }
-                }
-            }
-        }
-    </script>
     <style>
         @keyframes pulse-gold {
             0%, 100% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4); }
diff --git a/src/styles/global.css b/src/styles/global.css
new file mode 100644
index 0000000..9702902
--- /dev/null
+++ b/src/styles/global.css
@@ -0,0 +1,68 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    :root {
+        --background: 0 0% 0%;
+        --foreground: 0 0% 100%;
+        --card: 0 0% 7%;
+        --card-foreground: 0 0% 100%;
+        --popover: 0 0% 15%;
+        --popover-foreground: 0 0% 100%;
+        --primary: 45 55% 53%;
+        --primary-foreground: 0 0% 0%;
+        --secondary: 0 0% 11%;
+        --secondary-foreground: 0 0% 100%;
+        --muted: 0 0% 7%;
+        --muted-foreground: 0 0% 82%;
+        --accent: 0 0% 15%;
+        --accent-foreground: 0 0% 100%;
+        --destructive: 0 72% 51%;
+        --destructive-foreground: 0 0% 100%;
+        --border: 0 0% 15%;
+        --input: 0 0% 10%;
+        --ring: 45 55% 53%;
+        --radius: 0.5rem;
+    }
+}
+
+@layer base {
+    * {
+        @apply border-border;
+    }
+
+    body {
+        @apply bg-background text-foreground;
+        font-feature-settings: "rlig" 1, "calt" 1;
+    }
+}
+
+/* God Mode specific */
+@keyframes pulse-gold {
+
+    0%,
+    100% {
+        box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4);
+    }
+
+    50% {
+        box-shadow: 0 0 20px 10px rgba(255, 215, 0, 0.1);
+    }
+}
+
+.pulse-gold {
+    animation: pulse-gold 2s infinite;
+}
+
+.status-healthy {
+    color: #22c55e;
+}
+
+.status-unhealthy {
+    color: #ef4444;
+}
+
+.status-warning {
+    color: #eab308;
+}
\ No newline at end of file
