diff --git a/style.css b/style.css
index 389a351be..c5ed148b3 100644
--- a/style.css
+++ b/style.css
@@ -8,11 +8,65 @@
 }
 
 /*  CSS preloader starts */
+#load {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+    background: #0a0a0a;
+}
 
+/* Loading text */
 .loading-text {
-	letter-spacing: 5px;
-	color: rgb(180, 180, 180);
-	font-family: "Noto Sans", sans-serif;
+    font-size: 2rem;
+    letter-spacing: 8px;
+    font-weight: 600;
+    color: #e5e5e5;
+    font-family: "Noto Sans", sans-serif;
+    text-transform: uppercase;
+    position: relative;
+    margin-bottom: 30px;
+    
+    /* subtle glow */
+    text-shadow: 0 0 8px rgba(255, 255, 255, 0.2);
+    
+    /* animation */
+    animation: fadePulse 1.5s infinite ease-in-out;
+}
+
+/* underline animation */
+.loading-text::after {
+    content: "";
+    position: absolute;
+    left: 0;
+    bottom: -8px;
+    width: 100%;
+    height: 2px;
+    background: linear-gradient(90deg, transparent, #fff, transparent);
+    animation: slideLine 2s infinite;
+}
+
+/* pulse effect */
+@keyframes fadePulse {
+    0%, 100% {
+        opacity: 0.5;
+        letter-spacing: 8px;
+    }
+    50% {
+        opacity: 1;
+        letter-spacing: 12px;
+    }
+}
+
+/* moving underline */
+@keyframes slideLine {
+    0% {
+        transform: translateX(-100%);
+    }
+    100% {
+        transform: translateX(100%);
+    }
 }
 .notLoaded {
 	height: 100vh;