centered content

src/App.css

@@ -1,3 +1,10 @@
+#root {
+  margin: 0;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
 body {
   margin: 0;
   font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
@@ -6,13 +13,20 @@ body {
 
 .page {
   min-height: 100vh;
+  width: 100%;
+  max-width: 900px;
+
   display: flex;
   flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  text-align: center;
+  padding: 20px;
 }
 
 .header {
-  text-align: center;
+  margin-bottom: 20px;
-  padding: 40px 20px 20px;
 }
 
 .header h1 {
@@ -26,13 +40,11 @@ body {
 }
 
 .card {
-  margin: 40px auto;
   padding: 40px;
   max-width: 640px;
   background: white;
   border-radius: 12px;
   box-shadow: 0 10px 30px rgba(0,0,0,0.08);
-  text-align: center;
 }
 
 .seal {
@@ -71,9 +83,7 @@ body {
 }
 
 .footer {
-  text-align: center;
+  margin-top: 20px;
-  margin-top: auto;
-  padding: 30px;
   color: #888;
   font-size: 0.9rem;
 }