/* v2.6 styles */
#cpl-preloader{
    position:fixed; inset:0; z-index:2147483647;
    background-size:cover; background-position:center;
    display:flex; flex-direction:column; justify-content:center; align-items:center;
    color:#fff; overflow:hidden;
    font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* gradient sweep overlay */
.cpl-gradient-sweep{
    position:absolute; inset:0; z-index:2147483647; pointer-events:none;
    background:linear-gradient(90deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.06) 20%, rgba(255,255,255,0.02) 60%, rgba(255,255,255,0.00) 100%);
    transform:translateX(-100%);
    opacity:0.9;
    animation: sweep 3.5s linear infinite;
    mix-blend-mode:overlay;
}
@keyframes sweep{ to{ transform:translateX(100%); } }

/* fade-up entrance */
.cpl-fade-bg{
    position:absolute; inset:0; background:rgba(0,0,0,0.35);
    z-index:2147483647; transform:translateY(30px); opacity:0;
    animation:fadeUp .8s ease forwards;
}
@keyframes fadeUp{ to{ transform:translateY(0); opacity:1; } }

.cpl-blur-layer{
    position:absolute; inset:0; z-index:2147483647; pointer-events:none;
    backdrop-filter: blur(4px);
}

/* cinematic overlay */
.cpl-cinematic .cpl-overlay{
    background:rgba(0,0,0,0.5);
    box-shadow:inset 0 200px 200px rgba(0,0,0,0.35);
}
.cpl-cinematic::after{
    content:""; position:absolute; inset:0; z-index:2147483647;
    pointer-events:none;
    background-image:radial-gradient(ellipse at center, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0.35) 50%);
    mix-blend-mode:multiply;
}

/* middle row */
.cpl-middle{
    position:relative; z-index:2147483647;
    margin-bottom:120px; width:100%;
    display:flex; justify-content:center;
}
.cpl-row{
    display:flex; align-items:center; justify-content:center; gap:28px;
    transform:translateY(10px); opacity:0;
    animation:rowIn 700ms cubic-bezier(.2,.9,.2,1) forwards;
}

/* logo animation */
.cpl-logo img{
    display:block; max-width:280px; height:auto;
    transform:scale(0.96); opacity:0;
    animation:logoIn .9s forwards;
}
@keyframes logoIn{ to{ transform:scale(1); opacity:1; } }

/* divider pulse */
.cpl-divider{
    width:2px; height:84px; background:rgba(255,255,255,0.9);
    transform:scaleY(.6); opacity:0;
    animation:dividerIn .6s ease forwards .12s,
             dividerPulse 1600ms ease-in-out infinite .8s;
}
@keyframes dividerIn{ to{ transform:scaleY(1); opacity:1; } }
@keyframes dividerPulse{
    0%{ width:2px; }
    50%{ width:4px; }
    100%{ width:2px; }
}

/* text */
.cpl-text{
    text-align:left; opacity:0; transform:translateY(18px);
    animation:textIn 800ms cubic-bezier(.2,.9,.2,1) forwards .18s;
}
.cpl-text .line1{ display:block; }
.cpl-text .line2{ display:block; opacity:0.9; font-size:0.95em; margin-top:4px; }

@keyframes rowIn{ to{ transform:translateY(0); opacity:1; } }
@keyframes textIn{ to{ transform:translateY(0); opacity:1; } }

/* bottom counter */
.cpl-bottom-area{
    position:fixed; left:0; right:0; bottom:36px;
    z-index:2147483647; text-align:center;
}
.cpl-counter{
    font-size:22px; font-weight:700; margin-bottom:8px;
    opacity:0; transform:translateY(6px);
    animation:counterIn .7s forwards .22s;
}
@keyframes counterIn{ to{ opacity:1; transform:translateY(0); } }
.cpl-bottom-text{ opacity:0.9; font-size:13px; color:rgba(255,255,255,0.95); }

/* --------------------------------------------------
   SUBTLE PEEL-AWAY EXIT EFFECT (ALUTRADE STYLE)
---------------------------------------------------*/
#cpl-preloader.exit{
    opacity:0;
    transform:scale(0.985) translateY(-28px);
    transition:opacity .9s ease, transform 1s ease;
}

#cpl-preloader.exit .cpl-blur-layer{
    opacity:0.3;
    backdrop-filter:blur(0px);
    transition:backdrop-filter .9s ease, opacity .9s ease;
}

#cpl-preloader.exit .cpl-gradient-sweep{
    opacity:0;
    transform:translateY(-35px);
    transition:opacity .9s ease, transform 1.1s ease;
}

#cpl-preloader.exit .cpl-row,
#cpl-preloader.exit .cpl-text,
#cpl-preloader.exit .cpl-logo,
#cpl-preloader.exit .cpl-divider{
    opacity:0;
    transform:translateY(-20px);
    transition:transform .9s ease, opacity .9s ease;
}

/* ---------- MOBILE DESIGN FIXES ---------- */
@media(max-width:767px){

    /* Clean text flow */
    #cpl-preloader .cpl-text{
        display:block !important;
        text-align:center !important;
    }

    #cpl-preloader .cpl-text .cpl-line1,
    #cpl-preloader .cpl-text .cpl-line2{
        display:inline;
        margin:0 !important;
        opacity:1 !important;
        font-size:inherit !important;
        font-weight:inherit !important;
    }

    #cpl-preloader .cpl-text .cpl-line2:before{
        content:" ";
    }

    /* padding */
    #cpl-preloader .cpl-middle{
        padding-left:24px;
        padding-right:24px;
    }

    /* disable parallax jitter */
    #cpl-preloader{
        background-attachment:scroll !important;
        transform:none !important;
    }
}