diff --git a/src/frontend/public/login_bg.png b/src/frontend/public/login_bg.png
new file mode 100644
index 0000000..c772148
Binary files /dev/null and b/src/frontend/public/login_bg.png differ
diff --git a/src/frontend/src/views/Login.vue b/src/frontend/src/views/Login.vue
index cbc68d5..6f79c0b 100644
--- a/src/frontend/src/views/Login.vue
+++ b/src/frontend/src/views/Login.vue
@@ -107,7 +107,8 @@ async function handleLogin() {
   display: flex;
   align-items: center;
   justify-content: center;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  background: url('/login_bg.png') no-repeat center center;
+  background-size: cover;
 }
 
 .login-box {