🎨 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/astro/dist/vite-plugin-html/transform/index.js

@@ -0,0 +1,21 @@
+import MagicString from "magic-string";
+import { rehype } from "rehype";
+import { VFile } from "vfile";
+import escape from "./escape.js";
+import slots, { SLOT_PREFIX } from "./slots.js";
+async function transform(code, id) {
+  const s = new MagicString(code, { filename: id });
+  const parser = rehype().data("settings", { fragment: true }).use(escape, { s }).use(slots, { s });
+  const vfile = new VFile({ value: code, path: id });
+  await parser.process(vfile);
+  s.prepend(`function render({ slots: ${SLOT_PREFIX} }) {
+		return \``);
+  s.append('`\n	}\nrender["astro:html"] = true;\nexport default render;');
+  return {
+    code: s.toString(),
+    map: s.generateMap({ hires: "boundary" })
+  };
+}
+export {
+  transform
+};