:root{
    --piroglu-loader-bg:#132b63;
    --piroglu-loader-accent:#e51c70;
    --piroglu-loader-text:#ffffff;
    --piroglu-loader-fade:450ms;
}

html.piroglu-preloader-lock,
body.piroglu-preloader-active{
    overflow:hidden!important;
}

.piroglu-preloader{
    position:fixed;
    inset:0;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:24px;
    background:
        radial-gradient(circle at 20% 15%,rgba(255,255,255,.08),transparent 28%),
        radial-gradient(circle at 85% 80%,rgba(255,255,255,.06),transparent 26%),
        var(--piroglu-loader-bg);
    opacity:1;
    visibility:visible;
    transition:opacity var(--piroglu-loader-fade) ease,visibility var(--piroglu-loader-fade) ease;
}

.piroglu-preloader.is-hiding{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

.piroglu-preloader-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(2px);
    background:var(--piroglu-loader-accent);
    opacity:.13;
    animation:pirogluFloat 5s ease-in-out infinite;
}

.piroglu-preloader-glow.glow-one{
    width:280px;
    height:280px;
    top:-100px;
    right:-70px;
}

.piroglu-preloader-glow.glow-two{
    width:220px;
    height:220px;
    left:-80px;
    bottom:-80px;
    animation-delay:-2.2s;
}

.piroglu-preloader-content{
    position:relative;
    z-index:2;
    width:min(440px,100%);
    text-align:center;
    color:var(--piroglu-loader-text);
}

.piroglu-preloader-logo{
    margin:0 auto 22px;
}

.piroglu-preloader-logo img{
    display:block;
    width:auto;
    max-width:min(230px,70vw);
    max-height:90px;
    margin:0 auto;
    object-fit:contain;
}

.piroglu-preloader-title{
    margin-top:20px;
    font-size:clamp(22px,4vw,34px);
    line-height:1.2;
    font-weight:800;
    letter-spacing:-.4px;
}

.piroglu-preloader-subtitle{
    margin-top:10px;
    color:color-mix(in srgb,var(--piroglu-loader-text) 76%,transparent);
    font-size:14px;
    line-height:1.7;
}

.piroglu-progress{
    width:min(240px,70%);
    height:4px;
    margin:25px auto 0;
    overflow:hidden;
    border-radius:30px;
    background:rgba(255,255,255,.16);
}

.piroglu-progress span{
    display:block;
    width:42%;
    height:100%;
    border-radius:inherit;
    background:var(--piroglu-loader-accent);
    box-shadow:0 0 20px color-mix(in srgb,var(--piroglu-loader-accent) 70%,transparent);
    animation:pirogluProgress 1.25s ease-in-out infinite;
}

/* Kitap animasyonu */
.piroglu-style-books .piroglu-loader-animation{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:7px;
    height:64px;
}

.piroglu-style-books .book{
    display:block;
    width:18px;
    border-radius:4px 4px 2px 2px;
    background:var(--piroglu-loader-accent);
    box-shadow:inset 0 -5px 0 rgba(0,0,0,.12),0 8px 25px rgba(0,0,0,.13);
    transform-origin:bottom center;
    animation:pirogluBooks 1s ease-in-out infinite;
}

.piroglu-style-books .book-one{height:46px}
.piroglu-style-books .book-two{height:60px;animation-delay:.12s}
.piroglu-style-books .book-three{height:38px;animation-delay:.24s}

/* Nokta animasyonu */
.piroglu-style-dots .piroglu-loader-animation{
    display:flex;
    justify-content:center;
    gap:10px;
    height:34px;
}

.piroglu-style-dots .piroglu-loader-animation span{
    width:13px;
    height:13px;
    border-radius:50%;
    background:var(--piroglu-loader-accent);
    animation:pirogluDots .8s ease-in-out infinite alternate;
}

.piroglu-style-dots .piroglu-loader-animation span:nth-child(2){animation-delay:.15s}
.piroglu-style-dots .piroglu-loader-animation span:nth-child(3){animation-delay:.3s}

/* Halka animasyonu */
.piroglu-style-ring .piroglu-loader-animation{
    display:flex;
    justify-content:center;
}

.piroglu-ring{
    width:56px;
    height:56px;
    border:5px solid rgba(255,255,255,.18);
    border-top-color:var(--piroglu-loader-accent);
    border-radius:50%;
    animation:pirogluSpin .8s linear infinite;
}

@keyframes pirogluBooks{
    0%,100%{transform:scaleY(.68) translateY(4px);opacity:.66}
    50%{transform:scaleY(1) translateY(0);opacity:1}
}

@keyframes pirogluDots{
    from{transform:translateY(8px);opacity:.45}
    to{transform:translateY(-5px);opacity:1}
}

@keyframes pirogluSpin{
    to{transform:rotate(360deg)}
}

@keyframes pirogluProgress{
    0%{transform:translateX(-125%)}
    100%{transform:translateX(340%)}
}

@keyframes pirogluFloat{
    0%,100%{transform:translate3d(0,0,0) scale(1)}
    50%{transform:translate3d(18px,-15px,0) scale(1.06)}
}

@media(max-width:600px){
    .piroglu-preloader{padding:18px}
    .piroglu-preloader-title{font-size:25px}
    .piroglu-preloader-subtitle{font-size:13px}
}

@media(prefers-reduced-motion:reduce){
    .piroglu-preloader *,
    .piroglu-preloader *::before,
    .piroglu-preloader *::after{
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
    }
}