🎨 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/runtime/server/render/page.js

@@ -0,0 +1,70 @@
+import { renderComponentToString } from "./component.js";
+import { isAstroComponentFactory } from "./astro/index.js";
+import { renderToAsyncIterable, renderToReadableStream, renderToString } from "./astro/render.js";
+import { encoder } from "./common.js";
+import { isDeno, isNode } from "./util.js";
+async function renderPage(result, componentFactory, props, children, streaming, route) {
+  if (!isAstroComponentFactory(componentFactory)) {
+    result._metadata.headInTree = result.componentMetadata.get(componentFactory.moduleId)?.containsHead ?? false;
+    const pageProps = { ...props ?? {}, "server:root": true };
+    const str = await renderComponentToString(
+      result,
+      componentFactory.name,
+      componentFactory,
+      pageProps,
+      {},
+      true,
+      route
+    );
+    const bytes = encoder.encode(str);
+    return new Response(bytes, {
+      headers: new Headers([
+        ["Content-Type", "text/html; charset=utf-8"],
+        ["Content-Length", bytes.byteLength.toString()]
+      ])
+    });
+  }
+  result._metadata.headInTree = result.componentMetadata.get(componentFactory.moduleId)?.containsHead ?? false;
+  let body;
+  if (streaming) {
+    if (isNode && !isDeno) {
+      const nodeBody = await renderToAsyncIterable(
+        result,
+        componentFactory,
+        props,
+        children,
+        true,
+        route
+      );
+      body = nodeBody;
+    } else {
+      body = await renderToReadableStream(result, componentFactory, props, children, true, route);
+    }
+  } else {
+    body = await renderToString(result, componentFactory, props, children, true, route);
+  }
+  if (body instanceof Response) return body;
+  const init = result.response;
+  const headers = new Headers(init.headers);
+  if (!streaming && typeof body === "string") {
+    body = encoder.encode(body);
+    headers.set("Content-Length", body.byteLength.toString());
+  }
+  if (route?.component.endsWith(".md")) {
+    headers.set("Content-Type", "text/html; charset=utf-8");
+  }
+  let status = init.status;
+  if (route?.route === "/404") {
+    status = 404;
+  } else if (route?.route === "/500") {
+    status = 500;
+  }
+  if (status) {
+    return new Response(body, { ...init, headers, status });
+  } else {
+    return new Response(body, { ...init, headers });
+  }
+}
+export {
+  renderPage
+};