/* Loading screen bersama untuk semua halaman */
#loader {
    position:fixed;
    inset:0;z-index:100;
    display:grid;place-content:center;
    justify-items:center;
    gap:18px;
background:radial-gradient(120% 90% at 20% 0%,#4458BD 0%,#3547A5 55%,#2A397F 100%);color:#E7D6B1;
transition:opacity .45s ease,visibility .45s
}

#loader.done {
    opacity:0;
    visibility:hidden
}

#loader .lm {
    font:600 clamp(2rem,9vw,3rem)/1 "Grenze Gotisch",Georgia,serif;
    animation:lp 1.6s ease-in-out infinite
}

#loader .ll {
    position:relative;
    width:120px;
    height:2px;
    border-radius:2px;
    background:rgba(231,214,177,.25);
    overflow:hidden
}
#loader .ll::after{
    content:"";
    position:absolute;
    inset:0;
    width:40%;
    background:#E7D6B1;
    animation:ls 1.2s ease-in-out infinite
}
#loader .sr{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap
}
@keyframes lp{50%{opacity:.55}}
@keyframes ls{from{transform:translateX(-100%)}to{transform:translateX(300%)}}
@media (prefers-reduced-motion:reduce){
    #loader .lm,
    #loader .ll::after {
        animation:none
    }
}