#loader-overlay {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: #0d1117;
       z-index: 9999;
       display: flex;
       justify-content: center;
       align-items: center;
       flex-direction: column;
       color: white;
     }

     .loader-content {
       text-align: center;
     }

     .loader-logo {
       width: 80px;
       height: 80px;
       animation: spin 1.5s linear infinite;
       margin-bottom: 20px;
     }

     @keyframes spin {
       0% { transform: rotate(0deg); }
       100% { transform: rotate(360deg); }
     }

     .progress-container {
       width: 200px;
       height: 10px;
       background: #444;
       border-radius: 5px;
       overflow: hidden;
       margin: 0 auto 15px;
     }

     .progress-bar {
       width: 0%;
       height: 100%;
       background-color: #fff;
       transition: width 0.4s ease;
     }

     .loading-text {
       font-size: 1rem;
       letter-spacing: 1px;
     }