diff --git a/JellySkin-mod.css b/JellySkin-mod.css
index 2f5254a..35db2ad 100644
--- a/JellySkin-mod.css
+++ b/JellySkin-mod.css
@@ -139,9 +139,9 @@ input.mdl-slider::-webkit-slider-thumb,
 /*--Backdrop--*/
 
 .backdropContainer {
-	filter: blur(6px) brightness(50%) saturate(100%) !important;
-	mask-image: linear-gradient(180deg, black, transparent) !important;
-	-webkit-mask-image: linear-gradient(180deg, black, hsla(0, 0%, 0%, 0.6)) !important;
+	filter: blur(8px) saturate(150%) brightness(75%) !important;
+	mask-image: radial-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)) !important;
+	-webkit-mask-image: radial-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)) !important;
 }
 
 /*--Icons Fix--*/
@@ -178,7 +178,7 @@ input.mdl-slider::-webkit-slider-thumb,
 	height: max-content;
 	border-radius: 10px;
 	backdrop-filter: blur(20px) saturate(150%) brightness(75%);
-	-webkit-backdrop-filter: blur(20px);
+	-webkit-backdrop-filter: blur(20px) saturate(150%) brightness(75%);
 	box-shadow: 0px 0px 30px rgba(0,0,0,.7);
 	overflow: initial;
 	position: absolute;
@@ -189,7 +189,8 @@ input.mdl-slider::-webkit-slider-thumb,
 }
 
 #loginPage:after {
-	background: url(https://levi.land/public/jf-login-bg.webp), radial-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
+	background: url(https://levi.land/public/jf-login-bg.webp), radial-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
+	filter: blur(2px);
 	background-size: cover;
 	background-blend-mode: overlay;
 }