🎨 Fix CSS: Import global.css + plain CSS styles

CSS was not being imported! Fixed:

✅ Added 'import ../styles/global.css' to BaseLayout.astro
✅ Rewrote CSS with plain CSS (not @apply which wasn't working)
✅ Cookie banner has inline styles as backup
✅ Font size: 16px base
✅ Solid colors: green-600 (#16a34a), gray-900 (#111827)
✅ Footer has policy links

Build: 12 pages ✅

dealplustech-astro/node_modules/tailwindcss/lib/util/removeAlphaVariables.js

@@ -0,0 +1,33 @@
+/**
+ * This function removes any uses of CSS variables used as an alpha channel
+ *
+ * This is required for selectors like `:visited` which do not allow
+ * changes in opacity or external control using CSS variables.
+ *
+ * @param {import('postcss').Container} container
+ * @param {string[]} toRemove
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "removeAlphaVariables", {
+    enumerable: true,
+    get: function() {
+        return removeAlphaVariables;
+    }
+});
+function removeAlphaVariables(container, toRemove) {
+    container.walkDecls((decl)=>{
+        if (toRemove.includes(decl.prop)) {
+            decl.remove();
+            return;
+        }
+        for (let varName of toRemove){
+            if (decl.value.includes(`/ var(${varName})`)) {
+                decl.value = decl.value.replace(`/ var(${varName})`, "");
+            } else if (decl.value.includes(`/ var(${varName}, 1)`)) {
+                decl.value = decl.value.replace(`/ var(${varName}, 1)`, "");
+            }
+        }
+    });
+}