.preloader {
        position: fixed;
        inset: 0;
        background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        transition: opacity 0.6s ease-out;
    }

    .preloader.hidden {
        opacity: 0;
        pointer-events: none;
    }

    .loading {
        margin-bottom: 2.5rem;
    }

    .svgbox {
        stroke-width: 5;
        fill: none;
        stroke-dasharray: 50 14;
        stroke-dashoffset: 192;
        animation: dash_682 1.6s linear infinite;
    }

    @keyframes dash_682 {
        0% {
            stroke-dashoffset: 192;
            opacity: 0.4;
        }
        30% {
            opacity: 1;
        }
        72.5% {
            opacity: 1;
        }
        100% {
            stroke-dashoffset: 1;
            opacity: 0.7;
        }
    }

    /* Glow effect */
    .svgbox {
        filter: drop-shadow(0 0 15px rgba(167, 139, 250, 0.7));
    }

    .loader-text {
        font-size: 1.4rem;
        font-weight: 600;
        color: #c4b5fd;
        letter-spacing: 1.5px;
        opacity: 0.9;
        animation: pulseText 2.2s ease-in-out infinite;
    }

    @keyframes pulseText {
        0%, 100% { opacity: 0.7; }
        50%      { opacity: 1; }
    }