diff --git a/assets/background/1.jpg b/assets/background/1.jpg
deleted file mode 100644
index ee79188..0000000
Binary files a/assets/background/1.jpg and /dev/null differ
diff --git a/assets/background/1.png b/assets/background/1.png
new file mode 100644
index 0000000..9b420cc
Binary files /dev/null and b/assets/background/1.png differ
diff --git a/assets/background/13.jpg b/assets/background/13.jpg
new file mode 100644
index 0000000..f1b9653
Binary files /dev/null and b/assets/background/13.jpg differ
diff --git a/assets/background/14.jpg b/assets/background/14.jpg
new file mode 100644
index 0000000..9882045
Binary files /dev/null and b/assets/background/14.jpg differ
diff --git a/assets/background/15.jpg b/assets/background/15.jpg
new file mode 100644
index 0000000..a3f7485
Binary files /dev/null and b/assets/background/15.jpg differ
diff --git a/assets/background/16.jpg b/assets/background/16.jpg
new file mode 100644
index 0000000..108ef0e
Binary files /dev/null and b/assets/background/16.jpg differ
diff --git a/assets/background/4.jpg b/assets/background/4.jpg
index 6b97437..38e845f 100644
Binary files a/assets/background/4.jpg and b/assets/background/4.jpg differ
diff --git a/assets/background/6.jpg b/assets/background/6.jpg
index cb1083f..0144d02 100644
Binary files a/assets/background/6.jpg and b/assets/background/6.jpg differ
diff --git a/connect.js b/connect.js
index 7f66ef9..732ef7e 100644
--- a/connect.js
+++ b/connect.js
@@ -167,6 +167,7 @@ async function testProxy() {
             });
             console.log("Fliternet Bypassed");
             filterBypassStat = true;
+            ConnectedVibe("warp");
             return true;
         }
         catch {
@@ -248,7 +249,7 @@ function ConnectedWarp(stat = "normal") {
     sect == "main" ? SetAttr("changeStatus-vibe", "style", "box-shadow:0px 0px 50px 10px rgba(98, 255, 0, 0.7);") : ("")
     sect == "main" ? SetAttr("changeStatus-vibe", "style", "animation:;") : ("")
     sect == "main" ? SetHTML("status-vibe-conn", "🚀 Connected") : ('');
-    sect == "main" ? SetAnim("ChangeStatus", "Load") : ("");
+    sect == "main" ? SetAnim("ChangeStatus", "null !important") : ("");
     sect == "main" ? SetBorderColor("ChangeStatus", "#15ff00") : ("");
     if (stat == "normal") {
         sect == "main" ? Showmess(5000, "🚀!Connected To Warp!🚀") : ("");
diff --git a/renderer.js b/renderer.js
index 07242ab..260a5bc 100644
--- a/renderer.js
+++ b/renderer.js
@@ -25,7 +25,7 @@ var { Onloading, connectVibe, connectWarp, setProxy, offProxy, settingWarp, Conn
 __dirname = __dirname.replace("app.asar", "")
 var Psicountry = ["IR", "AT", "BE", "BG", "BR", "CA", "CH", "CZ", "DE", "DK", "EE", "ES", "FI", "FR", "GB", "HU", "HR", "IE", "IN", "IT", "JP", "LV", "NL", "NO", "PL", "PT", "RO", "RS", "SE", "SG", "SK", "UA", "US"];
 var PsicountryFullname = ["Auto Server", "Austria", "Belgium", "Bulgaria", "Brazil", "Canada", "Switzerland", "Czech Republic", "Germany", "Denmark", "Estonia", "Spain", "Finland", "France", "United Kingdom", "Hungary", "Croatia", "Ireland", "India", "Italy", "Japan", "Latvia", "Netherlands", "Norway", "Poland", "Portugal", "Romania", "Serbia", "Sweden", "Singapore", "Slovakia", "Ukraine", "United States"];
-var backgroundList = ["1.jpg", "2.png", "3.jpg", "4.jpg", "5.jpg", "6.jpg", "7.jpg", "8.jpg", "9.jpg", "10.jpg", "11.jpg", "12.jpg"];
+var backgroundList = ["1.png", "2.png", "3.jpg", "4.jpg", "5.jpg", "6.jpg", "7.jpg", "8.jpg", "9.jpg", "10.jpg", "11.jpg", "12.jpg","13.jpg","14.jpg","15.jpg","16.jpg"];
 // #endregion
 // #region all Listener
 document.addEventListener("DOMContentLoaded", () => {
@@ -132,8 +132,10 @@ document.addEventListener("DOMContentLoaded", () => {
         saveSetting();
         SetSettingWarp();
     };
-    document.getElementById("change-background-warp-btn").onclick =  () => {
-        document.body.style.backgroundImage = `url(${getRandomImage()}),  linear-gradient(180deg, #252C37 0%, rgba(35, 31, 88, 0.5) 35%, rgba(0, 212, 255, 0.4) 100%)`;
+    document.getElementById("change-background-warp-btn").onclick = () => {
+        const randomImage = getRandomImage();
+        document.body.style.backgroundSize = "cover";
+        document.body.style.backgroundImage = `url(${randomImage}), linear-gradient(180deg, #252C37 0%, rgba(35, 31, 88, 0.5) 35%, rgba(0, 212, 255, 0.4) 100%)`;
     }
 });
 // #endregion
@@ -241,8 +243,7 @@ function Onload() {
             }, 1500);
         }
     };
-    // Load Background
-    document.body.style.backgroundImage = `url(${getRandomImage()}),  linear-gradient(180deg, #252C37 0%, rgba(35, 31, 88, 0.5) 35%, rgba(0, 212, 255, 0.4) 100%)`;
+  
 };
 function getRandomImage() {
     const randomIndex = Math.floor(Math.random() * backgroundList.length);
@@ -708,5 +709,6 @@ setInterval(() => {
     testProxy();
     saveSetting();
 }, 7500);
+
 //#endregion
 // End code
diff --git a/style.css b/style.css
index 078801d..a2814bc 100644
--- a/style.css
+++ b/style.css
@@ -1,18 +1,65 @@
 /*///////////////////////////////////////////*/
 /* Start Code*/
 /* #region warp */
+
 body {
-    display: flex;
-    justify-content: center;
-    align-items: center;
     flex-direction: column;
     flex-wrap: wrap;
+    background: radial-gradient(circle at center, #1b1b1b, #0d0d0d 40%, #000000);
+    background-attachment: fixed;
+    color: white;
+    font-family: 'Arial', sans-serif;
     overflow: hidden;
-    height: 98vh;
-    transition: 0.7s;
-    background-repeat: no-repeat;
-    background: #4e0544;
     background-size: cover;
+    margin: 0;
+    padding: 0;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: linear-gradient(145deg, #1b0033, #0d001a, #2c003e,#05295e,#0974f1);
+    background-size: 200% 200%;
+    font-family: 'Arial', sans-serif;
+    overflow: hidden;
+    animation: DarkGradientMove 15s ease infinite;
+}
+
+body::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: radial-gradient(circle at 30% 30%, rgba(255, 0, 127, 0.15), transparent 50%), 
+                radial-gradient(circle at 70% 70%, rgba(140, 32, 170, 0.15), transparent 50%);
+    mix-blend-mode: screen;
+    pointer-events: none;
+    animation: NeonGlow 1s ease-in-out infinite;
+}
+
+@keyframes DarkGradientMove {
+    0% {
+        background-position: 0% 50%;
+    }
+    50% {
+        background-position: 50% 50%;
+    }
+    100% {
+        background-position: 0% 50%;
+    }
+}
+
+@keyframes NeonGlow {
+    0% {
+        opacity: 0.5;
+    }
+    50% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0.5;
+    }
 }
 
 
@@ -53,25 +100,35 @@ h2 {
     width: 175px;
     height: 175px;
     font-size: 55px;
-    color: black;
-    background: linear-gradient(#ccc 0 0) padding-box, linear-gradient(to right, #9c20aa, #fb3570) border-box;
-    color: #313149;
+    color: white;
+    background: linear-gradient(#2502eb86 0 0) padding-box, linear-gradient(to right, #2c003e, #ff007f) border-box;
     padding: 10px;
     border: 5px solid transparent;
     border-radius: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
-    animation: ChangeStatusAnimOff 10s infinite;
+    animation: ChangeStatusAnimOff 10s infinite, glow 2s ease-in-out infinite;
+    box-shadow: 0 0 50px rgba(255, 0, 127, 0.3);
+    transition: background 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
+    cursor: pointer;
+}
+
+#ChangeStatus:hover {
+    transition: 0.8s;
+    backdrop-filter: blur(50px);
+    background: transparent;
+    border-color:#1100ff;
+    box-shadow: 0 0 50px rgba(255, 0, 128, 0.432), 0 0 20px rgba(44, 0, 62, 0.5);
 }
 
 @keyframes ChangeStatusAnimOff {
     10% {
-        background: linear-gradient(#ccc 0 0) padding-box, linear-gradient(to right, #9c20aa, #fb3570) border-box;
+        border-color: #9c20aa;
     }
 
     20% {
-        border-color: #9c20aa;
+        border-color: #fb3570;
     }
 
     50% {
@@ -79,7 +136,19 @@ h2 {
     }
 
     100% {
-        border-color: #fb3570;
+        border-color: #970f53af;
+    }
+}
+
+@keyframes glow {
+    0% {
+        box-shadow: 0 0 10px rgba(255, 0, 127, 0.3), 0 0 5px rgba(44, 0, 62, 0.3);
+    }
+    50% {
+        box-shadow: 0 0 380px rgba(255, 0, 127, 0.3), 0 0 55px rgba(44, 0, 62, 0.5);
+    }
+    100% {
+        box-shadow: 0 0 50px rgba(255, 0, 127, 0.3), 0 0 5px rgba(44, 0, 62, 0.3);
     }
 }
 
@@ -105,6 +174,8 @@ h2 {
     }
 }
 
+
+
 .menu-show {
     padding: 7px;
 }
@@ -344,7 +415,7 @@ h2 {
 #setting,
 #setting-vibe {
     display: none;
-    position: absolute;
+    position: fixed;
     right: 0%;
     top: 0%;
     width: 80%;
@@ -414,7 +485,7 @@ h2 {
     justify-content: center;
     align-items: center;
     backdrop-filter: blur(20px);
-    background-color: rgba(30, 17, 104,0.3);
+    background-color: rgba(30, 17, 104, 0.3);
     flex-direction: column;
     z-index: 9;
     border-radius: 15px;
@@ -1006,6 +1077,7 @@ select option {
         width: 50%;
         height: 10vh;
     }
+
     #menu>div {
         width: 75%;
         height: 8.3vh;
@@ -1060,6 +1132,7 @@ select option {
     border: none;
     border-radius: 7px;
 }
+
 ::-webkit-scrollbar {
     width: 1.5vw;
 }