diff --git a/app/globals.css b/app/globals.css
index 4ced902..5e41121 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -100,18 +100,24 @@ body {
   -webkit-backdrop-filter: blur(20px);
   border: 1px solid var(--border-default);
   border-radius: 1.5rem;
-  padding: 3rem 4rem;
   text-align: center;
   box-shadow:
     0 25px 50px -12px rgba(0, 0, 0, 0.5),
     0 0 0 1px rgba(255, 255, 255, 0.05) inset;
-}
-
-@media (max-width: 640px) {
+  /* Square: fluid size clamped between 280px and 480px */
+  width: clamp(280px, min(80vw, 80vh), 480px);
+  height: clamp(280px, min(80vw, 80vh), 480px);
+  /* Center content inside the square */
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem;
+}
+
+@media (max-width: 480px) {
   .coming-soon-card {
-    padding: 2rem 1.5rem;
-    margin: 0 1rem;
-    border-radius: 1rem;
+    border-radius: 1.125rem;
   }
 }
 
diff --git a/app/page.tsx b/app/page.tsx
index 1a75b27..d0625ba 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -37,7 +37,7 @@ export default function Home() {
       {/* Main content - centered card */}
       <main
         id="main-content"
-        className="relative z-10 flex min-h-screen items-center justify-center px-4"
+        className="fixed inset-0 z-10 flex items-center justify-center p-4"
       >
         <div className="coming-soon-card">
           <h1 className="coming-soon-title">{t.title}</h1>
@@ -46,8 +46,8 @@ export default function Home() {
       </main>
 
       {/* Version label - bottom right */}
-      <div className="version-label" aria-label="Version 0.1 Beta">
-        Version: 0.1 Beta
+      <div className="version-label" aria-label="Version 0.13 Beta">
+        Version: 0.13 Beta
       </div>
     </>
   );