/* Preloader islami NurHafizh — independen dari framework eksternal */
#nurhafizh-preloader {
    position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center;
    padding: 24px; overflow: hidden; background: radial-gradient(circle at 50% 38%, #0b7058 0, #075341 44%, #043b30 100%);
    color: #fffdf4; opacity: 1; visibility: visible; transition: opacity .38s ease, visibility .38s ease;
}
#nurhafizh-preloader::before, #nurhafizh-preloader::after {
    content: ""; position: absolute; width: 440px; height: 440px; border: 1px solid rgba(221,190,112,.20);
    transform: rotate(45deg); pointer-events: none;
    background: repeating-linear-gradient(45deg, transparent 0 23px, rgba(221,190,112,.055) 24px 25px, transparent 26px 48px);
}
#nurhafizh-preloader::before { top: -300px; left: -180px; }
#nurhafizh-preloader::after { bottom: -315px; right: -175px; }
#nurhafizh-preloader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.nh-loader-content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; width: min(100%, 360px); }
.nh-loader-emblem { width: 94px; height: 94px; display: grid; place-items: center; position: relative; margin-bottom: 22px; }
.nh-loader-emblem::before, .nh-loader-emblem::after { content: ""; position: absolute; inset: 4px; border: 1.5px solid #d9bb70; transform: rotate(45deg); border-radius: 17px; }
.nh-loader-emblem::after { inset: 12px; transform: rotate(22.5deg); border-color: rgba(255,244,211,.65); border-radius: 13px; }
.nh-loader-mark { position: relative; z-index: 2; color: #f5dfa1; font-family: Georgia, serif; font-size: 46px; line-height: 1; text-shadow: 0 3px 18px rgba(0,0,0,.15); }
.nh-loader-title { margin: 0; font: 800 27px/1.25 'Plus Jakarta Sans', 'DM Sans', sans-serif; letter-spacing: .4px; }
.nh-loader-subtitle { margin-top: 7px; color: #d9e9df; font: 600 10px/1.5 'DM Sans', sans-serif; letter-spacing: 2.6px; }
.nh-loader-bismillah { margin-top: 25px; color: #f5dfa1; font-family: 'Times New Roman', serif; font-size: clamp(19px, 5vw, 24px); line-height: 1.7; direction: rtl; }
.nh-loader-spinner { width: 42px; height: 42px; margin-top: 24px; border: 2px solid rgba(255,255,255,.19); border-top-color: #e8cc82; border-right-color: #e8cc82; border-radius: 50%; animation: nh-loader-spin .85s linear infinite; }
.nh-loader-status { margin-top: 13px; color: rgba(255,255,255,.78); font: 500 12px 'DM Sans', sans-serif; letter-spacing: .2px; }
.nh-loader-dots::after { content: ''; animation: nh-loader-dots 1.4s steps(4,end) infinite; }
@keyframes nh-loader-spin { to { transform: rotate(360deg); } }
@keyframes nh-loader-dots { 0% { content: ''; } 25% { content: '.'; } 50% { content: '..'; } 75%,100% { content: '...'; } }
@media (prefers-reduced-motion: reduce) { #nurhafizh-preloader { transition: none; } .nh-loader-spinner, .nh-loader-dots::after { animation: none; } }