fix(phase-1): resolve preloader freeze, lock dark mode, perfectly center hamburger & mark complete

assets/style.css

@@ -460,23 +460,22 @@ img, picture { display: block; max-width: 100%; height: auto; }
 .nav-burger-lines {
   width: 22px;
   height: 16px;
-  position: relative;
-  display: block;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
 }
 .nav-line {
-  position: absolute;
   width: 100%;
   height: 2px;
   background-color: var(--color-bg-dark);
   transition: transform 0.4s var(--ease-fluid-slide),
               opacity 0.3s ease,
               background-color 0.3s ease;
+  transform-origin: center;
 }
 [data-theme="dark"] .nav-line { background-color: var(--color-light-gold); }
 .nav-trigger.active .nav-line { background-color: var(--color-white); }
-.nav-line--top { top: 0; }
-.nav-line--mid { top: 7px; }
-.nav-line--bot { top: 14px; }
 .nav-trigger.active .nav-line--top { transform: translateY(7px) rotate(45deg); }
 .nav-trigger.active .nav-line--mid { opacity: 0; transform: scaleX(0); }
 .nav-trigger.active .nav-line--bot { transform: translateY(-7px) rotate(-45deg); }