Add customer registration and deployment updates

frontend/src/styles/global.css

@@ -57,16 +57,21 @@ a {
   display: grid;
   grid-template-columns: minmax(228px, 280px) minmax(0, 1fr);
   min-height: 100vh;
+  align-items: start;
 }
 
 .sidebar {
+  position: sticky;
+  top: 0;
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
   padding: 28px 24px;
+  min-height: 100vh;
+  height: 100vh;
   background: rgba(23, 34, 41, 0.92);
   color: #f8f3ed;
   backdrop-filter: blur(16px);
+  overflow: hidden;
 }
 
 .sidebar__brand {
@@ -89,8 +94,8 @@ a {
   align-items: center;
   justify-content: center;
   width: 100%;
-  min-height: 108px;
-  padding: 16px 24px;
+  min-height: 54px;
+  padding: 8px 24px;
   border-radius: 28px;
   background: linear-gradient(135deg, #1d9485, #0f5b53);
   font-weight: 700;
@@ -100,7 +105,9 @@ a {
 .sidebar__nav {
   display: grid;
   gap: 10px;
-  margin: 32px 0 auto;
+  margin: 32px 0 0;
+  flex: 1 1 auto;
+  align-content: start;
 }
 
 .nav-link {
@@ -121,6 +128,8 @@ a {
 .sidebar__footer {
   display: grid;
   gap: 12px;
+  margin-top: auto;
+  padding-top: 24px;
 }
 
 .user-chip {
@@ -263,6 +272,14 @@ a {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
+.form-grid--stacked {
+  grid-template-columns: 1fr;
+}
+
+.portal-grid > :only-child {
+  grid-column: 1 / -1;
+}
+
 .metric-card {
   padding: 22px 24px;
   border-radius: var(--radius-lg);
@@ -307,6 +324,10 @@ a {
   gap: 8px;
 }
 
+.field--wide {
+  grid-column: 1 / -1;
+}
+
 .field span {
   font-size: 0.9rem;
   color: var(--muted);
@@ -399,7 +420,7 @@ a {
 }
 
 .auth-grid {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-columns: 1fr;
   margin-top: 18px;
 }
 
@@ -582,10 +603,10 @@ a {
 
 .login-hero {
   display: grid;
-  grid-template-columns: 1.1fr 0.9fr;
+  grid-template-columns: 1fr;
   gap: 28px;
   align-items: stretch;
-  width: min(1240px, 100%);
+  width: min(960px, 100%);
 }
 
 .login-hero__copy {