popup keep it in the middle and height and width should be the same and do some big

index.html

@@ -377,9 +377,9 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
 
     <!-- Panel -->
     <div class="relative h-full w-full flex items-center justify-center p-4">
-      <div class="w-full max-w-md bg-white rounded-2xl shadow-2xl border border-[rgba(0,32,96,.08)] overflow-hidden">
-        <div class="bg-[var(--vlc-navy)] text-white px-5 py-4">
-          <div class="flex items-center justify-between">
+      <div class="w-[500px] h-[500px] bg-white rounded-2xl shadow-2xl border border-[rgba(0,32,96,.08)] overflow-hidden flex flex-col">
+        <div class="bg-[var(--vlc-navy)] text-white px-5 py-4 flex-shrink-0">
+<div class="flex items-center justify-between">
             <h4 id="cta-modal-title" class="text-lg font-semibold">
               Enter your business email to download
             </h4>
@@ -390,9 +390,8 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
             </button>
           </div>
         </div>
-
-        <div class="p-6 space-y-4">
-          <p id="cta-error" class="hidden text-sm text-red-600">
+        <div class="p-8 space-y-6 flex-grow flex flex-col justify-center">
+<p id="cta-error" class="hidden text-sm text-red-600">
             Please use a valid business email (not a personal domain).
           </p>
 

style.css

@@ -1,8 +1,20 @@
+
 body {
 	padding: 2rem;
 	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 }
 
+/* Modal styles */
+#cta-modal {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+#cta-modal .absolute {
+  position: static;
+  margin: auto;
+}
 h1 {
 	font-size: 16px;
 	margin-top: 0;