feat(auth): introduce immersive split-screen login design

apps/waterfall-wiki/src/styles/guidance.module.css

@@ -1678,70 +1678,11 @@
   height: 31px;
   color: var(--muted-foreground);
 }
-.accountLayout {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 400px;
-  max-width: 1000px;
-  gap: 80px;
-  align-items: center;
-  margin: 40px auto 64px;
-}
-.accountIntro {
-  min-width: 0;
-  max-width: 460px;
-  padding: 16px 20px 16px 8px;
-}
-.accountIntro > .eyebrow {
-  display: block;
-  margin-bottom: 20px;
-  font-size: 11px;
-  letter-spacing: .14em;
-  line-height: 1.6;
-}
-.accountIntro h1 {
-  margin: 0 0 22px;
-  font-size: 36px;
-  line-height: 1.45;
-  letter-spacing: -.035em;
-  font-weight: 650;
-  text-wrap: balance;
-}
-.accountIntro > p {
-  margin: 0;
-  font-size: 15px;
-  line-height: 1.9;
-  color: var(--muted-foreground);
-  max-width: 380px;
-}
-.accountFeatures {
-  display: grid;
-  gap: 22px;
-  margin-top: 32px;
-  padding-top: 26px;
-  border-top: 1px solid var(--border);
-}
-.accountFeatures > div {
-  display: grid;
-  grid-template-columns: 20px minmax(0, 1fr);
-  align-items: start;
-  gap: 14px;
-}
-.accountFeatures svg {
-  color: var(--muted-foreground);
-  margin-top: 3px;
-}
-.accountFeatures strong {
-  display: block;
-  font-size: 14px;
-  line-height: 1.6;
-  font-weight: 600;
-}
-.accountFeatures p {
-  margin: 4px 0 0;
-  font-size: 13px;
-  color: var(--muted-foreground);
-  line-height: 1.8;
-}
+
+
+
+
+
 .authCard {
   padding: 28px;
   border: 1px solid var(--line);
@@ -1926,10 +1867,7 @@
     grid-template-columns: minmax(0, 1fr) 230px;
     gap: 20px;
   }
-  .accountLayout {
-    gap: 48px;
-    grid-template-columns: minmax(0, 1fr) 370px;
-  }
+
   .protocolLayout {
     grid-template-columns: minmax(0, 1fr) 190px;
   }
@@ -1969,34 +1907,9 @@
   .protocolLayout > aside {
     display: none;
   }
-  .accountLayout {
-    grid-template-columns: 1fr;
-    max-width: 430px;
-    margin: 15px auto 40px;
-    gap: 25px;
-  }
-  .accountIntro {
-    padding: 0 4px;
-    max-width: none;
-  }
-  .accountIntro > .eyebrow {
-    margin-bottom: 12px;
-    font-size: 10px;
-  }
-  .accountIntro h1 {
-    font-size: 26px;
-    margin-bottom: 8px;
-  }
-  .accountFeatures {
-    display: none;
-  }
-  .accountIntro > p {
-    max-width: none;
-    font-size: 14px;
-  }
-  .accountIntro h1 br {
-    display: none;
-  }
+
+
+
   .topbarProtocol {
     display: none;
   }
@@ -2307,16 +2220,8 @@
   .authCard {
     padding: 24px;
   }
-  .accountLayout {
-    margin-top: 8px;
-    gap: 24px;
-  }
-  .accountIntro h1 {
-    font-size: 24px;
-  }
-  .accountIntro > p {
-    font-size: 14px;
-  }
+
+
   .modalBody {
     padding: 23px;
   }
@@ -2382,14 +2287,3 @@
 .primaryButton,.primaryButton:hover{color:var(--primary-foreground);background:var(--primary)}
 .primaryButton:hover{background:var(--primary-hover)}
 .primaryButton:disabled{background:var(--disabled-background);color:var(--disabled-foreground)}
-
-/* Authentication has its own public page, without workspace navigation. */
-.accountPage { min-height: 100vh; background: var(--background); color: var(--foreground); }
-.accountHeader { max-width: 1200px; margin: 0 auto; padding: 24px 32px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
-.accountHeader a { color: var(--muted-foreground); text-decoration: none; }
-.accountHeader > div { display: flex; align-items: center; gap: 20px; font-size: 13px; }
-.accountPage > main { max-width: 1120px; margin: 0 auto; padding: 48px 32px 72px; }
-@media (max-width: 650px) {
-  .accountHeader { padding: 20px; }
-  .accountPage > main { padding: 20px 20px 48px; }
-}