diff --git a/postcss.config.js b/postcss.config.js
index e92ac86c..cfae702e 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,18 +1,13 @@
 // postcss.config.js
 
-import tailwindcss from 'tailwindcss';
+import tailwindcssPostcss from '@tailwindcss/postcss';
 
 console.log('--- [EXECUTION PROOF] postcss.config.js is being loaded. ---');
 
 export default {
   plugins: [
-    // Initialize the tailwindcss plugin and pass the config object directly.
-    // This bypasses ALL file searching.
-    tailwindcss({
-      content: [
-        "./index.html",
-        "./src/**/*.{js,ts,jsx,tsx}",
-      ],
-    }),
+    // Use the plugin the error message specifically told us to use.
+    // This plugin will then be responsible for finding tailwind.config.js
+    tailwindcssPostcss,
   ],
 };
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 00000000..b942dfcd
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,11 @@
+// tailwind.config.js
+
+console.log('--- [EXECUTION PROOF] tailwind.config.js is being loaded. ---');
+
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+};
\ No newline at end of file