login: logo only in top-left corner, left panel 1/3 right panel 2/3

app/static/style.css

@@ -819,9 +819,20 @@ button {
   height: 100vh;
 }
 
+.login-corner-logo {
+  position: fixed;
+  top: 16px;
+  left: 20px;
+  z-index: 100;
+  height: 36px;
+  width: auto;
+  filter: brightness(0) invert(1);
+  opacity: 0.85;
+}
+
 /* LEFT PANEL */
 .login-left {
-  flex: 0 0 48%;
+  flex: 0 0 33.333%;
   background: linear-gradient(150deg, #050d1a 0%, #091829 55%, #0e2344 100%);
   position: relative;
   display: flex;
@@ -859,14 +870,6 @@ button {
   width: 100%;
 }
 
-.login-left-logo {
-  width: min(160px, 38%);
-  height: auto;
-  margin-bottom: 2.25rem;
-  display: block;
-  filter: brightness(0) invert(1);
-  opacity: 0.92;
-}
 
 .login-left-title {
   font-size: clamp(1.65rem, 2.6vw, 2.25rem);
@@ -943,14 +946,6 @@ button {
   max-width: 340px;
 }
 
-.login-right-logo {
-  width: 90px;
-  height: auto;
-  margin-bottom: 2rem;
-  display: block;
-  filter: brightness(0) invert(1);
-  opacity: 0.7;
-}
 
 .login-form-title {
   font-size: 1.55rem;
@@ -1097,11 +1092,7 @@ button {
     flex: none;
     padding: 2.5rem 1.5rem 2rem;
   }
-  .login-left-logo {
-    width: 120px;
-    margin-bottom: 1.5rem;
-  }
-  .login-left-title {
+    .login-left-title {
     font-size: 1.5rem;
   }
   .login-left-desc {
@@ -1111,8 +1102,7 @@ button {
     padding: 2rem 1.5rem 4rem;
   }
   .login-right::before { display: none; }
-  .login-right-logo { display: none; }
-  .login-footer { bottom: 0.75rem; }
+    .login-footer { bottom: 0.75rem; }
 }
 
 @media (max-width: 480px) {