add

superpage/src/components/Modal.astro

@@ -2,11 +2,16 @@
 import { Icon } from "astro-icon/components";
 ---
 
-<dialog
-    closedby="any"
-    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}
->
+<style>
+    @import "tailwindcss";
+
+    .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="#"