diff --git a/.github/workflows/deploy-vps.yml b/.github/workflows/deploy-vps.yml
new file mode 100644
index 000000000..bd6f6000c
--- /dev/null
+++ b/.github/workflows/deploy-vps.yml
@@ -0,0 +1,69 @@
+name: Deploy to VPS
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+
+env:
+  FORCE_JAVASCRIPT_ACTIONS_TO_NODE24: "true"
+
+jobs:
+  build-and-deploy:
+    name: Build and Deploy
+    runs-on: ubuntu-latest
+    timeout-minutes: 30
+
+    steps:
+      - name: Check out
+        uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build Docker image
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          push: false
+          load: true
+          tags: |
+            clickclack:latest
+            clickclack:${{ github.sha }}
+          build-args: |
+            CLICKCLACK_WEB_VERSION=${{ github.sha }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+
+      - name: Install SSH key
+        uses: shimataro/ssh-key-action@v2
+        with:
+          key: ${{ secrets.VPS_SSH_KEY }}
+          known_hosts: ${{ secrets.VPS_KNOWN_HOSTS }}
+          config: |
+            Host vps-nova
+              HostName ${{ secrets.VPS_HOST }}
+              User ${{ secrets.VPS_USER }}
+              IdentityFile ~/.ssh/id_rsa
+              StrictHostKeyChecking no
+
+      - name: Ship image to VPS
+        run: docker save clickclack:latest | gzip | ssh vps-nova 'gunzip | docker load'
+
+      - name: Restart on VPS
+        run: |
+          ssh vps-nova bash << 'EOF'
+          set -e
+          cd /opt/clickclack
+          grep -q "image: clickclack:" docker-compose.yml && \
+            sed -i "s|image: clickclack:.*|image: clickclack:latest|" docker-compose.yml || true
+          chown -R 1000:1000 /opt/clickclack/data/
+          docker compose up -d --no-deps clickclack
+          echo "Deployed clickclack:latest"
+          docker ps --filter name=clickclack --format "table {{.Image}}\t{{.Status}}"
+          EOF
diff --git a/apps/web/src/ChatApp.svelte b/apps/web/src/ChatApp.svelte
index e36eaa90b..957d20568 100644
--- a/apps/web/src/ChatApp.svelte
+++ b/apps/web/src/ChatApp.svelte
@@ -161,6 +161,12 @@
   let status = "loading";
   let authRequired = false;
   let desktopAuthStatus = "";
+  const authSlides = [
+    "/login/login-image-1.png",
+    "/login/login-image-2.png",
+    "/login/login-image-3.png",
+  ];
+  let authSlideIndex = 0;
   let connected = false;
   let realtimeError = "";
   let realtimeInitializedWorkspaceID = "";
@@ -379,11 +385,15 @@
       void goto(route, { keepFocus: true, noScroll: true });
     });
     const stopDesktopQuickCompose = desktop?.onQuickCompose(() => focusActiveComposer());
+    const authSlider = window.setInterval(() => {
+      authSlideIndex = (authSlideIndex + 1) % authSlides.length;
+    }, 4000);
     mobileNavMedia.addEventListener("change", handleMobileNavBreakpoint);
     return () => {
       mobileNavMedia.removeEventListener("change", handleMobileNavBreakpoint);
       stopDesktopNavigate?.();
       stopDesktopQuickCompose?.();
+      window.clearInterval(authSlider);
     };
   });
 
@@ -4063,6 +4073,7 @@
 
 <svelte:head>
   <meta name="color-scheme" content="light dark" />
+  <title>Totum Chat</title>
 </svelte:head>
 
 <svelte:window onkeydowncapture={handleWindowKeydown} onpointerdowncapture={rememberTypeToFocusPointer} />
@@ -4072,36 +4083,57 @@
     <div class="desktop-auth-titlebar" data-platform={desktop.platform} aria-hidden="true"></div>
   {/if}
   <main class="auth-shell">
-    <section class="auth-panel" aria-label="Sign in">
-      <div class="auth-brand">
-        <div class="mark">cc</div>
-        <div class="brand-text">
-          <strong>ClickClack</strong>
-          <span>OpenClaw workspace chat</span>
+    <section class="auth-panel" aria-label="Entrar no Totum Chat">
+      <div class="auth-slider" aria-label="Apresentação do Totum Chat">
+        {#each authSlides as slide, index}
+          <img
+            class:active={index === authSlideIndex}
+            src={slide}
+            alt=""
+            aria-hidden={index === authSlideIndex ? "false" : "true"}
+          />
+        {/each}
+        <div class="auth-slider-veil"></div>
+        <p class="auth-slider-copy">Conversas, times e agentes organizados em um único espaço.</p>
+        <div class="auth-slider-dots" aria-label="Selecionar imagem">
+          {#each authSlides as _, index}
+            <button
+              class:active={index === authSlideIndex}
+              type="button"
+              aria-label={`Ir para imagem ${index + 1}`}
+              aria-current={index === authSlideIndex ? "true" : undefined}
+              onclick={() => (authSlideIndex = index)}
+            ></button>
+          {/each}
         </div>
       </div>
-      <div class="auth-copy">
-        <h1>Welcome.</h1>
-        <p>Sign in with GitHub to join the guest room.</p>
+      <div class="auth-form">
+        <div class="auth-form-inner">
+          <img class="auth-logo" src="/login/chat-totum-logo.svg" alt="Totum Chat" />
+          <div class="auth-copy">
+            <h1>Bem-vindo ao Totum Chat.</h1>
+            <p>Escolha seu provedor de acesso para entrar no seu espaço.</p>
+          </div>
+          <a class="github-login" href={apiURL("/api/auth/github/start")} onclick={signInWithGitHub}>
+            <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
+              <path fill="currentColor" d="M12 .5C5.65.5.5 5.65.5 12c0 5.08 3.29 9.39 7.86 10.91.58.1.79-.25.79-.56v-2c-3.2.69-3.87-1.37-3.87-1.37-.52-1.32-1.27-1.67-1.27-1.67-1.04-.71.08-.7.08-.7 1.15.08 1.76 1.18 1.76 1.18 1.02 1.75 2.68 1.25 3.34.96.1-.74.4-1.25.73-1.54-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.29 1.18-3.1-.12-.29-.51-1.46.11-3.05 0 0 .96-.31 3.15 1.18a10.94 10.94 0 0 1 5.74 0c2.19-1.49 3.15-1.18 3.15-1.18.62 1.59.23 2.76.12 3.05.74.81 1.18 1.84 1.18 3.1 0 4.42-2.69 5.39-5.25 5.68.41.36.78 1.06.78 2.13v3.16c0 .31.21.67.8.56 4.56-1.52 7.85-5.83 7.85-10.91C23.5 5.65 18.35.5 12 .5z" />
+            </svg>
+            Entrar com GitHub
+          </a>
+          {#if !desktop}
+            <a class="openclaw-login" href={apiURL("/api/auth/openclaw/start")}>
+              <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
+                <path
+                  fill="currentColor"
+                  d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm0 3.5A6.5 6.5 0 1 1 5.5 12 6.51 6.51 0 0 1 12 5.5Zm0 3A3.5 3.5 0 1 0 15.5 12 3.5 3.5 0 0 0 12 8.5Z"
+                />
+              </svg>
+              Entrar com OpenClaw ID
+            </a>
+          {/if}
+          <p class="auth-foot">{desktopAuthStatus || "Use a conta GitHub autorizada para o seu workspace."}</p>
+        </div>
       </div>
-      <a class="github-login" href={apiURL("/api/auth/github/start")} onclick={signInWithGitHub}>
-        <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
-          <path fill="currentColor" d="M12 .5C5.65.5.5 5.65.5 12c0 5.08 3.29 9.39 7.86 10.91.58.1.79-.25.79-.56v-2c-3.2.69-3.87-1.37-3.87-1.37-.52-1.32-1.27-1.67-1.27-1.67-1.04-.71.08-.7.08-.7 1.15.08 1.76 1.18 1.76 1.18 1.02 1.75 2.68 1.25 3.34.96.1-.74.4-1.25.73-1.54-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.29 1.18-3.1-.12-.29-.51-1.46.11-3.05 0 0 .96-.31 3.15 1.18a10.94 10.94 0 0 1 5.74 0c2.19-1.49 3.15-1.18 3.15-1.18.62 1.59.23 2.76.12 3.05.74.81 1.18 1.84 1.18 3.1 0 4.42-2.69 5.39-5.25 5.68.41.36.78 1.06.78 2.13v3.16c0 .31.21.67.8.56 4.56-1.52 7.85-5.83 7.85-10.91C23.5 5.65 18.35.5 12 .5z"/>
-        </svg>
-        Continue with GitHub
-      </a>
-      {#if !desktop}
-        <a class="openclaw-login" href={apiURL("/api/auth/openclaw/start")}>
-          <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
-            <path
-              fill="currentColor"
-              d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm0 3.5A6.5 6.5 0 1 1 5.5 12 6.51 6.51 0 0 1 12 5.5Zm0 3A3.5 3.5 0 1 0 15.5 12 3.5 3.5 0 0 0 12 8.5Z"
-            />
-          </svg>
-          Sign in with OpenClaw ID
-        </a>
-      {/if}
-      <p class="auth-foot">{desktopAuthStatus || "Any GitHub account can join."}</p>
     </section>
   </main>
 {:else}
diff --git a/apps/web/src/app.html b/apps/web/src/app.html
index d6ece6244..0e9b7caa7 100644
--- a/apps/web/src/app.html
+++ b/apps/web/src/app.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
     <meta name="clickclack-desktop-titlebar" content="1" />
     <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
-    <title>ClickClack</title>
+    <title>Totum Chat</title>
     <script>
       // Apply stored appearance prefs before first paint so forced color,
       // board, and message-layout choices never flash. Keys and attribute
diff --git a/apps/web/src/styles/layout.css b/apps/web/src/styles/layout.css
index c0687f38b..d603c79cb 100644
--- a/apps/web/src/styles/layout.css
+++ b/apps/web/src/styles/layout.css
@@ -5,142 +5,227 @@
   min-height: 100vh;
   min-height: 100dvh;
   place-items: center;
-  padding: calc(32px + var(--safe-area-top)) calc(32px + var(--safe-area-right))
-    calc(32px + var(--safe-area-bottom)) calc(32px + var(--safe-area-left));
-  background:
-    radial-gradient(color-mix(in srgb, var(--text) 6%, transparent) 1px, transparent 1.5px) 0 0 /
-      18px 18px,
-    radial-gradient(
-      700px 500px at 30% 20%,
-      color-mix(in srgb, var(--brand-a) 14%, transparent),
-      transparent 60%
-    ),
-    radial-gradient(
-      700px 500px at 80% 90%,
-      color-mix(in srgb, var(--brand-b) 10%, transparent),
-      transparent 60%
-    ),
-    var(--bg);
+  padding: calc(32px + var(--safe-area-top)) calc(24px + var(--safe-area-right))
+    calc(32px + var(--safe-area-bottom)) calc(24px + var(--safe-area-left));
+  background: #0e0918;
+  color: #d1cece;
+  font-family: geomanist, "Geist Variable", ui-sans-serif, system-ui, sans-serif;
 }
 
 .auth-panel {
   display: grid;
-  gap: 22px;
-  width: min(100%, 440px);
-  border: 1px solid var(--line-strong);
-  border-radius: var(--radius-xl);
-  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0))
-    var(--panel);
-  /* The auth card is the app's first keycap: hard bottom edge, then depth. */
-  box-shadow: var(--key-edge), var(--shadow);
-  padding: 36px;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  width: min(100%, 1040px);
+  min-height: 680px;
+  overflow: hidden;
+  border-radius: 24px;
+  background: #1b1728;
+  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.1), inset 0 1px 0 hsla(0, 0%, 100%, 0.1);
+}
+
+.auth-slider {
+  position: relative;
+  min-height: 680px;
+  overflow: hidden;
+  background: #0e0918;
 }
 
-.auth-brand {
+.auth-slider img {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  opacity: 0;
+  transform: scale(1.04);
+  transition: opacity 900ms ease-in-out, transform 4s ease-out;
+}
+
+.auth-slider img.active {
+  opacity: 1;
+  transform: scale(1);
+}
+
+.auth-slider-veil {
+  pointer-events: none;
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(to top, #0e0918 0%, rgba(14, 9, 24, 0.6) 27%, rgba(14, 9, 24, 0.08) 63%, transparent 100%);
+}
+
+.auth-slider-copy {
+  position: absolute;
+  right: 32px;
+  bottom: 64px;
+  left: 32px;
+  margin: 0;
+  color: #d1cece;
+  font-size: 20px;
+  font-weight: 300;
+  line-height: 1.25;
+}
+
+.auth-slider-dots {
+  position: absolute;
+  bottom: 26px;
+  left: 32px;
   display: flex;
-  align-items: center;
-  gap: 12px;
+  gap: 8px;
 }
 
-.auth-brand .mark {
-  width: 44px;
-  height: 44px;
+.auth-slider-dots button {
+  width: 6px;
+  height: 6px;
+  padding: 0;
+  border: 0;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.25);
+  cursor: pointer;
+  transition: width 300ms ease, background 300ms ease;
+}
+
+.auth-slider-dots button.active {
+  width: 32px;
+  background: #da2128;
+}
+
+.auth-slider-dots button:focus-visible {
+  outline: 1px solid #da2128;
+  outline-offset: 3px;
+}
+
+.auth-form {
   display: grid;
-  place-items: center;
-  border-radius: 12px;
-  background: linear-gradient(135deg, var(--brand-a), var(--brand-b));
-  color: var(--brand-contrast);
-  font-weight: 800;
-  letter-spacing: -0.02em;
-  box-shadow: 0 10px 24px -8px color-mix(in srgb, var(--brand-b) 65%, transparent);
+  align-items: center;
+  padding: 48px;
 }
 
-.auth-brand .brand-text strong {
-  display: block;
-  color: var(--text-strong);
-  letter-spacing: -0.01em;
+.auth-form-inner {
+  display: grid;
+  gap: 28px;
+  width: min(100%, 360px);
+  margin: 0 auto;
 }
 
-.auth-brand .brand-text span {
-  display: block;
-  color: var(--muted);
-  font-size: 12px;
+.auth-logo {
+  width: auto;
+  height: 32px;
+  margin-bottom: 12px;
 }
 
 .auth-copy {
   display: grid;
-  gap: 8px;
-  margin-top: 8px;
+  gap: 10px;
 }
 
 .auth-copy h1 {
   margin: 0;
-  font-size: 28px;
+  color: #fff;
+  font-family: inherit;
+  font-size: clamp(32px, 3vw, 38px);
+  font-weight: 300;
+  line-height: 1.2;
   letter-spacing: -0.02em;
-  color: var(--text-strong);
-  font-family: var(--font-display);
-  font-weight: 700;
 }
 
 .auth-copy p {
   margin: 0;
-  color: var(--muted);
-  line-height: 1.5;
+  color: #d1cece;
+  font-size: 20px;
+  font-weight: 300;
+  line-height: 1.25;
 }
 
 .github-login {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: 10px;
-  min-height: 46px;
-  border-radius: 12px;
-  background: #0d1117;
+  gap: 8px;
+  min-height: 48px;
+  padding: 12px 24px;
+  border-radius: 999px;
+  background: linear-gradient(135deg, #e3433e, #da2128);
   color: white;
-  font-weight: 600;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 1;
   text-decoration: none;
-  border: 1px solid #2b2f36;
+  box-shadow: inset 0 1px 1px #ffffff33, 0 1px 2px #08080833, 0 4px 4px #08080814, inset 0 6px 12px #ffffff1f;
   transition:
-    transform 80ms ease,
-    background 120ms ease,
-    border-color 120ms ease;
+    box-shadow 300ms ease,
+    transform 150ms ease;
 }
 
 .github-login:hover {
-  background: #161b22;
-  border-color: #3f4750;
+  box-shadow: inset 0 1px 1px #ffffff33, 0 1px 2px #08080833, 0 4px 4px #08080814, inset 0 6px 12px #ffffff1f, 0 7px 80px -12px #da2128;
   transform: translateY(-1px);
 }
 
+.github-login:focus-visible {
+  outline: 1px solid #da2128;
+  outline-offset: 3px;
+}
+
 .openclaw-login {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: 10px;
-  min-height: 46px;
-  border-radius: 12px;
+  gap: 8px;
+  min-height: 48px;
+  padding: 12px 24px;
+  border-radius: 999px;
   background: transparent;
-  color: var(--text-strong);
-  font-weight: 600;
+  color: #fff;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 1;
   text-decoration: none;
-  border: 1px solid var(--muted-2);
+  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.1);
   transition:
-    transform 80ms ease,
-    background 120ms ease,
-    border-color 120ms ease;
+    transform 150ms ease,
+    background 300ms ease;
 }
 
 .openclaw-login:hover {
-  background: color-mix(in srgb, var(--text-strong) 6%, transparent);
-  border-color: var(--muted);
+  background: #272333;
   transform: translateY(-1px);
 }
 
+.openclaw-login:focus-visible {
+  outline: 1px solid #da2128;
+  outline-offset: 3px;
+}
+
 .auth-foot {
   margin: 0;
-  color: var(--muted-2);
-  font-size: 12px;
-  text-align: center;
+  color: #9ca3af;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.5;
+}
+
+@media (max-width: 760px) {
+  .auth-shell {
+    padding: 20px;
+  }
+
+  .auth-panel {
+    display: block;
+    min-height: 0;
+  }
+
+  .auth-slider {
+    display: none;
+  }
+
+  .auth-form {
+    min-height: min(680px, calc(100dvh - 40px));
+    padding: 36px 28px;
+  }
+
+  .auth-copy h1 {
+    font-size: 36px;
+  }
 }
 
 /* ---------- SHELL ---------- */
diff --git a/apps/web/static/favicon.svg b/apps/web/static/favicon.svg
index 291bbb978..72a963c42 100644
--- a/apps/web/static/favicon.svg
+++ b/apps/web/static/favicon.svg
@@ -1,19 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="ClickClack">
-<defs>
-  <linearGradient id="cc-coral" x1="0" y1="0" x2="0" y2="1">
-    <stop offset="0" stop-color="#ff7967"/>
-    <stop offset="1" stop-color="#d33a2c"/>
-  </linearGradient>
-</defs>
-<rect width="64" height="64" rx="14" fill="url(#cc-coral)"/>
-<g fill="#fbf6ee" stroke="#1a0e0a" stroke-width="2" stroke-linejoin="round">
-  <path d="M22 24 C16 24 12 28 12 34 C12 40 16 44 22 44 L22 39 C19 39 17 37 17 34 C17 31 19 29 22 29 L26 29 L26 26 L24 24 Z"/>
-  <path d="M42 24 C48 24 52 28 52 34 C52 40 48 44 42 44 L42 39 C45 39 47 37 47 34 C47 31 45 29 42 29 L38 29 L38 26 L40 24 Z"/>
-</g>
-<g fill="#1a0e0a">
-  <circle cx="20" cy="34" r="2"/>
-  <circle cx="44" cy="34" r="2"/>
-</g>
-<circle cx="32" cy="34" r="3" fill="none" stroke="#9fd9d9" stroke-width="2"/>
-<circle cx="32" cy="34" r="1.2" fill="#9fd9d9"/>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 240.94 240.94">
+  <!-- Generator: Adobe Illustrator 30.7.0, SVG Export Plug-In . SVG Version: 2.1.4 Build 114)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #e5493d;
+      }
+    </style>
+  </defs>
+  <g id="jwGfko">
+    <path class="st0" d="M95.98,149.46c-12.31-10.99-19.2-26.7-17.6-43.11.79-8.14,4.48-15.64,10.96-20.23,6.13-4.34,13.64-3.68,19.28.72l9.14,7.14c4.68,3.66,8.29-4,16.39-8.58,6.57-3.71,13.89-2.61,19.71,2.38,9.7,8.31,11.39,22.98,3.99,33.7-3.69,5.35-9.16,8.94-15.05,11.65-4.36,2-7.17,6.01-5.4,10.86,1.3,3.57,5.51,6.47,10.08,5.29,8.75-2.27,16.55-7.15,22.53-14.06,17.02-19.64,11.85-50.3-10.17-63.75-12.72-7.76-27.84-6.45-39.2,3.21-14.2-10.7-29.24-11-43.32-.78-8.98,7.71-15,17.91-16.2,29.94-2.18,21.87,6.81,43.21,23.21,57.8,32.65,29.03,85.04,28.21,113.2-4.98,21.44-25.28,23.7-61.04,6-89.15-10.18-16.16-25.69-28.23-43.57-35.5-28.53-11.61-60.87-9.85-88.11,4.35-13.96,7.28-26.17,17.91-34.51,31.3-17,27.3-14.36,61.6.06,89.74,4.58,8.95,10.24,16.58,17.41,23.52l-7.78,27.84c-.56,2.01-.37,4.12.93,5.72,3.21,3.95,12.71,1.38,19.5-.46,10.85-2.94,21.08-7.13,30.24-13.59,3.01-2.12,5.48-4.79,5.34-8.68-.11-2.94-2.19-5.53-4.45-6.7s-5.69-1.89-7.95-.2c-6.7,4.98-13.5,9.13-22.12,11.39l4.62-16.72c.79-2.85-.44-5.67-2.39-7.66l-8.33-8.51c-12.41-14.77-19.03-33.12-19.41-52.4-.41-21.06,8.69-40.11,25.48-52.66,14.22-10.63,31.11-16.45,49.01-17.05,27.16-.91,54.46,10.26,69.96,32.84,15.42,22.45,13.86,53.78-4.8,73.85-22.27,23.96-62.43,23.15-86.67,1.52Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/apps/web/static/login/chat-totum-logo.svg b/apps/web/static/login/chat-totum-logo.svg
new file mode 100644
index 000000000..90fc3f313
--- /dev/null
+++ b/apps/web/static/login/chat-totum-logo.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 841.89 237.93">
+  <!-- Generator: Adobe Illustrator 30.7.0, SVG Export Plug-In . SVG Version: 2.1.4 Build 114)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #e5493d;
+      }
+    </style>
+  </defs>
+  <g id="jwGfko">
+    <path class="st0" d="M83.25,153.32c-12.31-10.99-19.2-26.7-17.6-43.11.79-8.14,4.48-15.64,10.96-20.23,6.13-4.34,13.64-3.68,19.28.72l9.14,7.14c4.68,3.66,8.29-4,16.39-8.58,6.57-3.71,13.89-2.61,19.71,2.38,9.7,8.31,11.39,22.98,3.99,33.7-3.69,5.35-9.16,8.94-15.05,11.65-4.36,2-7.17,6.01-5.4,10.86,1.3,3.57,5.51,6.47,10.08,5.29,8.75-2.27,16.55-7.15,22.53-14.06,17.02-19.64,11.85-50.3-10.17-63.75-12.72-7.76-27.84-6.45-39.2,3.21-14.2-10.7-29.24-11-43.32-.78-8.98,7.71-15,17.91-16.2,29.94-2.18,21.87,6.81,43.21,23.21,57.8,32.65,29.03,85.04,28.21,113.2-4.98,21.44-25.28,23.7-61.04,6-89.15-10.18-16.16-25.69-28.23-43.57-35.5-28.53-11.61-60.87-9.85-88.11,4.35-13.96,7.28-26.17,17.91-34.51,31.3-17,27.3-14.36,61.6.06,89.74,4.58,8.95,10.24,16.58,17.41,23.52l-7.78,27.84c-.56,2.01-.37,4.12.93,5.72,3.21,3.95,12.71,1.38,19.5-.46,10.85-2.94,21.08-7.13,30.24-13.59,3.01-2.12,5.48-4.79,5.34-8.68-.11-2.94-2.19-5.53-4.45-6.7s-5.69-1.89-7.95-.2c-6.7,4.98-13.5,9.13-22.12,11.39l4.62-16.72c.79-2.85-.44-5.67-2.39-7.66l-8.33-8.51c-12.41-14.77-19.03-33.12-19.41-52.4-.41-21.06,8.69-40.11,25.48-52.66,14.22-10.63,31.11-16.45,49.01-17.05,27.16-.91,54.46,10.26,69.96,32.84,15.42,22.45,13.86,53.78-4.8,73.85-22.27,23.96-62.43,23.15-86.67,1.52Z"/>
+  </g>
+  <g>
+    <path class="st0" d="M368.8,76.48c-35.12,0-63.58,26.15-63.58,63.18s28.47,63.18,63.58,63.18,63.58-26.15,63.58-63.18-28.47-63.18-63.58-63.18ZM368.8,170.38c-16.57,0-29.92-13.75-29.92-30.72s13.35-30.72,29.92-30.72,29.92,13.75,29.92,30.72-13.35,30.72-29.92,30.72Z"/>
+    <path class="st0" d="M783.57,76.48c-9.98,0-17.57,3.11-19.97,4.19-6.03,2.71-11.31,6.66-15.48,11.59-7.38-9.82-19.43-15.78-33.03-15.78s-25.21,5.75-32.62,15.24v-12.08h-33.66v120.03h33.66v-70.13c0-12.12,8.38-20.49,19.41-20.9,0,0,.16,0,.41,0s.41,0,.41,0c11.03.4,19.41,8.78,19.41,20.9v70.13h33.66v-70.13c0-12.12,8.38-20.49,19.41-20.9,0,0,.16,0,.41,0s.41,0,.41,0c11.03.4,19.41,8.78,19.41,20.9v70.13h33.66v-79.28c-.19-4.86-.56-12.46-4.89-20.47-7.92-14.66-23.38-23.45-40.6-23.44Z"/>
+    <path class="st0" d="M294.22,112.1v-32.46h-28.7v-33.8l-33.66,4.24v101.35c0,24.09,12.43,51.6,62.37,49.18v-31.7c-20.65.23-28.7-5.01-28.7-20.67,0,0,0-16.56,0-36.14h28.7Z"/>
+    <path class="st0" d="M506.28,112.1v-32.46h-28.7v-33.8l-33.66,4.24v101.35c0,24.09,12.43,51.6,62.37,49.18v-31.7c-20.65.23-28.7-5.01-28.7-20.67,0,0,0-16.56,0-36.14h28.7Z"/>
+    <path class="st0" d="M578.41,202.84c30.89,0,55.93-20.82,55.93-50.31,0-19.2,0-72.89,0-72.89h-33.66c0,16.47,0,62.46,0,69.08,0,12.79-9.53,21.96-22.27,21.96h0c-12.74,0-22.27-9.17-22.27-21.96v-69.08h-33.66v72.89c0,29.48,25.04,50.31,55.93,50.31Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/apps/web/static/login/login-image-1.png b/apps/web/static/login/login-image-1.png
new file mode 100644
index 000000000..cac94b521
Binary files /dev/null and b/apps/web/static/login/login-image-1.png differ
diff --git a/apps/web/static/login/login-image-2.png b/apps/web/static/login/login-image-2.png
new file mode 100644
index 000000000..ebe5218e9
Binary files /dev/null and b/apps/web/static/login/login-image-2.png differ
diff --git a/apps/web/static/login/login-image-3.png b/apps/web/static/login/login-image-3.png
new file mode 100644
index 000000000..4e60e48f8
Binary files /dev/null and b/apps/web/static/login/login-image-3.png differ