diff --git a/CopyToKeycloak/theme/kusche-desktop/login/resources/css/desktop-kusche.css b/CopyToKeycloak/theme/kusche-desktop/login/resources/css/desktop-kusche.css
index daf47f47..61b0f02c 100644
--- a/CopyToKeycloak/theme/kusche-desktop/login/resources/css/desktop-kusche.css
+++ b/CopyToKeycloak/theme/kusche-desktop/login/resources/css/desktop-kusche.css
@@ -14,9 +14,8 @@ body {
     margin: 0;
     overflow: hidden;
     background:
-        radial-gradient(circle at 18% 84%, rgba(142, 214, 119, 0.22), transparent 18%),
-        linear-gradient(0deg, rgba(14, 27, 19, 0.28), rgba(14, 27, 19, 0.28)),
-        linear-gradient(135deg, #26442b 0%, #355939 26%, #5f4a2f 58%, #22351f 100%) !important;
+        linear-gradient(180deg, rgba(232, 241, 248, 0.22), rgba(17, 24, 39, 0.18)),
+        url("/assets/auth/skyline.png") center center / cover no-repeat fixed !important;
     color: #f8fafc;
     font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
 }
@@ -94,8 +93,9 @@ body > main {
     position: absolute;
     inset: 0;
     background:
-        linear-gradient(180deg, rgba(255, 255, 255, 0.10), transparent 16%),
-        radial-gradient(circle at center, transparent 24%, rgba(7, 13, 8, 0.18) 100%);
+        linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(15, 23, 42, 0.18)),
+        radial-gradient(circle at center, rgba(255, 255, 255, 0.04), rgba(10, 18, 28, 0.16) 100%);
+    backdrop-filter: blur(18px) saturate(1.08);
     pointer-events: none;
 }
 
@@ -131,10 +131,16 @@ body > main {
 }
 
 .kb-login-card {
-    width: min(420px, 100%);
+    width: min(560px, 100%);
     margin-top: 148px;
     display: grid;
     gap: 14px;
+    padding: 28px;
+    border-radius: 30px;
+    background: rgba(255, 255, 255, 0.12);
+    border: 1px solid rgba(255, 255, 255, 0.24);
+    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.22);
+    backdrop-filter: blur(22px) saturate(1.08);
 }
 
 .kb-login-brand {
@@ -173,7 +179,7 @@ body > main {
     padding: 0 18px;
     border: 1px solid rgba(255, 255, 255, 0.10);
     border-radius: 999px;
-    background: rgba(213, 223, 193, 0.54) !important;
+    background: rgba(239, 245, 226, 0.78) !important;
     color: #f8fafc !important;
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
     outline: none;
@@ -194,7 +200,7 @@ body > main {
 }
 
 .kb-text-input::placeholder {
-    color: rgba(248, 250, 252, 0.82);
+    color: rgba(255, 255, 255, 0.88);
 }
 
 .kb-password-row {
diff --git a/public/assets/auth/login.css b/public/assets/auth/login.css
index 0c8b0d4e..e28235fc 100644
--- a/public/assets/auth/login.css
+++ b/public/assets/auth/login.css
@@ -12,9 +12,8 @@ body {
     min-height: 100vh;
     color: #f8fafc;
     background:
-        radial-gradient(circle at 18% 84%, rgba(142, 214, 119, 0.22), transparent 18%),
-        linear-gradient(0deg, rgba(14, 27, 19, 0.28), rgba(14, 27, 19, 0.28)),
-        linear-gradient(135deg, #26442b 0%, #355939 26%, #5f4a2f 58%, #22351f 100%);
+        linear-gradient(180deg, rgba(232, 241, 248, 0.22), rgba(17, 24, 39, 0.18)),
+        url("/assets/auth/skyline.png") center center / cover no-repeat fixed;
 }
 
 .login-shell {
@@ -30,8 +29,9 @@ body {
     position: absolute;
     inset: 0;
     background:
-        linear-gradient(180deg, rgba(255, 255, 255, 0.10), transparent 16%),
-        radial-gradient(circle at center, transparent 24%, rgba(7, 13, 8, 0.18) 100%);
+        linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(15, 23, 42, 0.18)),
+        radial-gradient(circle at center, rgba(255, 255, 255, 0.04), rgba(10, 18, 28, 0.16) 100%);
+    backdrop-filter: blur(18px) saturate(1.08);
     pointer-events: none;
 }
 
@@ -39,16 +39,16 @@ body {
     width: min(420px, 100%);
     position: relative;
     z-index: 1;
-    padding: 0;
-    border-radius: 0;
-    background: transparent;
-    border: 0;
-    box-shadow: none;
-    backdrop-filter: none;
+    padding: 28px;
+    border-radius: 30px;
+    background: rgba(255, 255, 255, 0.12);
+    border: 1px solid rgba(255, 255, 255, 0.24);
+    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.22);
+    backdrop-filter: blur(22px) saturate(1.08);
 }
 
 .login-panel-wide {
-    width: min(460px, 100%);
+    width: min(560px, 100%);
 }
 
 .login-panel-admin {
@@ -84,7 +84,7 @@ body {
 
 .login-copy {
     margin: 0;
-    color: rgba(248, 250, 252, 0.9);
+    color: rgba(248, 250, 252, 0.96);
     line-height: 1.5;
 }
 
@@ -140,7 +140,7 @@ body {
 
 .login-form {
     display: grid;
-    gap: 12px;
+    gap: 16px;
 }
 
 .login-form-grid {
@@ -166,7 +166,7 @@ body {
     padding: 0 18px;
     border-radius: 999px;
     border: 1px solid rgba(255, 255, 255, 0.10);
-    background: rgba(213, 223, 193, 0.54);
+    background: rgba(239, 245, 226, 0.78);
     color: #f8fafc;
     font: inherit;
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
@@ -183,7 +183,7 @@ body {
 
 .login-field input::placeholder,
 .login-field textarea::placeholder {
-    color: rgba(248, 250, 252, 0.82);
+    color: rgba(255, 255, 255, 0.88);
 }
 
 .login-field input:focus,
diff --git a/public/assets/auth/skyline.png b/public/assets/auth/skyline.png
new file mode 100644
index 00000000..61214831
Binary files /dev/null and b/public/assets/auth/skyline.png differ
diff --git a/public/assets/desktop/wallpapers/skyline.png b/public/assets/desktop/wallpapers/skyline.png
new file mode 100644
index 00000000..61214831
Binary files /dev/null and b/public/assets/desktop/wallpapers/skyline.png differ
diff --git a/skins/apple/profile.php b/skins/apple/profile.php
index 9e5f2001..ffd75f70 100644
--- a/skins/apple/profile.php
+++ b/skins/apple/profile.php
@@ -6,7 +6,7 @@ return [
     'id' => 'apple',
     'label' => 'Apple',
     'family' => 'apple',
-    'wallpaper' => 'radial-gradient(circle at top, #ffe7ba 0%, #ff9a62 38%, #531b53 100%)',
+    'wallpaper' => 'linear-gradient(180deg, rgba(255,255,255,0.48), rgba(255,255,255,0.26)), url("/assets/desktop/wallpapers/skyline.png") center center / cover no-repeat fixed',
     'top_bar' => true,
     'taskbar_mode' => 'dock',
     'taskbar_label' => 'Launchpad',
diff --git a/skins/base/profile.php b/skins/base/profile.php
index 30a5ae53..2a9a30b4 100644
--- a/skins/base/profile.php
+++ b/skins/base/profile.php
@@ -6,7 +6,7 @@ return [
     'id' => 'base',
     'label' => 'Base',
     'family' => 'base',
-    'wallpaper' => 'linear-gradient(160deg, #1d4ed8 0%, #0f172a 100%)',
+    'wallpaper' => 'linear-gradient(180deg, rgba(255,255,255,0.52), rgba(255,255,255,0.34)), url("/assets/desktop/wallpapers/skyline.png") center center / cover no-repeat fixed',
     'top_bar' => false,
     'taskbar_mode' => 'taskbar',
     'taskbar_label' => 'Menu',
diff --git a/skins/linux/profile.php b/skins/linux/profile.php
index 9e9c19fa..0eb1abcc 100644
--- a/skins/linux/profile.php
+++ b/skins/linux/profile.php
@@ -6,7 +6,7 @@ return [
     'id' => 'linux',
     'label' => 'Linux Mint',
     'family' => 'linux-mint',
-    'wallpaper' => 'linear-gradient(140deg, #123329 0%, #1f5d4f 45%, #0f172a 100%)',
+    'wallpaper' => 'linear-gradient(180deg, rgba(255,255,255,0.56), rgba(240,248,255,0.36)), url("/assets/desktop/wallpapers/skyline.png") center center / cover no-repeat fixed',
     'top_bar' => false,
     'taskbar_mode' => 'panel',
     'taskbar_label' => 'Menu',
diff --git a/skins/windows/profile.php b/skins/windows/profile.php
index f0084555..c8a1952a 100644
--- a/skins/windows/profile.php
+++ b/skins/windows/profile.php
@@ -6,7 +6,7 @@ return [
     'id' => 'windows',
     'label' => 'Windows',
     'family' => 'windows',
-    'wallpaper' => 'linear-gradient(160deg, #1d4ed8 0%, #0f172a 100%)',
+    'wallpaper' => 'linear-gradient(180deg, rgba(255,255,255,0.52), rgba(255,255,255,0.34)), url("/assets/desktop/wallpapers/skyline.png") center center / cover no-repeat fixed',
     'top_bar' => false,
     'taskbar_mode' => 'taskbar',
     'taskbar_label' => 'Start',