hello

app/static/css/login.css

@@ -1,11 +1,30 @@
 body {
-    background-color: var(--auth-bg);
+    position: relative;
+    min-height: 100vh;
+    background-color: #050505;
+    overflow-x: hidden;
+    isolation: isolate;
+}
+
+body::before {
+    content: "";
+    position: fixed;
+    inset: 0;
+    background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url("/static/img/LoginPage.png");
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    filter: blur(12px) brightness(0.7) saturate(0.85);
+    transform: scale(1.08);
+    z-index: 0;
+    pointer-events: none;
 }
 #main {
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 100vh;
+    z-index: 1;
 }
 
 .login-container {
@@ -18,6 +37,8 @@ body {
     background-color: var(--auth-card-bg);
     box-shadow: 0 0 15px var(--auth-card-shadow);
     border-radius: 2px;
+    position: relative;
+    z-index: 1;
 }
 
 .login-container p {

app/static/css/signup.css

@@ -1,5 +1,23 @@
 body {
-    background-color: var(--auth-bg);
+    position: relative;
+    min-height: 100vh;
+    background-color: #050505;
+    overflow-x: hidden;
+    isolation: isolate;
+}
+
+body::before {
+    content: "";
+    position: fixed;
+    inset: 0;
+    background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url("/static/img/LoginPage.png");
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    filter: blur(12px) brightness(0.7) saturate(0.85);
+    transform: scale(1.08);
+    z-index: 0;
+    pointer-events: none;
 }
 
 #main {
@@ -7,6 +25,7 @@ body {
     justify-content: center;
     align-items: center;
     min-height: 100vh;
+    z-index: 1;
 }
 
 .signup-container {
@@ -19,6 +38,8 @@ body {
     background-color: var(--auth-card-bg);
     box-shadow: 0 0 15px var(--auth-card-shadow);
     border-radius: 2px;
+    position: relative;
+    z-index: 1;
 }
 
 .signup-logo {