/* Premium splash loader — Al-Jadeed Trust logo */
.ajt-loader {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.1rem;
    background:
        radial-gradient(circle at 50% 42%, rgba(6,182,212,.12), transparent 42%),
        #050D1A;
    transition: opacity .75s ease, visibility .75s ease, transform .75s ease;
    overflow: hidden;
}
.ajt-loader.is-done {
    opacity: 0;
    visibility: hidden;
    transform: scale(1.04);
    pointer-events: none;
}

.ld-hex {
    position: absolute;
    inset: 0;
    opacity: .18;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath fill='none' stroke='%2306B6D4' stroke-width='1' d='M28 0 L56 16 L56 48 L28 64 L0 48 L0 16 Z'/%3E%3C/svg%3E");
    background-size: 56px 100px;
    mask-image: radial-gradient(circle at center, transparent 28%, #000 70%);
    animation: hexDrift 40s linear infinite;
}
@keyframes hexDrift {
    to { background-position: 56px 100px; }
}

.ld-stage {
    position: relative;
    width: min(78vw, 280px);
    height: min(78vw, 280px);
    display: grid;
    place-items: center;
}

.ld-ring {
    position: absolute;
    border-radius: 50%;
    border-style: solid;
    border-color: transparent;
    animation: spin linear infinite;
}
.ld-ring-1 {
    inset: 0;
    border-width: 2px;
    border-top-color: #06B6D4;
    border-right-color: rgba(6,182,212,.35);
    box-shadow: 0 0 24px rgba(6,182,212,.35);
    animation-duration: 2.4s;
}
.ld-ring-2 {
    inset: 14px;
    border-width: 2px;
    border-bottom-color: #FACC15;
    border-left-color: rgba(250,204,21,.4);
    box-shadow: 0 0 18px rgba(250,204,21,.25);
    animation-duration: 3.4s;
    animation-direction: reverse;
}
.ld-ring-3 {
    inset: 28px;
    border-width: 1.5px;
    border-top-color: rgba(103,232,249,.9);
    border-style: dashed;
    animation-duration: 5s;
}
.ld-ring-4 {
    inset: 42px;
    border-width: 3px;
    border-right-color: #06B6D4;
    border-left-color: rgba(6,182,212,.2);
    animation-duration: 1.8s;
}

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

.ld-core {
    position: relative;
    z-index: 2;
    width: 58%;
    height: 58%;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: radial-gradient(circle at 40% 30%, rgba(6,182,212,.15), rgba(5,13,26,.9));
    box-shadow:
        0 0 0 1px rgba(6,182,212,.35),
        0 0 40px rgba(6,182,212,.25),
        inset 0 0 24px rgba(0,0,0,.45);
    animation: corePulse 2.4s ease-in-out infinite;
    overflow: hidden;
}
.ld-logo {
    width: 92%;
    height: 92%;
    object-fit: cover;
    border-radius: 50%;
    animation: logoBreath 3.2s ease-in-out infinite;
}
@keyframes corePulse {
    0%, 100% { box-shadow: 0 0 0 1px rgba(6,182,212,.35), 0 0 28px rgba(6,182,212,.2), inset 0 0 24px rgba(0,0,0,.45); }
    50% { box-shadow: 0 0 0 1px rgba(250,204,21,.45), 0 0 48px rgba(6,182,212,.45), inset 0 0 24px rgba(0,0,0,.45); }
}
@keyframes logoBreath {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
}

.ld-particle {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background: #06B6D4;
    box-shadow: 0 0 10px #06B6D4;
    animation: floatP 3.5s ease-in-out infinite;
}
.ld-particle.gold { background: #FACC15; box-shadow: 0 0 10px #FACC15; }
.ld-particle:nth-child(1) { top: 8%; left: 18%; animation-delay: 0s; }
.ld-particle:nth-child(2) { top: 16%; right: 12%; animation-delay: .4s; }
.ld-particle:nth-child(3) { bottom: 18%; left: 10%; animation-delay: .8s; }
.ld-particle:nth-child(4) { bottom: 10%; right: 20%; animation-delay: 1.2s; }
.ld-particle:nth-child(5) { top: 42%; left: 2%; animation-delay: .6s; width: 4px; height: 4px; }
.ld-particle:nth-child(6) { top: 48%; right: 4%; animation-delay: 1s; width: 5px; height: 5px; }
@keyframes floatP {
    0%, 100% { transform: translateY(0) rotate(0deg); opacity: .55; }
    50% { transform: translateY(-10px) rotate(18deg); opacity: 1; }
}

.ld-text {
    position: relative;
    z-index: 2;
    text-align: center;
    margin-top: .35rem;
}
.ld-urdu {
    display: block;
    font-size: 1.35rem;
    color: #E8F7FF;
    margin-bottom: .2rem;
    letter-spacing: .04em;
    text-shadow: 0 0 18px rgba(6,182,212,.35);
}
.ld-brand {
    display: block;
    font-family: 'Sora', 'Manrope', sans-serif;
    font-weight: 800;
    letter-spacing: .18em;
    font-size: clamp(.95rem, 3.5vw, 1.15rem);
    color: #fff;
    margin-bottom: .55rem;
}
.ld-loading {
    display: block;
    font-family: 'Sora', sans-serif;
    font-size: .78rem;
    letter-spacing: .28em;
    color: #06B6D4;
    margin-bottom: .35rem;
    animation: blinkLoad 1.2s step-end infinite;
}
@keyframes blinkLoad {
    50% { opacity: .35; }
}
.ld-slogan {
    display: block;
    color: #93A4B8;
    font-size: .82rem;
    margin-bottom: .85rem;
}
.ld-pct {
    font-family: 'Sora', sans-serif;
    font-weight: 800;
    font-size: 1.35rem;
    color: #FACC15;
    text-shadow: 0 0 16px rgba(250,204,21,.35);
}
.ld-bar {
    position: relative;
    z-index: 2;
    width: min(240px, 62vw);
    height: 4px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    overflow: hidden;
}
.ld-bar i {
    display: block;
    height: 100%;
    width: 0%;
    border-radius: inherit;
    background: linear-gradient(90deg, #06B6D4, #22D3EE, #FACC15);
    box-shadow: 0 0 16px rgba(6,182,212,.55);
}