add

superpage/astro.config.mjs

@@ -34,7 +34,7 @@ export default defineConfig({
   ],
   prefetch: true,
   vite: {
-    plugins: [tailwindcss()],
+    plugins: [tailwindcss({ nesting: true })],
   },
   server: {
     host: "0.0.0.0",

superpage/package-lock.json

@@ -13,7 +13,7 @@
         "@astrojs/react": "^4.2.4",
         "@astrojs/sitemap": "^3.3.0",
         "@hookform/resolvers": "^5.0.1",
-        "@tailwindcss/vite": "^4.0.13",
+        "@tailwindcss/vite": "^4.1.5",
         "@types/react": "^19.1.2",
         "@types/react-dom": "^19.1.2",
         "astro": "^5.7.2",
@@ -24,7 +24,7 @@
         "react-dom": "^19.1.0",
         "react-hook-form": "^7.56.0",
         "smartypants": "^0.2.2",
-        "tailwindcss": "^4.0.13",
+        "tailwindcss": "^4.1.5",
         "vanilla-cookieconsent": "^3.1.0",
         "zod": "^3.24.3"
       }

superpage/package.json

@@ -14,7 +14,7 @@
     "@astrojs/react": "^4.2.4",
     "@astrojs/sitemap": "^3.3.0",
     "@hookform/resolvers": "^5.0.1",
-    "@tailwindcss/vite": "^4.0.13",
+    "@tailwindcss/vite": "^4.1.5",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
     "astro": "^5.7.2",
@@ -25,7 +25,7 @@
     "react-dom": "^19.1.0",
     "react-hook-form": "^7.56.0",
     "smartypants": "^0.2.2",
-    "tailwindcss": "^4.0.13",
+    "tailwindcss": "^4.1.5",
     "vanilla-cookieconsent": "^3.1.0",
     "zod": "^3.24.3"
   }

superpage/src/components/Modal.astro

@@ -2,11 +2,16 @@
 import { Icon } from "astro-icon/components";
 ---
 
-<dialog
+<style>
-    closedby="any"
+    @import "tailwindcss";
-    class="text-white bg-black fixed inset-1/2 w-full lg:w-112 -translate-1/2 p-5 lg:p-12 rounded-2xl border border-white/15 backdrop:bg-black/50 backdrop:backdrop-blur backdrop:backdrop-filter"
+
-    {...Astro.props}
+    .modal {
->
+        @apply text-white bg-black fixed inset-1/2 w-full lg:w-112 -translate-1/2 p-5 lg:p-12 rounded-2xl border border-white/15;
+        @apply backdrop:bg-black/50 backdrop:backdrop-blur backdrop:backdrop-filter;
+    }
+</style>
+
+<dialog closedby="any" class="modal" {...Astro.props}>
     <button
         class="cursor-pointer fixed top-2.5 right-2.5 lg:top-5 lg:right-5 border border-white rounded-full p-px"
         data-dismiss

superpage/src/layouts/Layout.astro

@@ -1,5 +1,5 @@
 ---
-import "~/styles/app.css";
+import "~/styles/global.css";
 import BaseHead, {
     type Props as HeadProps,
 } from "./_components/BaseHead.astro";

superpage/src/pages/index.astro

@@ -143,7 +143,7 @@ import mulhercomepi from "~/assets/mulher-com-epi.png";
                     </div>
 
                     <div
-                        class="flex flex-col justify-center items-center border-white/10 max-lg:border-transparent"
+                        class="flex flex-col justify-center items-center border-transparent"
                     >
                         <a
                             href="#"