fix(frontend): drop ultra-dark bottom-wave seam line

Last fix made the wave fill #1f4d52 in ultra-dark for both top-three
waves and the bottom wave, which gave visible motion but exposed a
hard horizontal line where the bottom wave's flat lower edge met the
page bg (#0f2d32). The user noticed it as "the wave at the bottom
not moving its like a line" — they were seeing the SVG's clipped
bottom edge, not the wave itself.

Solution: only the top three waves get the brighter fill (those carry
the visible motion). The bottom wave reverts to #0f2d32 = --bg-page,
so its flat bottom edge merges seamlessly into the page below. Net
effect: motion is still visible (from waves 2 and 3), and there's no
seam line at the bottom of the SVG.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

frontend/src/pages/login/LoginPage.vue

@@ -214,12 +214,13 @@ async function login() {
   --bg-page: #0f2d32;        /* legacy ultra .under = login-wave override */
   --bg-wave-header: #0a2227; /* legacy ultra --dark-color-login-background */
   --bg-card: #0c0e12;        /* legacy ultra surface-100 */
-  /* Legacy ultra-dark uses #0f2d32 for both wave-fill and bg-page,
+  /* Top three waves use a brighter teal so motion reads against the
-   * which leaves near-zero contrast against #0a2227 and the wave
+   * dark wave-header bg. Bottom wave keeps the legacy color so its
-   * reads as static. Bump to a noticeably lighter teal so motion is
+   * flat lower edge merges into bg-page without a visible seam — if
-   * visible — every other value stays legacy-true. */
+   * we used the brighter color here you'd see a hard line at the
+   * SVG's bottom. */
   --wave-fill: #1f4d52;
-  --wave-fill-bottom: #1f4d52;
+  --wave-fill-bottom: #0f2d32;
 }
 
 /* Both ant-layout and ant-layout-content default to opaque backgrounds.