html.is-loading body {
       overflow: hidden;
   }

   html.is-loading #app-content {
       opacity: 0;
       pointer-events: none;
   }

   #global-loader {
       position: fixed;
       inset: 0;
       background: rgba(244, 243, 243,1);
       /* lightColor.main */
       display: flex;
       align-items: center;
       justify-content: center;
       z-index: 99999;
       transition: opacity .35s ease;
   }

   #global-loader.hidden {
       opacity: 0;
       pointer-events: none;
   }

   /* Core loader */
   .lux-loader {
       display: flex;
       flex-direction: column;
       align-items: center;
       gap: 22px;
       padding: 36px 44px;
       background: #FBFAFA;
       /* lightColor.lighter */
       border-radius: 22px;
       box-shadow:
           0 30px 60px rgba(0, 0, 0, 0.08),
           inset 0 1px 0 rgba(255, 255, 255, 0.8);
   }

   /* Signature motion element */
   .lux-mark {
       width: 64px;
       height: 4px;
       background: linear-gradient(90deg,
               #022A00,
               #4D871F,
               #022A00);
       background-size: 200% 100%;
       border-radius: 999px;
       animation: glide 1.6s ease-in-out infinite;
   }

   /* Typography */
   .lux-text {
       font-size: 0.85rem;
       letter-spacing: 0.18em;
       text-transform: uppercase;
       color: #2D2E2E;
       opacity: 0.85;
   }

   @keyframes glide {
       0% {
           background-position: 0% 50%;
           opacity: 0.6;
       }

       50% {
           background-position: 100% 50%;
           opacity: 1;
       }

       100% {
           background-position: 0% 50%;
           opacity: 0.6;
       }
   }