add image

src/app/globals.css

@@ -141,12 +141,12 @@
 /* ─── Base Styles ─── */
 html {
   scroll-behavior: smooth;
-  background: #E8DCF2;
+  background: #ffffff;
 }
 
 body {
   min-height: 100vh;
-  background: #E8DCF2 !important;
+  background: #ffffff !important;
   color: var(--on-surface);
   font-family: var(--font-body);
   -webkit-font-smoothing: antialiased;
@@ -1245,6 +1245,35 @@ body {
   }
 }
 
+/* ─── Global Spacing & Layout System ─── */
+.page-container {
+  width: min(100% - 48px, 1280px);
+  margin-inline: auto;
+}
+
+@media (min-width: 1024px) {
+  .page-container {
+    width: min(100% - 128px, 1440px);
+  }
+}
+
+.section {
+  padding-block: 88px;
+}
+
+.section-tight {
+  padding-block: 56px;
+}
+
+.section-soft {
+  background: #faf7ff;
+}
+
+main {
+  background: #ffffff;
+  overflow-x: hidden;
+}
+