fix:theme updated

Author: umesh-khatiwada

assets/css/main.css

@@ -2,37 +2,36 @@
   --default-font: "Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --heading-font: "Raleway",  sans-serif;
   --nav-font: "Poppins",  sans-serif;
-}
-:root { 
-  --background-color:#12445c; 
-  --default-color: #fafafa; 
-  --heading-color: #ffffff;
-  --accent-color: #18d26e;
-  --surface-color: #1a1a1a; 
-  --contrast-color: #000000;
-}
-
-:root {
-  --nav-color: #fafafa; 
-  --nav-hover-color: #18d26e;
-  --nav-mobile-background-color: #2e5466; 
-  --nav-dropdown-background-color: #1a1a1a;
-  --nav-dropdown-color: #fafafa; 
-  --nav-dropdown-hover-color: #18d26e;
-}
-
 
-.light-background {
-  --background-color: #1a1a1a;
-  --surface-color: #343434;
-}
-
-.dark-background {
-  --background-color: rgba(15, 15, 15, 0.975);
-  --default-color: #ffffff;
-  --heading-color: #ffffff;
-  --surface-color: #292929f9;
-  --contrast-color: #000000;
+  --background-color: #fff;
+  --default-color: #222;
+  --heading-color: #000;
+  --accent-color: #111;
+  --surface-color: #f5f5f5;
+  --contrast-color: #000;
+  --nav-color: #222;
+  --nav-hover-color: #111;
+  --nav-mobile-background-color: #f5f5f5;
+  --nav-dropdown-background-color: #fff;
+  --nav-dropdown-color: #222;
+  --nav-dropdown-hover-color: #111;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background-color: #111;
+    --default-color: #fafafa;
+    --heading-color: #fff;
+    --accent-color: #fff;
+    --surface-color: #222;
+    --contrast-color: #fff;
+    --nav-color: #fafafa;
+    --nav-hover-color: #fff;
+    --nav-mobile-background-color: #222;
+    --nav-dropdown-background-color: #111;
+    --nav-dropdown-color: #fafafa;
+    --nav-dropdown-hover-color: #fff;
+  }
 }
 
 /* Smooth scroll */
@@ -492,19 +491,75 @@ h6 {
   z-index: 999999;
   overflow: hidden;
   background: var(--background-color);
+  /* Make background more opaque for visibility */
+  background: rgba(0,0,0,0.85);
   transition: all 0.6s ease-out;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
+.loader-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
 
+.gear-container {
+  display: flex;
+  gap: 20px;
+  margin-bottom: 20px;
+}
 
-@keyframes animate-preloader {
-  0% {
-    transform: rotate(0deg);
-  }
+.gear-rotate {
+  font-size: 3rem;
+  color: #00ffae;
+  filter: drop-shadow(0 0 10px #00ffae);
+  animation: animate-preloader 1.2s linear infinite;
+}
 
-  100% {
-    transform: rotate(360deg);
-  }
+.gear-rotate.right {
+  color: #18d26e;
+  filter: drop-shadow(0 0 10px #18d26e);
+  animation-direction: reverse;
+}
+
+.loading-text {
+  display: flex;
+  gap: 2px;
+  font-size: 2rem;
+  font-family: 'Fira Mono', 'Courier New', monospace;
+  color: #fff;
+  text-shadow: 0 0 10px #00ffae, 0 0 2px #18d26e;
+  letter-spacing: 2px;
+  margin-bottom: 10px;
+  font-weight: bold;
+}
+
+.loading-bar {
+  width: 180px;
+  height: 8px;
+  background: rgba(255,255,255,0.15);
+  border-radius: 4px;
+  overflow: hidden;
+  margin-top: 8px;
+  box-shadow: 0 0 8px #00ffae;
+}
+
+.loading-bar .progress {
+  width: 0;
+  height: 100%;
+  background: linear-gradient(90deg, #00ffae 0%, #18d26e 100%);
+  animation: loading-bar-progress 1.8s linear infinite;
+  border-radius: 4px;
+  box-shadow: 0 0 8px #00ffae;
+}
+
+@keyframes loading-bar-progress {
+  0% { width: 0; }
+  60% { width: 100%; }
+  100% { width: 0; }
 }
 
 /*--------------------------------------------------------------
@@ -664,6 +719,7 @@ section,
   display: flex;
   align-items: center;
   justify-content: center;
+  background: var(--background-color);
 }
 
 .hero img {