/* ═════════════════════════════════════════════════════════════
   THE HIFZ EUTOPIA — RABBI ZIDNI ILMA MARK
   Large Open Quran · Animated Arabic Calligraphy
   ═════════════════════════════════════════════════════════════ */
.noor-logo {
    --noor-size: 46px;
    position: relative;
    width: var(--noor-size);
    height: var(--noor-size);
    display: inline-grid;
    place-items: center;
    flex: 0 0 var(--noor-size);
    vertical-align: middle;
    isolation: isolate;
}
.noor-logo--nav { --noor-size: 42px; }
.noor-logo--small { --noor-size: 34px; }
.noor-logo--medium { --noor-size: 58px; }
.noor-logo--large { --noor-size: 92px; }
.noor-logo__halo {
    position: absolute;
    inset: -24%;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(167,139,250,.28) 0%, rgba(124,58,237,.09) 46%, transparent 70%);
    animation: rabbiHalo 4s ease-in-out infinite;
}
.noor-logo__svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    filter: drop-shadow(0 5px 10px rgba(76,29,149,.22));
}
.noor-logo__calligraphy {
    fill: #FDE68A;
    font-family: 'Amiri Quran', 'Amiri', serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .3px;
    transform-origin: 50px 19px;
    animation: rabbiCalligraphy 3.4s ease-in-out infinite;
}
/* The Quran is intentionally large and central, with no moon/star overlap. */
.noor-logo__quran-left,
.noor-logo__quran-right {
    stroke: rgba(255,255,255,.8);
    stroke-width: 1.15;
    transform-origin: 50px 63px;
    animation: quranFloat 3.2s ease-in-out infinite;
}
.noor-logo__quran-left { fill: #6D28D9; }
.noor-logo__quran-right { fill: #8B5CF6; animation-delay: -.45s; }
.noor-logo__spine { fill: #FDE68A; }
.noor-logo__bookmark { fill: #D4A843; animation: bookmarkSway 2.8s ease-in-out infinite; transform-origin: 50px 37px; }
.noor-logo__page-line { stroke: rgba(255,255,255,.68); stroke-width: 1; stroke-linecap: round; }
.noor-logo__sparkle {
    position: absolute;
    right: 9%;
    bottom: 9%;
    color: #FDE68A;
    font-size: calc(var(--noor-size) * .16);
    line-height: 1;
    text-shadow: 0 0 7px rgba(253,230,138,.95);
    animation: rabbiSparkle 2.1s ease-in-out infinite;
}
.noor-logo__sparkle::before { content: '✦'; }
@keyframes rabbiHalo { 0%,100% { opacity:.5; transform:scale(.92); } 50% { opacity:1; transform:scale(1.08); } }
@keyframes rabbiCalligraphy { 0%,100% { opacity:.52; transform:translateY(1px); } 50% { opacity:1; transform:translateY(-1px); filter:drop-shadow(0 0 3px rgba(253,230,138,.75)); } }
@keyframes quranFloat { 0%,100% { transform:translateY(0) rotate(0); } 50% { transform:translateY(-2px) rotate(.6deg); } }
@keyframes bookmarkSway { 0%,100% { transform:rotate(-3deg); } 50% { transform:rotate(3deg); } }
@keyframes rabbiSparkle { 0%,100% { opacity:.3; transform:scale(.7); } 50% { opacity:1; transform:scale(1.15); } }
@media (prefers-reduced-motion: reduce) { .noor-logo *, .noor-logo__halo { animation-duration: 6s !important; } }