/* <!-- Loader Styles --> */

    /* Advanced Line Loader */
    .line-loader {
        position: fixed;
        top: 0;
        left: 0;
        width: 0;
        height: 6px;
        background: linear-gradient(90deg, #3498db, #2ecc71, #e74c3c);
        z-index: 9999;
        transition: width 0.4s ease-out, opacity 0.4s ease;
        box-shadow: 0 0 10px rgba(52, 152, 219, 0.7);
        opacity: 1;
    }

    .line-loader.loading {
        animation: loaderPulse 1.5s infinite alternate;
    }

    @keyframes loaderPulse {
        0% {
            transform: scaleX(1);
            opacity: 0.7;
        }
        100% {
            transform: scaleX(1.05);
            opacity: 1;
        }
    }

/* <!-- End Loader Styles --> */