@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Inter:wght@400;500;600&family=Montserrat:wght@600;700&family=Noto+Nastaliq+Urdu:wght@400;600;700&family=Poppins:wght@300;400;500;600;700&family=Ubuntu:wght@400;500&family=Merriweather:wght@400;700&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";
@import "https://cdn.jsdelivr.net/npm/animate.css@4.1.1/animate.min.css";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.z-\[99999\]{z-index:99999}.container{width:100%}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.h-\[1px\]{height:1px}.h-\[80vh\]{height:80vh}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[260px\]{max-height:260px}.max-h-\[340px\]{max-height:340px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[120px\]{min-height:120px}.min-h-\[200px\]{min-height:200px}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-\[1px\]{width:1px}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink,.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-end{justify-content:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\!overflow-visible{overflow:visible!important}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\[\#D4AF37\]\/40{border-color:#d4af3766;border-color:lab(73.2933% 5.13336 62.8198/.4)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-\[\#D4AF37\]\/10{background-color:#d4af371a;background-color:lab(73.2933% 5.13336 62.8198/.1)}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#B8860B\]{--tw-gradient-from:#b8860b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#D4AF37\]{--tw-gradient-from:#d4af37;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#D4AF37\]{--tw-gradient-via:#d4af37;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#A16207\]{--tw-gradient-to:#a16207;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.align-middle{vertical-align:middle}.font-\[\'Cinzel\'\]{font-family:Cinzel}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[2\]{--tw-leading:2;line-height:2}.leading-none{--tw-leading:1;line-height:1}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[3px\]{--tw-tracking:3px;letter-spacing:3px}.tracking-\[10px\]{--tw-tracking:10px;letter-spacing:10px}.text-\[\#D4AF37\]{color:#d4af37}.text-\[\#D4AF37\]\/80{color:#d4af37cc;color:lab(73.2933% 5.13336 62.8198/.8)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\[0\.05\]{opacity:.05}.shadow-\[0_0_20px_rgba\(212\,175\,55\,0\.4\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#d4af3766);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_15px_rgba\(245\,158\,11\,0\.4\)\]{--tw-shadow:0 4px 15px var(--tw-shadow-color,#f59e0b66);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.\[background\:radial-gradient\(circle_at_top\,_\#ffffff33\,_transparent_55\%\)\]{background:radial-gradient(circle at top,#fff3,#0000 55%)}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\:opacity-50:is(:where(.group):hover *){opacity:.5}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_30px_rgba\(212\,175\,55\,0\.8\)\]:hover{--tw-shadow:0 0 30px var(--tw-shadow-color,#d4af37cc);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_6px_20px_rgba\(245\,158\,11\,0\.6\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#f59e0b99);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@font-face{font-family:MeQuran;src:url(/Fonts/AlMushafQuran.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Al Mushaf Quran;src:local(Al Mushaf Quran),url(/Fonts/AlMushafQuran.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KFGQPC Uthman Taha Naskh;src:local(KFGQPC Uthman Taha Naskh),url(/Fonts/KFGQPCUthmanTahaNaskhRegular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Jameel Noori Nastaleeq;src:local(Jameel Noori Nastaleeq),url(/Fonts/JameelNooriNastaleeqRegular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--ticker-height:32px;--shell-top-offset:clamp(12px,2vw,28px);--islamic-primary-50:var(--color-surface-soft);--islamic-primary-100:var(--color-surface-muted);--islamic-primary-200:var(--color-border);--islamic-primary-300:var(--color-border-strong);--islamic-primary-400:var(--color-accent-soft);--islamic-primary-500:var(--color-accent-alt);--islamic-primary-600:var(--color-accent-strong);--islamic-primary-700:var(--color-accent-alt);--islamic-primary-800:var(--color-accent-alt);--islamic-primary-900:var(--color-accent-alt);--islamic-primary-950:var(--color-accent-alt);--islamic-accent:var(--color-accent-alt-2);--islamic-slate:var(--color-text-muted);--quran-primary:var(--color-accent-alt);--quran-accent:var(--color-accent-soft);--quran-gold:var(--color-warning);--quran-emerald:var(--color-success);--quran-slate:var(--color-text-muted);--success-50:var(--color-surface-soft);--success-500:var(--color-success);--success-600:var(--color-success);--warning-50:var(--color-surface-soft);--warning-500:var(--color-warning);--warning-600:var(--color-warning);--error-50:var(--color-surface-soft);--error-500:var(--color-danger);--error-600:var(--color-danger);--info-50:var(--color-surface-soft);--info-500:var(--color-info);--info-600:var(--color-info);--neutral-50:var(--color-surface);--neutral-100:var(--color-surface-soft);--neutral-200:var(--color-border);--neutral-300:var(--color-border-strong);--neutral-400:var(--color-text-muted);--neutral-500:var(--color-text-subtle);--neutral-600:var(--color-text-muted);--neutral-700:var(--color-text-muted-strong);--neutral-800:var(--color-text-strong);--neutral-900:var(--color-text);--neutral-950:var(--color-text);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem;--text-9xl:8rem;--arabic-xs:1rem;--arabic-sm:1.25rem;--arabic-base:1.5rem;--arabic-lg:1.875rem;--arabic-xl:2.25rem;--arabic-2xl:2.5rem;--arabic-3xl:3rem;--arabic-4xl:3.5rem;--arabic-5xl:4rem;--arabic-6xl:4.5rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:var(--color-shadow-sm);--shadow-base:var(--color-shadow-base);--shadow-md:var(--color-shadow-md);--shadow-lg:var(--color-shadow-lg);--shadow-xl:var(--color-shadow-xl);--shadow-2xl:var(--color-shadow-2xl);--duration-75:75ms;--duration-100:.1s;--duration-150:.15s;--duration-200:.2s;--duration-300:.3s;--duration-500:.5s;--duration-700:.7s;--duration-1000:1s;--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--font-quranic-display:"Al Mushaf Quran","KFGQPC Uthman Taha Naskh","Amiri",serif;--font-quranic-body:"KFGQPC Uthman Taha Naskh","Amiri",serif;--font-urdu:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;--font-sans:"Inter","Poppins","Montserrat",system-ui,sans-serif;--font-serif:"Merriweather","Amiri",serif}.text-quranic-display{font-family:var(--font-quranic-display);font-feature-settings:"ss01","ss02"}.text-quranic-body{font-family:var(--font-quranic-body)}.text-urdu{font-family:var(--font-urdu);line-height:1.9}.chapter-skeleton{margin-top:20px}.chapter-skeleton-row{background:var(--color-white-overlay);border-radius:8px;grid-template-columns:60px 1fr 1fr 120px;align-items:center;gap:15px;margin-bottom:10px;padding:15px;display:grid}.skeleton-col-num,.skeleton-col-title,.skeleton-col-arabic,.skeleton-col-range{background:linear-gradient(90deg,var(--color-white-overlay)25%,var(--color-overlay-white)50%,var(--color-white-overlay)75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite skeleton-loading}.skeleton-col-num{border-radius:50%;width:30px;height:30px}.skeleton-col-title{width:80%;height:16px}.skeleton-col-arabic{width:60%;height:18px;font-family:Amiri,serif}.skeleton-col-range{width:100%;height:14px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.chapter-skeleton-row{grid-template-columns:40px 1fr;gap:10px;padding:12px}.skeleton-col-arabic,.skeleton-col-range{display:none}.skeleton-col-title{width:90%}}.hadith-gallery-section{border-radius:18px;width:100%;margin-bottom:40px;position:relative;overflow:hidden}.ambient-bg-container{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.ambient-bg{filter:blur(18px);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.ambient-overlay{background:linear-gradient(135deg,var(--color-shadow-dark),var(--color-shadow-medium));position:absolute;inset:0}.hadith-gallery-container{flex-direction:column;gap:18px;padding:35px 30px 25px;display:flex;position:relative}.gallery-cinematic-title{text-transform:uppercase;letter-spacing:.4em;color:var(--color-search-header);font-size:.75rem}.hadith-gallery-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;display:grid}.hadith-gallery-row.scrollable{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--color-search-tag-text)transparent;gap:18px;padding-bottom:6px;display:flex;overflow-x:auto}.hadith-gallery-row.scrollable::-webkit-scrollbar{height:6px}.hadith-gallery-row.scrollable::-webkit-scrollbar-track{background:0 0}.hadith-gallery-row.scrollable::-webkit-scrollbar-thumb{background:var(--color-search-tag-bg);border-radius:999px}.hadith-gallery-section.simple{background:var(--color-surface);border-radius:16px;padding:24px}.hadith-gallery-section.simple .gallery-cinematic-title{letter-spacing:.2em;color:var(--color-search-header)}.hadith-gallery-card.simple-card{min-height:210px;box-shadow:var(--color-shadow-lg);transition:transform .2s,box-shadow .2s}.hadith-gallery-card.simple-card:hover{box-shadow:var(--color-shadow-xl);transform:translateY(-4px)}.hadith-gallery-card{cursor:pointer;border-radius:14px;min-height:220px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.hadith-gallery-card:hover{box-shadow:var(--color-shadow-2xl);transform:translateY(-6px)}.gallery-image-wrapper{width:100%;height:100%;position:relative}.gallery-card-image{object-fit:cover;width:100%;height:100%;display:block}.gallery-card-overlay{background:linear-gradient(180deg,var(--color-shadow-subtle)0%,var(--color-shadow-dark)85%);flex-direction:column;justify-content:flex-end;gap:6px;padding:16px;display:flex;position:absolute;inset:0}.gallery-card-content{background:linear-gradient(180deg,transparent 0%,var(--color-shadow-dark)100%);flex-direction:column;gap:6px;padding:14px;display:flex;position:absolute;inset:auto 0 0}.gallery-card-arabic{color:var(--color-primary-contrast);text-align:right;font-size:1.35rem}.gallery-card-english{color:var(--color-text-muted);margin-bottom:4px;font-size:.9rem}.gallery-card-link{letter-spacing:.1em;text-transform:uppercase;color:var(--color-search-tag-text);align-items:center;gap:4px;font-size:.75rem;display:inline-flex}.gallery-progress-indicator{background:#ffffff26;border-radius:999px;width:100%;height:3px;overflow:hidden}.gallery-progress-fill{background:linear-gradient(90deg,#5bb3b9,#7fd1d8);width:100%;height:100%;animation:8s infinite galleryProgress}@keyframes galleryProgress{0%{transform:translate(-100%)}to{transform:translate(0)}}.hadith-search-results{background-color:var(--color-shadow-medium);border:1px solid var(--color-white-overlay);width:100%;max-width:1100px;box-shadow:var(--color-shadow-xl)}.hadith-search-results-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.hadith-search-results-header h2{text-transform:uppercase;letter-spacing:.1em;color:var(--color-search-tag-text);font-size:1rem}.hadith-results-grid{gap:16px;display:grid}.hadith-result-card{background-color:var(--color-white-overlay);border:1px solid var(--color-white-overlay);border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.hadith-result-meta{color:var(--color-search-meta);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.hadith-result-text{flex-direction:column;gap:8px;display:flex}.hadith-result-en{color:var(--color-search-text);font-size:.95rem;line-height:1.5}.hadith-result-ar{text-align:right;font-size:1.2rem}.hadith-result-button{background:var(--color-search-tag-bg);color:var(--color-search-tag-text);cursor:pointer;border:none;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;transition:background .2s;display:inline-flex}.hadith-result-button:hover{background:var(--color-search-tag-hover)}.error-container.compact{padding:10px 12px}@font-face{font-family:Noto Nastaliq Urdu;src:url(/Fonts/JameelNooriNastaleeqRegular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:KFGQPC Uthman Taha Naskh;src:url(/Fonts/KFGQPCUthmanTahaNaskhRegular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@media (max-width:768px){.btn,button,.btn-primary,.btn-secondary{min-width:44px;min-height:44px;padding:12px 16px}.mobile-compact{margin:4px 0;padding:8px}.mobile-text{font-size:16px;line-height:1.5}.mobile-arabic{font-size:1.25rem;line-height:2}.mobile-card{margin:8px;padding:12px}.mobile-nav{padding:8px 12px}.mobile-progress{margin:12px 8px}.mobile-breadcrumb{padding:8px 12px;font-size:14px}.quran-viewer-page{padding:0 8px}.verse-card{margin:8px 0;padding:12px}}@media (min-width:768px) and (max-width:1024px){.tablet-optimized{padding:16px}.tablet-arabic{font-size:1.75rem}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){.btn,button,.card{border:2px solid}}html{background-color:var(--background-color,#f4f8f9);color:var(--text-color,#37474f);overflow-x:hidden}body{--background-color:var(--color-background);--surface-color:var(--color-surface);--text-color:var(--color-text);--text-muted-color:var(--color-text-muted);--border-color:var(--color-border);--shadow-color:var(--color-primary-light);--primary-color:var(--color-primary);--secondary-color:var(--color-primary-light)}.alif-shell{background-color:var(--background-color,#f4f8f9);width:100%;margin:0;padding:0;transition:background-color .4s;overflow:visible;transform:none}.alif-shell__content{background-color:var(--background-color,#f4f8f9);width:100%;padding-top:var(--shell-top-offset);transition:background-color .4s;overflow:visible;transform:none}@media (max-width:768px){:root{--ticker-height:0px;--shell-top-offset:clamp(10px,2vw,20px)}.alif-shell__content{padding-top:var(--shell-top-offset)}}.cinematic-gallery-section{background-color:#f8fafc;padding:60px 0;position:relative}.ambient-bg-container{z-index:0;position:absolute;inset:0;overflow:hidden}.ambient-bg{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .8s,transform 1.2s;position:absolute;inset:0;transform:scale(1.1)}.cinematic-gallery-section .ambient-bg{opacity:0}.ambient-overlay{z-index:1;background:0 0;position:absolute;inset:0}.ambient-overlay.theme-aware{background:linear-gradient(135deg,var(--color-primary),var(--color-shadow-dark))!important}.ambient-overlay.theme-aware.admin-theme{background:linear-gradient(135deg,var(--primary-color,var(--color-primary)),var(--color-shadow-dark))!important}.cinematic-gallery-container{z-index:2;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.gallery-cinematic-title{text-align:center;color:var(--text-color,#1f2937);text-shadow:none;margin-bottom:30px;font-size:1.75rem;font-weight:600}.cinematic-gallery-container{width:100%;max-width:100%;padding:0 20px;overflow:hidden}.hadith-gallery-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-x;-webkit-tap-highlight-color:transparent;gap:20px;width:100%;padding:20px 0 40px;display:flex;overflow:auto hidden}.quran-gallery-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-x;-webkit-tap-highlight-color:transparent;cursor:grab;gap:20px;width:100%;padding:20px 0 40px;display:flex;overflow:auto hidden}.quran-gallery-row:active{cursor:grabbing}.hadith-gallery-row::-webkit-scrollbar{height:12px;display:block}.quran-gallery-row::-webkit-scrollbar{height:12px;display:block}.hadith-gallery-row,.quran-gallery-row{scrollbar-width:thin;scrollbar-color:var(--color-white-overlay)var(--color-shadow-subtle)}.hadith-gallery-row:before,.hadith-gallery-row:after,.quran-gallery-row:before,.quran-gallery-row:after{content:"";pointer-events:none;z-index:10;width:40px;position:absolute;top:0;bottom:0}.hadith-gallery-row:before{background:linear-gradient(to right,var(--color-shadow-medium),transparent);left:0}.hadith-gallery-row:after{background:linear-gradient(to left,var(--color-shadow-medium),transparent);right:0}.quran-gallery-row:before{background:linear-gradient(to right,var(--color-shadow-medium),transparent);left:0}.quran-gallery-row:after{background:linear-gradient(to left,var(--color-shadow-medium),transparent);right:0}.hadith-gallery-item,.quran-gallery-item{cursor:pointer;scroll-snap-align:start;border:2px solid var(--color-border);border-radius:12px;flex:0 0 320px;min-width:320px;height:350px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.hadith-gallery-item:hover,.quran-gallery-item:hover{box-shadow:var(--color-shadow-md);transform:translateY(-5px)}.hadith-gallery-item .cine-slide-img,.quran-gallery-item .cine-slide-img{object-fit:cover;width:100%;height:100%}.hadith-gallery-item .cine-content-overlay,.quran-gallery-item .cine-content-overlay{background:linear-gradient(to top,var(--color-shadow-dark),transparent);color:var(--color-primary-contrast);padding:20px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.hadith-gallery-item:hover .cine-content-overlay,.quran-gallery-item:hover .cine-content-overlay{transform:translateY(0)}.hadith-gallery-item .cine-arabic-title,.quran-gallery-item .cine-arabic-title{color:var(--color-primary-contrast);text-align:right;direction:rtl;margin-bottom:8px;font-family:Amiri,serif;font-size:1.4rem;line-height:1.5}.hadith-gallery-item .cine-eng-desc,.quran-gallery-item .cine-eng-desc{color:#ffffffe6;margin-bottom:12px;font-size:.9rem;line-height:1.6}.hadith-gallery-item .cine-explore-btn,.quran-gallery-item .cine-explore-btn{color:var(--color-primary-contrast);cursor:pointer;background:var(--primary-color,#0a4d68);border-radius:4px;padding:4px 12px;font-size:.8rem;font-weight:500;transition:color .2s;display:inline-block}.hadith-gallery-item .cine-explore-btn:hover,.quran-gallery-item .cine-explore-btn:hover{background:var(--accent-color,#0d6a8a)}.hadith-gallery-row::-webkit-scrollbar-track{background:var(--color-shadow-subtle);border-radius:6px;margin:0 20px}.quran-gallery-row::-webkit-scrollbar-track{background:var(--color-shadow-subtle);border-radius:6px;margin:0 20px}.hadith-gallery-row::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--color-white-overlay),var(--color-overlay-white));border:1px solid var(--color-white-overlay);border-radius:6px}.quran-gallery-row::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--color-white-overlay),var(--color-overlay-white));border:1px solid var(--color-white-overlay);border-radius:6px}.hadith-gallery-row::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--color-overlay-white),var(--color-white-overlay))}.quran-gallery-row::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--color-overlay-white),var(--color-white-overlay))}.hadith-gallery-row::-webkit-scrollbar-thumb:active{background:var(--color-overlay-white)}.quran-gallery-row::-webkit-scrollbar-thumb:active{background:var(--color-overlay-white)}@keyframes scrollHint{0%,to{opacity:.3}50%{opacity:.8}}.hadith-gallery-row[data-scrollable=true]:after,.quran-gallery-row[data-scrollable=true]:after{animation:2s infinite scrollHint}.hadith-gallery-row:not(:hover)::-webkit-scrollbar-thumb{opacity:.5}.quran-gallery-row:not(:hover)::-webkit-scrollbar-thumb{opacity:.5}.hadith-gallery-row:hover::-webkit-scrollbar-thumb{opacity:1}.quran-gallery-row:hover::-webkit-scrollbar-thumb{opacity:1}@media (max-width:1024px){.cinematic-gallery-container{padding:0 15px}.hadith-gallery-row,.quran-gallery-row{gap:18px;padding:18px 0 38px}.hadith-gallery-item,.quran-gallery-item{flex:0 0 400px;min-width:400px;height:350px}}@media (max-width:768px){.cinematic-gallery-container{padding:0 10px}.hadith-gallery-row,.quran-gallery-row{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;gap:15px;padding:15px 0 35px;overflow:scroll hidden}.hadith-gallery-item,.quran-gallery-item{flex:0 0 400px;min-width:400px;height:350px}.hadith-gallery-item:hover,.quran-gallery-item:hover{transform:translateY(-3px)}.hadith-gallery-item .cine-content-overlay,.quran-gallery-item .cine-content-overlay{padding:15px}.hadith-gallery-item .cine-arabic-title,.quran-gallery-item .cine-arabic-title{font-size:1.1rem}.hadith-gallery-item .cine-eng-desc,.quran-gallery-item .cine-eng-desc{font-size:.9rem}.hadith-gallery-row::-webkit-scrollbar{display:none}.quran-gallery-row::-webkit-scrollbar{display:none}.hadith-gallery-row,.quran-gallery-row{scrollbar-width:none;-ms-overflow-style:none}.hadith-gallery-row:before,.hadith-gallery-row:after,.quran-gallery-row:before,.quran-gallery-row:after{width:30px}}@media (max-width:640px){.cinematic-gallery-container{padding:0 8px}.hadith-gallery-row,.quran-gallery-row{gap:12px;padding:12px 0 30px}.hadith-gallery-item{flex:0 0 350px;min-width:350px;height:300px}.quran-gallery-item{flex:0 0 350px;min-width:350px;height:300px;font-size:1rem}.hadith-gallery-item .cine-eng-desc{font-size:.85rem}}@media (max-width:480px){.cinematic-gallery-container{padding:0 5px}.hadith-gallery-row{gap:10px;padding:10px 0 25px}.hadith-gallery-item{flex:0 0 400px;min-width:400px;height:350px}.hadith-gallery-item .cine-content-overlay{padding:10px}.hadith-gallery-item .cine-arabic-title{font-size:.95rem}.hadith-gallery-item .cine-eng-desc{font-size:.8rem}.hadith-gallery-item .cine-explore-btn{padding:3px 10px;font-size:.75rem}}@media (pointer:coarse){.hadith-gallery-row{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overflow-x:scroll}.hadith-gallery-item{min-height:44px}.hadith-gallery-item:hover{transform:none}.hadith-gallery-item:active{transform:scale(.98)}}@supports (-webkit-touch-callout:none){.hadith-gallery-row{-webkit-overflow-scrolling:touch;overflow-x:scroll}}.cine-swiper{width:100%;padding:20px 0 40px}.cine-swiper-slide{box-shadow:var(--color-shadow-base);background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;width:280px!important;height:auto!important}.cine-swiper-slide:hover{box-shadow:var(--color-shadow-md);transform:translateY(-5px)}.cine-swiper-slide.swiper-slide-active{box-shadow:var(--color-focus-medium);border-color:var(--primary,#0a4d68)}.cine-slide-img{object-fit:cover;width:100%;height:200px}.cine-content-overlay{background:#fff;padding:20px}.cine-arabic-title{color:var(--primary,#0a4d68);text-align:right;direction:rtl;margin-bottom:8px;font-family:Amiri,serif;font-size:1.4rem;line-height:1.5}.cine-eng-desc{color:#64748b;margin-bottom:12px;font-size:.9rem;line-height:1.6}.cine-explore-btn{color:var(--primary,#0a4d68);cursor:pointer;font-size:.8rem;font-weight:500;transition:color .2s;display:inline-block}.cine-explore-btn:hover{color:var(--primary-light,#0d6a8a)}.cine-custom-pagination{background:var(--color-shadow-subtle);border-radius:2px;width:150px;height:3px;margin:20px auto 0;overflow:hidden}.cine-progress-fill{background:var(--primary-color,#a41919);height:100%;transition:width .3s}.section{padding:4rem 0;position:relative;overflow:hidden}.section--light{background-color:var(--color-surface);color:var(--color-text)}.section--primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--color-primary-contrast)}.section__container{z-index:1;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative}.section__header{text-align:center;margin-bottom:3rem;padding-bottom:1rem;position:relative}.section__header:after{content:"";background:var(--primary);border-radius:2px;width:80px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.section--primary .section__header:after{background:var(--color-overlay-white)}.section__subtitle{color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.section__title{color:inherit;margin:0 0 1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.section__description{color:inherit;opacity:.9;max-width:700px;margin:0 auto;font-size:1.1rem;line-height:1.7}.section--primary .section__subtitle,.section--primary .section__description{opacity:.95}.section__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;display:grid}.section--pattern{position:relative;overflow:hidden}.section--pattern:before{content:"";opacity:.5;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23cbd5e1' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.section--pattern .section__container{z-index:1;position:relative}@media (max-width:992px){.hero-section{padding:44px 0 32px}.section__title{font-size:1.8rem}.section__grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}}@media (max-width:640px){.section{padding:2.5rem 0}.section__header{margin-bottom:2rem}.section__title{font-size:1.6rem}.section__subtitle,.section__description{font-size:1rem}}.footer-link:hover{color:var(--color-primary-contrast)!important;background-color:var(--color-info)!important;border-color:var(--color-info)!important;transform:translateY(-1px)!important}.footer-link:active{background-color:#60a5fa26!important;transform:translateY(0)!important}.footer-link i{width:1.2rem!important;height:1.2rem!important;margin-right:.5rem!important;font-size:1.2rem!important;transition:all .3s!important}.footer-link:hover i{width:1.3rem!important;height:1.3rem!important;color:var(--color-info)!important;font-size:1.3rem!important}.action-bar-left,.action-btn:hover{color:#3b82f6!important;border-color:#60a5fa33!important;transform:translateY(-1px)!important}.action-btn:active{transform:translateY(0)!important}.action-btn:focus{outline-offset:2px!important;outline:2px solid #3b82f680!important}.action-btn i{width:1.2rem!important;height:1.2rem!important;font-size:1.2rem!important;transition:all .3s!important}.action-btn:hover i{width:1.3rem!important;height:1.3rem!important;font-size:1.3rem!important}.bismillah-header,.quran-viewer-page .bismillah-header{display:block!important}body[data-surah="1"] .bismillah-header,body[data-surah="1"] .bismillah-translation,body[data-surah="9"] .bismillah-header,body[data-surah="9"] .bismillah-translation{display:none!important}.quran-viewer-page #content-header svg[aria-hidden=true]+.bismillah-translation{display:block!important}body[data-surah="1"] #content-header .bismillah-header,body[data-surah="9"] #content-header .bismillah-header{display:none!important}.quran-viewer-page .bismillah-translation{display:block!important}body[data-surah="1"] #content-header svg[aria-hidden=true],body[data-surah="1"] .bismillah-translation,body[data-surah="9"] #content-header svg[aria-hidden=true],body[data-surah="9"] .bismillah-translation{display:none!important}@media (max-width:768px){#content-header{padding-top:52px!important}}body :where([lang=ar],[lang^=ar-],.arabic-text,.arabic-font,.quran-arabic-text){font-family:UthmanicHafs,MeQuran,KFGQPC Uthman Taha Naskh,Amiri,serif}.action-btn,.action-btn i,.action-btn:hover i,.quran-viewer-page{--qv-bg:var(--color-background)!important;background-color:var(--color-background)!important}html,body,.alif-shell,.alif-shell__content,#app{color:var(--color-text);background-color:var(--color-background)!important}.section,.section--light{background-color:var(--color-surface);color:var(--color-text)}.quran-font{font-family:QuranFont,Amiri,serif}:root{--primary:#0f5132;--primary-light:#0a7c4e;--primary-dark:#0d3520;--primary-color:#0f5132;--secondary:#088395;--accent:#05bfdb;--light:#f8fafc;--dark:#1e293b;--darker:#0f172a;--gray:#94a3b8;--light-gray:#e2e8f0;--white:#fff;--black:#000;--gold:#fbbf24;--green:#37dc67;--red:#ef4444;--text-light:#6b7280;--shadow-sm:var(--color-shadow-sm);--shadow:var(--color-shadow-legacy);--shadow-md:var(--color-shadow-lg);--shadow-lg:var(--color-shadow-xl);--transition:all .3s cubic-bezier(.4,0,.2,1);--transition-slow:all .5s cubic-bezier(.4,0,.2,1)}.arabic-font{direction:rtl;font-family:MeQuran,serif}body :where([lang=ar],[lang^=ar-],.arabic-text,.arabic-font){direction:rtl;font-family:MeQuran,KFGQPC Uthman Taha Naskh,Amiri,serif}body :where([lang=ur],[lang^=ur-],.urdu-text,.urdu-font){direction:rtl;font-family:Noto Nastaliq Urdu,serif}.word{cursor:pointer;transition:color .2s;display:inline;position:relative}.text-ar .word:hover{color:var(--color-typography-arabic-hover)!important}.section-shell{background:linear-gradient(#f8fafc 0% 60%,#fff 100%);min-height:100vh}.section-hero{color:var(--color-primary-contrast);background:linear-gradient(135deg,var(--color-text)0%,var(--color-success)50%,var(--color-text)100%);padding:64px 0;position:relative;overflow:hidden}@media (min-width:1024px){.section-hero{padding:96px 0}}.section-hero__blob{filter:blur(60px);opacity:.18;pointer-events:none;border-radius:9999px;width:320px;height:320px;position:absolute}.section-hero__blob--a{background:#10b981e6;top:-80px;right:-80px}.section-hero__blob--b{background:#06b6d4e6;bottom:-80px;left:-80px}.section-hero__inner{text-align:center;max-width:1120px;margin:0 auto;padding:0 16px;position:relative}@media (min-width:1024px){.section-hero__inner{text-align:left}}.section-hero__badge{color:#a7f3d0f2;letter-spacing:.02em;background:#10b98129;border:1px solid #10b98140;border-radius:9999px;margin-bottom:18px;padding:6px 14px;font-size:16px;font-weight:600;display:inline-block}.section-hero__title{letter-spacing:-.02em;font-size:62px;font-weight:800;line-height:1.6}@media (max-width:640px){.section-hero__title{font-size:30px}}.section-hero__subtitle{color:#cbd5e1f2;max-width:720px;margin-top:18px;margin-left:auto;font-size:30px;line-height:2.2}.section-container{max-width:1120px;margin:0 auto;padding:40px 16px}.section-container--wide{max-width:1280px;padding:40px 16px}@media (min-width:640px){.section-container--wide{padding-left:24px;padding-right:24px}}@media (min-width:1024px){.section-container--wide{padding-left:32px;padding-right:32px}}.section-mobile{margin-bottom:18px;display:none}@media (max-width:1023px){.section-mobile{display:block}}.section-mobile__select{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;padding:12px 14px;font-size:14px}.section-layout{flex-direction:column;gap:32px;display:flex}.section-layout--rtl{direction:rtl}.section-layout--rtl,.section-layout--rtl *{text-align:right}@media (min-width:1024px){.section-layout{flex-direction:row;align-items:flex-start}}.section-main{flex:1;min-width:0}.section-loading{justify-content:center;align-items:center;min-height:220px;display:flex}.section-loading__spinner{border:4px solid #10b98140;border-top-color:#10b981;border-radius:9999px;width:40px;height:40px;animation:.9s linear infinite section-spin}@keyframes section-spin{to{transform:rotate(360deg)}}.section-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:16px;padding:14px 16px;font-size:14px}.section-status{color:#64748b;font-size:14px}.section-status--error{color:#b91c1c}.section-article{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 1px 2px #0f172a0f}.section-article__header{background:#f8fafcb3;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.section-article__icon{color:#fff;background:#059669;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex;box-shadow:0 10px 20px #10b9812e}.section-article__title{color:#0f172a;text-align:right;margin:0;font-size:40px;font-weight:800}.section-article__body{padding:24px}.section-article__subtitle{color:#475569;text-align:right;margin:0 0 18px;font-size:30px;line-height:2.2}.section-points{gap:14px;margin:0;padding:0;list-style:none;display:grid}.section-point{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:row-reverse;align-items:start;gap:14px;padding:16px;transition:border-color .16s,box-shadow .16s;display:flex}.section-point__content{text-align:right;direction:rtl;flex:1;min-width:0}.section-point:hover{border-color:#10b98159;box-shadow:0 10px 20px #0f172a0f}.section-point__num{color:#059669;background:#ecfdf5;border:1px solid #0596692e;border-radius:9999px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:flex}.section-point__text{color:#1f2937;text-align:right;margin:0;font-size:32px;line-height:2.25}.section-point__lead{color:#047857;margin-left:6px;font-weight:800}.section-point__meta{color:#334155;text-align:right;margin:10px 0 0;font-size:24px;line-height:2.2}.section-point__arabic{text-align:right;margin-top:14px;font-size:22px;line-height:2.2}.section-point__ref{color:#94a3b8;direction:ltr;margin-top:8px;font-size:12px}.urdu-content{direction:rtl;line-height:2.5}.prayer-row.is-now{background:linear-gradient(90deg,#b4530933,#0000);border-radius:0;padding-top:20px;padding-bottom:20px}.prayer-row__nowBar{background:#d4af37;width:4px;height:100%;position:absolute;top:0;left:0}.prayer-row__name--now{color:#fff;font-size:20px;font-weight:900;display:block}.prayer-row__tag{letter-spacing:.18em;text-transform:uppercase;color:#d4af37;margin-top:4px;font-size:10px;display:block}.prayer-row__time--now{color:#fff;font-size:24px}.prayer-midnight-footer{text-align:center;color:#64748b;letter-spacing:.18em;text-transform:uppercase;border-top:1px solid #ffffff0d;padding:24px 0;font-size:12px}.prayer-midnight-footer__accent{color:#d4af37}.more-sections{padding:4rem 0}.islamic-star{color:#fbbf24;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background-color:#064e3b;justify-content:center;align-items:center;width:40px;height:40px;font-weight:900;display:flex}.animate-fade-in{animation:.8s ease-in-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-note{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;align-items:flex-start;gap:10px;margin:0 24px 24px;padding:14px;display:flex}.section-note__mark{background:#fde68a;border-radius:3px;flex:none;width:14px;height:14px;margin-top:6px}.section-note__text{text-align:right;margin:0;font-size:24px;line-height:2.2}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes section-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bismillah-wrapper{justify-content:center;margin-bottom:1.5rem;display:flex}.bismillah-image{filter:drop-shadow(0 4px 10px #00000059);width:260px;max-width:100%;height:auto}.surah-header-svg{max-width:100%;height:auto;margin:0 auto;display:block}.quran-viewer-page{--qv-primary-text:#1a1a1a;--qv-secondary-text:#37474f;--qv-icon-color:#6b7280;--qv-icon-hover:#1a1a1a;--qv-accent:#2ca4ab;--qv-hover-bg:#f8fafc;--qv-border:#eee;--qv-bg:#f9fafb;--text-primary:#1a1a1a;--text-secondary:#37474f;--text-muted:#6b7280;--border-color:#e5e7eb;--tafseer-font-family:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Nafees Web Naskh",serif;--tafseer-font-size:1.05rem;--tafseer-line-height:1.8;font-family:var(--translation-font-family);background-color:var(--qv-bg);color:var(--qv-primary-text)}.quran-viewer-page .surah-header-svg{max-width:320px;max-height:128px}body{background-color:var(--light);color:var(--dark);min-height:100vh;transition:var(--transition-slow);flex-direction:column;font-family:Poppins,sans-serif;line-height:1.6;display:flex;overflow-x:hidden}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-container{background-color:var(--white);border:1px solid var(--light-gray);box-shadow:none;cursor:pointer;border-radius:6px;align-items:center;padding:1rem;text-decoration:none;transition:all .3s ease-in-out;display:flex}.card-container:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-3px)}.card-number-diamond{color:#1f2937;width:45px;height:45px;box-shadow:var(--shadow-sm);background-color:#f3f4f6;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .3s ease-in-out;display:flex;transform:rotate(45deg)}.card-number-diamond span{color:#1f2937;transition:all .3s ease-in-out;transform:rotate(-45deg)}.card-container:hover .card-number-diamond{background-color:var(--primary)}.card-container:hover .card-number-diamond span{color:var(--color-primary-contrast)}.poster-container{width:100%;height:200px;color:var(--color-primary-contrast);text-shadow:2px 2px 4px #00000080;background-position:50%;background-size:cover;border-radius:.75rem;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;animation:.8s ease-out fadeIn;display:flex;overflow:hidden}.card-title-text{color:#1f2937}.card-subtitle-text{color:#6b7280}.card-container:hover .card-title-text,.card-container:hover .card-subtitle-text{color:var(--dark)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--dark);background-color:var(--light);flex-direction:column;min-height:100vh;font-family:Poppins,sans-serif;line-height:1.6;display:flex}.arabic-font{text-align:right;direction:rtl;font-family:MeQuran,Amiri,serif}.urdu-font{text-align:right;direction:rtl;font-family:Noto Nastaliq Urdu,Amiri,serif}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.d-flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pan-background{0%{background-position:0 0}to{background-position:100% 100%}}.fade-in{animation:.6s ease-out fadeIn}.slide-in-left{animation:.6s ease-out slideInLeft}.slide-in-right{animation:.6s ease-out slideInRight}@keyframes titleGlow{0%,to{text-shadow:0 0 10px #05bfdb80,0 0 20px #05bfdb4d,0 2px 5px #0000004d}50%{text-shadow:0 0 20px #05bfdbcc,0 0 40px #05bfdb80,0 4px 10px #0003}}@keyframes pulseGlowGold{0%,to{text-shadow:0 0 8px var(--gold),0 0 16px #fbbf244d}50%{text-shadow:0 0 16px var(--gold),0 0 32px #fbbf2480}}.hero-section{text-align:center;height:auto;color:var(--text-color,#fff);background:linear-gradient(160deg,var(--primary-color,#00838f)0%,var(--primary-dark,#006064)100%);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:clamp(12px,2vw,32px) 1rem clamp(18px,2.5vw,36px);display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;color:var(--text-color,#fff);width:100%;max-width:900px;padding:0 1rem;position:relative}.site-title-hero{text-shadow:0 3px 15px #00000080;margin-bottom:.5rem;font-family:Amiri,serif;font-size:5rem;font-weight:700;color:#fff!important}.islamic-date-hero{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.6rem 1.5rem;font-family:Poppins,serif;font-size:1rem;font-weight:500;display:inline-flex;box-shadow:inset 0 1px 2px #0003}.islamic-date-hero .separator{opacity:.5}.islamic-date-hero .weekday{color:var(--gold);font-weight:700}.hero-search{width:100%;max-width:600px;margin:1rem auto;position:relative}.hero-search input{border:1px solid var(--color-white-overlay);width:100%;color:var(--color-primary-contrast);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000040;border-radius:6px;padding:1rem 3.5rem 1rem 4rem;font-size:1.1rem;transition:all .3s;box-shadow:0 8px 32px #0000004d}.hero-search input::placeholder{color:#fff9}.hero-search input:focus{box-shadow:0 0 0 3px var(--primary-dark),0 8px 40px #0006;border-color:var(--primary-dark);background:#0000004d;outline:none}.hero-search .search-icon,.hero-search .mic-icon{z-index:2;color:#fffc;font-size:1.2rem;position:absolute;top:50%;transform:translateY(-50%)}.hero-search .search-icon{left:1.5rem}.hero-search .mic-icon{cursor:pointer;right:1.5rem}.hero-keywords{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.keyword-btn{color:var(--text-color,#fff);transition:var(--transition);background:var(--color-shadow-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff6;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1.3rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.keyword-btn:hover{background:var(--surface-color,#fff);color:var(--primary-color,#00838f);border-color:var(--surface-color,#fff);transform:translateY(-3px)scale(1.05);box-shadow:0 5px 15px #0003}.hero-keywords .keyword-btn{color:#fff!important;transition:var(--transition)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;cursor:pointer!important;text-align:center!important;background:#ffffff1a!important;border:1px solid #fff6!important;border-radius:6px!important;flex-grow:0!important;align-items:center!important;gap:.5rem!important;width:auto!important;padding:.6rem 1.3rem!important;font-size:.9rem!important;font-weight:500!important;text-decoration:none!important;display:inline-flex!important}.hero-keywords .keyword-btn:hover{background:var(--white)!important;color:var(--primary)!important;border-color:var(--white)!important;transform:translateY(-3px)scale(1.05)!important;box-shadow:0 5px 15px #0003!important}.hero-keywords button.keyword-btn{all:unset!important;color:#fff!important;transition:var(--transition)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;cursor:pointer!important;text-align:center!important;background:#ffffff1a!important;border:1px solid #fff6!important;border-radius:6px!important;flex-grow:0!important;align-items:center!important;gap:.5rem!important;width:auto!important;padding:.6rem 1.3rem!important;font-size:.9rem!important;font-weight:500!important;text-decoration:none!important;display:inline-flex!important}.hero-keywords button.keyword-btn:hover{background:var(--white)!important;color:var(--primary)!important;border-color:var(--white)!important;transform:translateY(-3px)scale(1.05)!important;box-shadow:0 5px 15px #0003!important}.prayer-display-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--color-white-overlay);background:#00000040;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:750px;margin-top:2.5rem;margin-left:auto;margin-right:auto;padding:1rem 1.5rem;display:flex;box-shadow:0 8px 32px #0006}.prayer-info-box,.prayer-countdown-box{text-align:center;flex-grow:1;padding:0 .5rem}.prayer-countdown-box{border-left:1px solid #fff3}.prayer-info-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.25rem;font-size:.8rem;font-weight:400}#next-prayer-name{color:#fff;text-shadow:0 2px 10px #00000080;font-family:Amiri,serif;font-size:2.2rem;font-weight:700;line-height:1.1}#next-prayer-time{color:var(--gold);margin-top:.25rem;font-size:1rem;font-weight:500}#countdown{color:var(--gold);letter-spacing:2px;font-family:Ubuntu,sans-serif;font-size:2.5rem;font-weight:700;animation:2.5s ease-in-out infinite pulseGlowGold}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.max-w-6xl{max-width:72rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.gap-6{gap:1.5rem}@media (max-width:640px){.gap-6{gap:1rem}}.section{padding:.3rem 0}.section-title{text-align:center;color:var(--primary);margin-bottom:.1rem;font-size:1.8rem;font-weight:800;position:relative}.explore-card-image-bg{box-shadow:var(--shadow-md);aspect-ratio:16/9;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;justify-content:flex-end;align-items:flex-end;width:100%;max-width:none;min-height:110px;text-decoration:none;display:flex;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1)!important}@media (max-width:640px){.explore-card-image-bg{aspect-ratio:16/9;width:100%;max-width:none;min-height:180px}}.explore-card-image-bg:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-8px)scale(1.08)!important}.explore-card-image-bg:before{content:"";z-index:2;background:linear-gradient(#0000 35%,#0000008c 100%);border-radius:8px;position:absolute;inset:0;transition:transform .5s,background-size .5s,background-position .5s!important}.explore-card-image-bg:hover:before{background-size:110% 110%!important;transform:scale(1.1)!important}.explore-card-image-bg-content{z-index:3;text-align:right;width:100%;max-width:none;padding:.75rem 1rem;position:relative}.explore-card-image-bg-title{color:var(--white);text-shadow:0 2px 8px #000000b3;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700}@media (max-width:1024px){.section-title{margin-bottom:1rem;font-size:1.6rem}.explore-card-image-bg{aspect-ratio:16/10;min-height:140px}.explore-card-image-bg-title{font-size:1.3rem}}@media (max-width:768px){.section-title{margin-bottom:1.5rem;padding:0 1rem;font-size:1.4rem}.explore-card-image-bg{aspect-ratio:16/9;min-height:120px}.explore-card-image-bg-title{padding:.5rem .75rem;font-size:1.2rem}.explore-card-image-bg-content{padding:.5rem .75rem}}@media (max-width:640px){.section-title{margin-bottom:1.2rem;padding:0 .75rem;font-size:1.3rem}.explore-card-image-bg{aspect-ratio:16/10;min-height:100px}.explore-card-image-bg-title{padding:.4rem .6rem;font-size:1.1rem;line-height:1.2}.explore-card-image-bg-content{text-align:center;padding:.4rem .6rem}}@media (max-width:480px){.section-title{margin-bottom:1rem;padding:0 .5rem;font-size:1.2rem;font-weight:700}.explore-card-image-bg{aspect-ratio:16/11;min-height:90px}.explore-card-image-bg-title{padding:.3rem .5rem;font-size:1rem;line-height:1.1}.explore-card-image-bg-content{text-align:center;padding:.3rem .5rem}}@media (max-width:768px){#quick-access{padding:2rem 0}#quick-access .container{padding:0 1rem}}@media (max-width:480px){#quick-access{padding:1.5rem 0}#quick-access .container{padding:0 .75rem}}.five-pillars-section{padding:0}.five-pillars-container-new{background-color:#fff;min-height:550px;display:flex}.pillars-left-panel{color:#fff;background-color:#0a4d68;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 80 80\" width=\"100\" height=\"100\"><path d=\"M40 0 L80 40 L40 80 L0 40 Z\" fill=\"rgba(255,255,255,0.04)\"/></svg>");background-size:100px;justify-content:center;align-items:center;width:45%;padding:3rem;display:flex}.pillars-left-panel h2{text-shadow:2px 2px 8px #0003;font-family:Montserrat,sans-serif;font-size:3.5rem;font-weight:700;line-height:1.2}.pillars-right-panel{justify-content:center;align-items:center;width:55%;padding:2rem;display:flex}.pillars-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;max-width:500px;display:flex}.pillar-card{text-align:center;width:calc(33.33% - 1rem);transition:all .3s cubic-bezier(.4,0,.2,1)}.pillar-card:hover{transform:translateY(-10px)}.pillar-hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-color:#e2e8f0;justify-content:center;align-items:center;width:120px;height:138px;margin:0 auto;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.pillar-card:hover .pillar-hexagon{background-color:#0a4d68}.pillar-hexagon img{object-fit:cover;width:100%;height:100%}.pillar-text{margin-top:1rem}.pillar-title-en{letter-spacing:.15em;color:#0a4d68;margin:0;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700}.pillar-title-ur{color:#1e293b;margin-top:.15rem;margin-bottom:0;font-family:Noto Nastaliq Urdu,serif;font-size:1.1rem}@media (max-width:768px){.five-pillars-container-new{flex-direction:column;min-height:auto}.pillars-left-panel{text-align:center;width:100%;padding:3rem 1.5rem}.pillars-left-panel h2{font-size:2.5rem}.pillars-right-panel{width:100%;padding:3rem 1rem}.pillars-grid{gap:1.5rem;max-width:100%}.pillar-card{width:calc(50% - 1rem)}.pillar-hexagon{width:100px;height:115px}.pillar-title-en{font-size:.85rem}.pillar-title-ur{font-size:1rem}}@media (max-width:480px){.pillars-left-panel h2{font-size:2rem}.pillar-card{text-align:left;background:#f8fafc;border-radius:12px;align-items:center;gap:1rem;width:100%;padding:.75rem;display:flex;box-shadow:0 2px 4px #0000000d}.pillar-hexagon{flex-shrink:0;width:60px;height:70px;margin:0}.pillar-text{margin-top:0}.pillar-title-en{font-size:1rem}}.nav-link,.dropdown-menu-item,.more-link-card,.social-link,.nav-link,.dropdown-menu-item,.social-link,.more-link-card__content{align-items:center;width:100%;display:flex}.app-btn{border-radius:50px!important;align-items:center!important;gap:.5rem!important;width:auto!important;padding:.8rem 2rem!important;font-weight:600!important;text-decoration:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.more-sections{background-color:#fff;padding:2rem}.inspiration-loading{color:#fffc;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.inspiration-loading i{margin-bottom:1rem;font-size:2rem;animation:1s linear infinite spin}.inspiration-loading p{margin:0;font-family:Poppins,sans-serif;font-size:1rem}.inspiration-error{color:#fffc;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.inspiration-error i{color:#ef4444;margin-bottom:1rem;font-size:2rem}.inspiration-error p{text-align:center;margin:0;font-family:Poppins,sans-serif;font-size:1rem}#app-promotion{background-color:#0a4d68;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 80 80\" width=\"80\" height=\"80\"><path d=\"M40 0 L80 40 L40 80 L0 40 Z\" fill=\"rgba(255,255,255,0.04)\"/></svg>");background-size:100px;padding:0;position:relative;overflow:hidden}.app-promotion-container{align-items:center;max-width:1400px;min-height:500px;margin:0 auto;display:flex}.app-promotion-text{color:#fff;width:55%;padding:3rem}.app-promotion-text h2{margin-bottom:1rem;font-size:3rem;font-weight:700}.app-promotion-text p{opacity:.9;max-width:500px;margin-bottom:2rem;font-size:1.1rem}@media (max-width:1024px){.app-promotion-container{text-align:center;flex-direction:column;min-height:auto;padding:2rem 1rem}.app-promotion-text{text-align:center;width:100%;padding:0 0 2rem}.app-promotion-text h2{margin-bottom:1rem;font-size:2.5rem}.app-promotion-text p{max-width:600px;margin:0 auto 2rem;font-size:1rem}.app-promotion-image{width:100%;max-width:400px;margin:0 auto}}@media (max-width:768px){.app-promotion-container{padding:1.5rem 1rem}.app-promotion-text h2{margin-bottom:.75rem;font-size:2rem}.app-promotion-text p{max-width:500px;margin-bottom:1.5rem;font-size:.95rem}.app-promotion-image{max-width:350px}.app-promotion-buttons{flex-direction:column;gap:.75rem;width:100%;max-width:300px;margin:0 auto}.app-btn{justify-content:center;width:100%;padding:.75rem 1.5rem;font-size:.9rem}}@media (max-width:480px){.app-promotion-container{padding:1rem .75rem}.app-promotion-text{padding-bottom:1.5rem}.app-promotion-text h2{margin-bottom:.5rem;font-size:1.75rem;line-height:1.2}.app-promotion-text p{max-width:400px;margin-bottom:1.25rem;font-size:.9rem;line-height:1.5}.app-promotion-image{max-width:300px}.app-promotion-image img{width:100%;height:auto;max-height:500px}.app-promotion-buttons{gap:.5rem;max-width:280px}.app-btn{padding:.7rem 1.25rem;font-size:.85rem}}.app-promotion-buttons{gap:1rem;display:flex}.app-btn{border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.app-btn--primary{color:#0a4d68;background-color:#fff}.app-btn--primary:hover{background-color:#e2e8f0;transform:translateY(-3px)}.app-btn--secondary{color:#fff;background-color:#0000;border:2px solid #fff}.app-btn--secondary:hover{color:#0a4d68;background-color:#fff;transform:translateY(-3px)}@media (max-width:768px){.app-promotion-buttons{flex-direction:column;gap:.75rem;width:100%;max-width:300px;margin:0 auto}.app-btn{justify-content:center;width:100%;padding:.75rem 1.5rem;font-size:.9rem}}@media (max-width:480px){.app-promotion-buttons{gap:.5rem;max-width:280px}.app-btn{padding:.7rem 1.25rem;font-size:.85rem}}.app-promotion-image{text-align:center;justify-content:center;align-self:center;align-items:center;gap:1.5rem;width:45%;display:flex}.app-promotion-image img{border-radius:1.5rem;max-width:220px;display:inline-block;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.video-section{background-color:#f8fafc;padding:4rem 0}.video-container{background:#000;border-radius:1rem;max-width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.video-container iframe{width:100%;height:100%;position:absolute;top:0;left:0}.gallery-section{padding:4rem 0}.horizontal-gallery-wrapper{padding:1rem 0;overflow-x:auto}.horizontal-gallery{justify-content:center;align-items:center;gap:1rem;min-height:200px;display:flex}.horizontal-gallery img{object-fit:cover;border-radius:8px;width:300px;height:200px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.quran-page{background-color:var(--light);min-height:100vh;padding:2rem 0 3rem}.quran-page .container{max-width:1200px;margin:0 auto;padding:0 1rem}.quran-card-grid{flex-direction:column;gap:1rem;display:flex}@media (min-width:640px){.quran-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}}@media (min-width:1024px){.quran-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}.quran-page .card-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(135deg,#ffffffe6 0%,#ffffffb3 100%);border:1px solid #ffffff4d;border-radius:16px;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quran-page .card-container:before{content:"";background:linear-gradient(90deg,var(--islamic-primary)0%,var(--islamic-accent)100%);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.quran-page .card-container:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.quran-page .card-container:hover:before{opacity:1}.quran-page .card-number-diamond{background:linear-gradient(135deg,var(--islamic-primary)0%,var(--islamic-primary-dark)100%);width:44px;min-width:44px;height:44px;color:var(--color-primary-contrast);border-radius:12px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 12px #0a4d684d}.quran-page .card-container:hover .card-number-diamond{transform:scale(1.1)rotate(5deg);box-shadow:0 6px 16px #0a4d6866}.quran-page .card-title-text{font-family:var(--font-quranic-display);transition:color .3s}.quran-page .card-subtitle-text{color:var(--islamic-slate);font-size:.875rem;transition:color .3s}.quran-page .card-container:hover .card-title-text{color:var(--islamic-primary)}.quran-page .poster-container{text-align:center;background:linear-gradient(135deg,#0a4d68 0%,#088395 50%,#05bfdb 100%);border-radius:24px;margin-bottom:2rem;padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 10px 40px #0a4d684d}.quran-page .poster-container:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quran-page .poster-container .quran-font{font-family:var(--font-quranic-display);color:var(--color-primary-contrast);text-shadow:0 2px 10px #0003;z-index:1;font-size:2.5rem;font-weight:700;position:relative}.qv-settings-translation-text{text-align:left;background-color:var(--preview-bg,#f9fafbcc);border:1px solid var(--preview-border,#e5e7eb99);border-radius:.375rem;padding:1rem;line-height:1.6;transition:all .2s}.qv-settings-translation-text:hover{background-color:var(--preview-bg-hover,#f3f4f6e6);border-color:var(--preview-border-hover,#d1d5dbcc)}@font-face{font-family:Jameel Noori Nastaleeq;src:url("/Fonts/Jameel Noori Nastaleeq Regular.ttf")format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Jameel Noori Nastaleeq;src:url(/Fonts/JameelNooriNastaleeqRegular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Al Mushaf Quran;src:url("/Fonts/Al Mushaf Quran.ttf")format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Al Mushaf Quran;src:url(/Fonts/AlMushafQuran.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:KFGQPC Uthman Taha Naskh;src:url("/Fonts/KFGQPC Uthman Taha Naskh Regular.ttf")format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KFGQPC Uthman Taha Naskh;src:url(/Fonts/KFGQPCUthmanTahaNaskhRegular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:AlifIslamArabicFont;src:local(Al Mushaf Quran),local(Al Mushaf Quran Regular);font-weight:400;font-style:normal}:root{--surah-header-height:57px;--arabic-font-size:2rem;--translation-font-size:1rem;--arabic-font-family:"Al Mushaf Quran","MeQuran","Amiri",serif;--translation-font-family:"Poppins",sans-serif;--urdu-font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif}.quran-viewer-page{font-family:var(--translation-font-family);background-color:var(--white);color:var(--dark);min-height:100vh;transition:background-color .5s,color .5s}@media (max-width:640px){.quran-viewer-page{padding:0;font-size:14px}.quran-viewer-page #content-wrapper{max-width:100%;margin:95px 0 0;padding:0 .75rem}.quran-viewer-page #content-header{padding:0 .75rem}.quran-viewer-page #surah-header{padding:.75rem;position:relative;top:0}.quran-viewer-page .surah-header-svg{max-width:200px;max-height:80px}.quran-viewer-page #view-mode-toggle{flex-direction:column;gap:.5rem;margin:.75rem 0;padding:.75rem}.quran-viewer-page .view-mode-btn{flex:1;padding:.5rem 1rem;font-size:.85rem}.quran-viewer-page .quran-arabic-text{line-height:inherit;margin-bottom:1rem}.quran-viewer-page .transliteration-text{line-height:1.4}.quran-viewer-page .translations-container{grid-template-columns:1fr;gap:1rem}.quran-viewer-page .text-en{font-size:.9rem!important}.quran-viewer-page .text-ur{font-size:1.1rem!important}.quran-viewer-page .author-ur{font-size:.8rem!important}}@media (min-width:641px) and (max-width:1024px){.quran-viewer-page{padding:0;font-size:15px}.quran-viewer-page #content-wrapper{max-width:100%;margin:95px auto 0;padding:0 1.5rem}.quran-viewer-page #content-header{padding:0 1.5rem}.quran-viewer-page #surah-header{padding:1rem 1.5rem}.quran-viewer-page .surah-header-svg{max-width:280px;max-height:112px}.quran-viewer-page #view-mode-toggle{gap:.75rem;margin:1rem 0;padding:1rem}.quran-viewer-page .view-mode-btn{padding:.5rem 1.25rem;font-size:.9rem}.quran-viewer-page .quran-arabic-text{line-height:inherit;margin-bottom:1.25rem}.quran-viewer-page .transliteration-text{line-height:1.5}.quran-viewer-page .translations-container{grid-template-columns:1fr;gap:1.5rem}.quran-viewer-page .text-en{font-size:1rem!important}.quran-viewer-page .text-ur{font-size:1.2rem!important}}@media (min-width:1025px) and (max-width:1280px){.quran-viewer-page{padding:0;font-size:16px}.quran-viewer-page #content-wrapper{max-width:1000px;margin:95px auto 0;padding:0 2rem}.quran-viewer-page #content-header{padding:0 2rem}.quran-viewer-page #surah-header{padding:1.5rem 2rem}.quran-viewer-page .surah-header-svg{max-width:320px;max-height:128px}.quran-viewer-page #view-mode-toggle{gap:1rem;margin:1.5rem 0;padding:1.5rem}.quran-viewer-page .view-mode-btn{padding:.5rem 1.5rem;font-size:.95rem}.quran-viewer-page .quran-arabic-text{line-height:inherit;margin-bottom:1.5rem}.quran-viewer-page .transliteration-text{line-height:1.6}.quran-viewer-page .translations-container{grid-template-columns:1fr;gap:2rem}.quran-viewer-page .text-en{font-size:1.1rem!important}.quran-viewer-page .text-ur{font-size:1.3rem!important}}@media (min-width:1281px) and (max-width:1439px){.quran-viewer-page{padding:0;font-size:16px}.quran-viewer-page #content-wrapper{max-width:1100px;margin:95px auto 0;padding:0 2.5rem}.quran-viewer-page #content-header{padding:0 2.5rem}.quran-viewer-page #surah-header{padding:2rem 2.5rem}.quran-viewer-page .surah-header-svg{max-width:320px;max-height:128px}.quran-viewer-page #view-mode-toggle{gap:1rem;margin:2rem 0;padding:2rem}.quran-viewer-page .view-mode-btn{padding:.75rem 2rem;font-size:1rem}.quran-viewer-page .quran-arabic-text{margin-bottom:2rem!important;line-height:4rem!important}.quran-viewer-page .transliteration-text{font-size:1.2rem!important;line-height:1.7!important}.quran-viewer-page .translations-container{grid-template-columns:1fr;gap:2.5rem}.quran-viewer-page .text-en{font-size:1.2rem!important}.quran-viewer-page .text-ur{font-size:1.4rem!important}}@media (min-width:1440px){.quran-viewer-page{padding:0;font-size:17px}.quran-viewer-page #content-wrapper{max-width:1200px;margin:95px auto 0;padding:0 3rem}.quran-viewer-page #content-header{padding:0 3rem}.quran-viewer-page #surah-header{padding:2.5rem 3rem}.quran-viewer-page .surah-header-svg{max-width:350px;max-height:140px}.quran-viewer-page #view-mode-toggle{gap:1.5rem;margin:2.5rem 0;padding:2.5rem}.quran-viewer-page .view-mode-btn{padding:.75rem 2.5rem;font-size:1.1rem}.quran-viewer-page .quran-arabic-text{margin-bottom:2.5rem!important;font-size:2.81rem!important;line-height:2.81rem!important}.quran-viewer-page .transliteration-text{font-size:1.3rem!important;line-height:1.8!important}.quran-viewer-page .translations-container{grid-template-columns:1fr;gap:3rem}.quran-viewer-page .text-en{font-size:1.3rem!important}.quran-viewer-page .text-ur{font-size:1.5rem!important}}@media (max-width:640px){.quran-viewer-page .quran-text{font-size:2.5rem!important;line-height:2.5rem!important}.quran-viewer-page .end-marker{margin-left:.5rem;font-size:1.5rem!important}}@media (min-width:641px) and (max-width:1024px){.quran-viewer-page .quran-text{font-size:3rem!important;line-height:3rem!important}.quran-viewer-page .end-marker{margin-left:.75rem;font-size:1.75rem!important}}@media (min-width:1025px){.quran-viewer-page .quran-text{font-size:3.5rem!important;line-height:3.5rem!important}.quran-viewer-page .end-marker{margin-left:1rem;font-size:2rem!important}}@media (min-width:1281px){.quran-viewer-page .quran-text{font-size:4rem!important;line-height:4rem!important}.quran-viewer-page .end-marker{margin-left:1.25rem;font-size:2.25rem!important}}@media (min-width:1440px){.quran-viewer-page .quran-text{font-size:2.81rem!important;line-height:2.81rem!important}.quran-viewer-page .end-marker{margin-left:1.5rem;font-size:2.5rem!important}}@media (max-width:640px){.quran-viewer-page .verse-item{padding:.75rem 0}}@media (min-width:641px) and (max-width:1024px){.quran-viewer-page .verse-item{padding:1rem 0}}@media (min-width:1025px) and (max-width:1280px){.quran-viewer-page .verse-item{padding:1.25rem 0}}@media (min-width:1281px) and (max-width:1439px){.quran-viewer-page .verse-item{padding:1.5rem 0}}@media (min-width:1440px){.quran-viewer-page .verse-item{padding:1.75rem 0}}@media (max-width:640px){.quran-viewer-page .verse-key{min-width:35px;font-size:.75rem}}@media (min-width:641px) and (max-width:1024px){.quran-viewer-page .verse-key{min-width:40px;font-size:.875rem}}@media (min-width:1025px){.quran-viewer-page .verse-key{min-width:45px;font-size:1rem}}@media (max-width:640px){.quran-viewer-page .translations-container{grid-template-columns:1fr;gap:1rem}.quran-viewer-page .text-en{font-size:.9rem!important;line-height:1.4!important}.quran-viewer-page .text-ur{font-size:1.1rem!important;line-height:1.6!important}.quran-viewer-page .author-ur{margin-top:.25rem;font-size:.8rem!important}}@media (min-width:641px) and (max-width:1024px){.quran-viewer-page .translations-container{grid-template-columns:1fr;gap:1.5rem}.quran-viewer-page .text-en{font-size:1rem!important;line-height:1.5!important}.quran-viewer-page .text-ur{font-size:1.2rem!important;line-height:1.7!important}.quran-viewer-page .author-ur{margin-top:.5rem;font-size:.85rem!important}}@media (min-width:1025px){.quran-viewer-page .translations-container{grid-template-columns:1fr;gap:2rem}.quran-viewer-page .text-en{font-size:1.1rem!important;line-height:1.6!important}.quran-viewer-page .text-ur{font-size:1.3rem!important;line-height:1.8!important}.quran-viewer-page .author-ur{margin-top:.75rem;font-size:.9rem!important}}@media (min-width:1281px){.quran-viewer-page .translations-container{grid-template-columns:1fr;gap:2.5rem}.quran-viewer-page .text-en{font-size:1.2rem!important;line-height:1.7!important}.quran-viewer-page .text-ur{font-size:1.4rem!important;line-height:1.9!important}.quran-viewer-page .author-ur{margin-top:1rem;font-size:.95rem!important}}@media (min-width:1440px){.quran-viewer-page .translations-container{grid-template-columns:1fr;gap:3rem}.quran-viewer-page .text-en{font-size:1.3rem!important;line-height:1.8!important}.quran-viewer-page .text-ur{font-size:1.5rem!important;line-height:2rem!important}.quran-viewer-page .author-ur{margin-top:1.25rem;font-size:1rem!important}}#content-wrapper{max-width:1100px;margin:95px auto 0;padding:0 1.25rem}.quran-viewer-page #content-header{padding-top:0}.quran-viewer-page #surah-header{z-index:40;background-color:#fff;border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;transition:all .3s;display:flex;position:sticky}.quran-viewer-page #view-mode-toggle{box-shadow:var(--shadow-sm);background-color:var(--light);border-radius:.5rem;gap:.5rem;margin-bottom:.75rem;padding:.25rem;display:inline-flex}.quran-viewer-page .view-mode-btn{color:#64748b;cursor:pointer;transition:var(--transition);background-color:#0000;border:none;border-radius:50px;padding:.5rem 1.5rem;font-weight:500}.quran-viewer-page .view-mode-btn.active{background-color:var(--white);color:var(--primary);box-shadow:var(--shadow-sm)}.alif-shell__content>#view-mode-toggle{box-shadow:var(--shadow-sm);background-color:#f8fafc;border-radius:.5rem;justify-content:center;gap:.5rem;width:fit-content;margin:0 auto 1rem;padding:.25rem;display:inline-flex}.alif-shell__content>#view-mode-toggle .view-mode-btn{color:#64748b;cursor:pointer;transition:var(--transition);background-color:#0000;border:none;border-radius:50px;padding:.5rem 1.5rem;font-weight:500}.alif-shell__content>#view-mode-toggle .view-mode-btn:hover{color:#475569;background-color:#e2e8f0}.alif-shell__content>#view-mode-toggle .view-mode-btn.active{color:#3b82f6;box-shadow:var(--shadow-sm);background-color:#fff}.ContextMenu_container__4zfsC{box-sizing:border-box;background:#fff;border:1px solid #0000;border-radius:8px;margin:1rem 0;padding:.5rem .75rem;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.ContextMenu_container__4zfsC:before{content:"";height:3px;transform:scaleX(var(--progress,0));transform-origin:0;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b);transition:transform .3s;position:absolute;top:0;left:0;right:0}.ContextMenu_sectionsContainer__FQqlA{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ContextMenu_section__pOZbP,.ContextMenu_halfSection__pqLpb{align-items:center;display:flex}.ContextMenu_row__fQDtX{align-items:center;gap:.5rem;display:flex}.ContextMenu_bold__xLvOr{font-weight:600}.ContextMenu_alignStart__jLS_R{text-align:left}.ContextMenu_alignEnd__HDbaN{text-align:right;margin-left:auto}.ContextMenu_surahName__QwVFk{color:#1f2937;cursor:pointer;align-items:center;gap:.5rem;display:flex}.ContextMenu_surahName__QwVFk:hover{color:#3b82f6}.ContextMenu_chevronIconContainer__ZuVa0{align-items:center;transition:transform .2s;display:inline-flex}.ContextMenu_surahName__QwVFk:hover .ContextMenu_chevronIconContainer__ZuVa0{transform:translateY(2px)}.ContextMenu_secondaryInfo__A_q1E{color:#6b7280;font-size:.875rem}.ContextMenu_primaryInfo__OUqGo{color:#1f2937;font-size:.875rem;font-weight:500}.ReadingPreferenceSwitcher_container__y2czz{align-items:center;display:flex}.ReadingPreferenceSwitcher_contextMenuContainer__t_f09{position:relative}.Switch_container__j_J6P{background-color:#f4f5f6;border-radius:999px;align-items:stretch;padding:2px;display:inline-flex;position:relative;overflow:hidden}.Switch_xSmallContainer__9lFkR{background-color:#f1f5f9;padding:1px}.Switch_item__8fNzp{z-index:2;cursor:pointer;color:#4b5563;background:0 0;border:none;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;transition:color .15s;display:flex;position:relative}.Switch_itemXSmall__7l6w8{padding:.2rem .4rem}.Switch_item__8fNzp:hover{color:#1f2937}.Switch_item__8fNzp.active{color:#3b82f6}.ReadingPreference_container__002Ob{justify-content:center;align-items:center;display:flex}.ReadingPreference_iconContainer__DWGav{justify-content:center;align-items:center;width:16px;height:16px;font-size:.875rem;display:inline-flex}.Switch_selectedItemBackgroundContainer__noa84{pointer-events:none;z-index:1;transition:transform .2s;display:flex;position:absolute;inset:2px}.Switch_selectedItemBackground__SjDcK{background-color:#fff;border-radius:999px;width:100%;height:100%;box-shadow:0 1px 2px #0f172a1f}.quran-viewer-page,.quran-viewer-page .bismillah-header{color:#1f2937;background-color:#fff}.quran-viewer-page .bismillah .quran-arabic-text{color:#1f2937}.quran-viewer-page #content-display{flex-direction:column;display:flex}.quran-viewer-page .picker-modal-overlay,body>.picker-modal-overlay{z-index:2000;background-color:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.quran-viewer-page .picker-modal-content{background-color:var(--white);width:100%;max-width:480px;max-height:80vh;box-shadow:var(--shadow-lg);border-radius:.75rem;padding:1.5rem 1.75rem;overflow-y:auto}body>.picker-modal-overlay .picker-modal-content{background-color:#fff;border-radius:.75rem;width:100%;max-width:480px;max-height:80vh;padding:1.5rem 1.75rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}body>.picker-modal-overlay .picker-modal-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}body>.picker-modal-overlay .picker-modal-list button{text-align:left;color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.6rem .9rem;font-size:.95rem;transition:background-color .15s,border-color .15s,color .15s}body>.picker-modal-overlay .picker-modal-list button:hover{background-color:#f3f4f6;border-color:#d1d5db}body>.picker-modal-overlay .picker-modal-list button.selected{color:#fff;background-color:#2ca4ab;border-color:#2ca4ab}.quran-viewer-page .picker-modal-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.quran-viewer-page .picker-modal-list button{text-align:left;border:1px solid var(--light-gray);cursor:pointer;background-color:#0000;border-radius:.5rem;padding:.6rem .9rem;font-size:.95rem;transition:background-color .15s,border-color .15s,color .15s}.quran-viewer-page .picker-modal-list button:hover{background-color:var(--light-gray)}.quran-viewer-page .picker-modal-list button.selected{border-color:var(--primary);background-color:var(--primary);color:#fff}.quran-viewer-page hr.border-slate-200{border-color:#e2e8f0;margin:.5rem 0 1rem}.quran-viewer-page .verse-wrapper{border-bottom:1px solid var(--qv-border);background-color:#0000;margin:0;padding:2rem 1.5rem 2.5rem;transition:background-color .3s,padding .3s;position:relative}.quran-viewer-page .verse-wrapper:last-of-type{border-bottom:none}.quran-viewer-page .verse-wrapper:hover{background-color:#05bfdb08}.quran-viewer-page .verse-wrapper:before{content:"";background:linear-gradient(180deg,var(--islamic-primary)0%,var(--islamic-accent)100%);border-radius:0 4px 4px 0;width:3px;height:0;transition:height .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.quran-viewer-page .verse-wrapper:hover:before{height:60%}.quran-viewer-page .verse-item{gap:0;padding:1rem 0;display:flex;position:relative}.quran-viewer-page .verse-key{color:var(--qv-secondary-text);margin-bottom:.5rem;font-size:.85rem}@keyframes pulse{0%,to{box-shadow:0 0 #05bfdb66}50%{box-shadow:0 0 0 10px #05bfdb00}}.quran-viewer-page .verse-content{flex:1;padding-left:1.5rem}.quran-viewer-page .translations-container{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:2.25rem;width:100%;margin-top:1.25rem;display:grid}.quran-viewer-page .trans-block-ur{text-align:right;direction:rtl;margin-left:auto;margin-right:0}.quran-viewer-page .trans-block-en{text-align:left;margin-left:0;margin-right:auto}.quran-viewer-page .arabic-wrapper{text-align:right;direction:rtl;margin-bottom:2.25rem}.quran-viewer-page .quran-text{font-family:var(--arabic-font-family);color:#000;letter-spacing:0;text-align:right;direction:rtl;font-size:3rem;line-height:1.8;transition:color .3s,transform .3s;position:relative}.quran-viewer-page .quran-text:hover{color:var(--islamic-primary)}.quran-viewer-page .arabic-wrapper{text-align:right;direction:rtl;margin-bottom:2.25rem;position:relative}.quran-viewer-page .arabic-wrapper:after{content:"۩";color:var(--islamic-gold);opacity:0;font-size:1.5rem;transition:opacity .3s;position:absolute;top:50%;right:-30px;transform:translateY(-50%)}.quran-viewer-page .verse-wrapper:hover .arabic-wrapper:after{opacity:1}.quran-viewer-page .end-marker{border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-right:.75rem;font-family:Poppins,sans-serif;font-size:1.3rem;display:inline-flex}.quran-viewer-page .translation-text.font-urdu{font-family:var(--urdu-font-family);font-size:.95rem;line-height:1.55}.quran-viewer-page .text-en{color:var(--qv-primary-text);margin-bottom:.2rem;font-size:.85rem;line-height:1.35}.quran-viewer-page .text-ur{font-family:var(--urdu-font-family);color:var(--qv-primary-text);margin-bottom:.12rem;font-size:.95rem;line-height:1.55}.quran-viewer-page .author-ur{color:var(--qv-secondary-text);letter-spacing:.02em;font-size:.85rem}.quran-viewer-page .transliteration-text{color:var(--qv-secondary-text);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.quran-viewer-page .mt-3 p{font-family:var(--tafseer-font-family,"Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Nafees Web Naskh",serif);font-size:var(--tafseer-font-size,1.25rem);line-height:var(--tafseer-line-height,2);text-align:right;direction:rtl}@media (max-width:768px){.quran-viewer-page .verse-content{flex-direction:column;padding-left:0}.quran-viewer-page .quran-text{font-size:2.5rem}.quran-page .poster-container{border-radius:16px;padding:2rem 1.5rem}.quran-page .poster-container .quran-font{font-size:1.75rem}.quran-page .card-container{border-radius:12px;padding:1rem 1.25rem}.quran-page .card-number-diamond{width:38px;min-width:38px;height:38px;font-size:.9rem}.quran-page .card-title-text{font-size:1rem}.quran-card-grid{gap:.75rem}.alif-shell__content>#view-mode-toggle{flex-wrap:wrap;justify-content:center;width:100%}.alif-shell__content>#view-mode-toggle .view-mode-btn{text-align:center;flex:30%;padding:.5rem .75rem;font-size:.8rem}.quran-viewer-page .verse-wrapper{padding:1.25rem 1rem 1.75rem}.quran-viewer-page .verse-wrapper:before{display:none}.quran-viewer-page .translations-container{grid-template-columns:1fr;gap:1.5rem}.quran-viewer-page #sidebar{width:85%;max-width:320px}.quran-viewer-page #content-wrapper{margin:80px auto 0;padding:0 .75rem}.quran-viewer-page #surah-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.5rem 1rem}.quran-viewer-page .bismillah-header{padding:1.5rem 1rem}.quran-viewer-page .bismillah-header .quran-arabic-text{font-size:1.5rem}}@media (max-width:480px){.quran-page .poster-container .quran-font{font-size:1.5rem}.quran-viewer-page .quran-text{font-size:2rem;line-height:1.6}.quran-viewer-page .verse-key{font-size:.75rem}}.quran-viewer-page .reading-mode-container{text-align:justify;text-align-last:right;text-justify:inter-word;letter-spacing:.05em;word-spacing:.15em;text-indent:0;color:var(--color-primary-contrast);hanging-punctuation:last;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;direction:rtl;background-color:#111720;border-radius:.75rem;width:100%;max-width:900px;margin:1rem auto;padding:1rem 2rem;font-family:MeQuran,KFGQPC Uthman Taha Naskh,Amiri,serif;font-size:2rem;line-height:2.8;overflow-x:hidden;box-shadow:0 1px 3px #0000001a}body.light-mode .quran-viewer-page .reading-mode-container{text-align:justify;text-align-last:right;text-justify:inter-word;color:#1f2937;letter-spacing:.05em;word-spacing:.15em;text-indent:0;hanging-punctuation:last;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;direction:rtl;background-color:#fff;border-radius:.75rem;width:100%;max-width:900px;margin:1rem auto;padding:1.5rem 2rem;line-height:2.8;transition:all .3s;box-shadow:0 1px 3px #0000001a}.quran-viewer-page .reading-verse{text-align:justify;text-align-last:right;text-justify:inter-word;white-space:normal;word-wrap:break-word;direction:rtl;width:auto;margin-bottom:0;margin-right:.3rem;line-height:2.8;display:inline}.quran-viewer-page .reading-mode-container .verse-end-symbol{vertical-align:baseline!important;font-family:MeQuran,KFGQPC Uthman Taha Naskh,Amiri,serif!important;font-size:2rem!important;line-height:2.8!important}.quran-viewer-page .reading-mode-container:after{content:"";vertical-align:baseline;width:100%;height:0;display:inline-block}.quran-viewer-page .reading-mode-container:before{content:"";vertical-align:baseline;width:0;height:100%;display:inline-block}html body .quran-viewer-page[data-surah="1"] .bismillah-translation,html body .quran-viewer-page.surah-1 .bismillah-translation,html body[data-surah="1"] .bismillah-translation,html body .quran-viewer-page[data-surah="9"] .bismillah-translation,html body .quran-viewer-page.surah-9 .bismillah-translation,html body[data-surah="9"] .bismillah-translation,html body .quran-viewer-page[data-surah="1"] #content-header .bismillah-translation,html body .quran-viewer-page.surah-1 #content-header .bismillah-translation,html body .quran-viewer-page[data-surah="9"] #content-header .bismillah-translation,html body .quran-viewer-page.surah-9 #content-header .bismillah-translation,html body .quran-viewer-page[data-surah="1"] .bismillah,html body .quran-viewer-page.surah-1 .bismillah,html body .quran-viewer-page[data-surah="9"] .bismillah,html body .quran-viewer-page.surah-9 .bismillah{visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important;position:absolute!important;top:-9999px!important;left:-9999px!important;overflow:hidden!important}:root{--ticker-bg-dark:#111720;--ticker-text-dark:#fff;--ticker-icon-dark:#eebb4d;--ticker-label-bg-dark:#1a1f2e;--ticker-bg-light:#f8f9fa;--ticker-text-light:#333;--ticker-icon-light:#2ca4ab;--ticker-label-bg-light:#e9ecef;--ticker-bg:var(--ticker-bg-dark);--ticker-text:var(--ticker-text-dark);--ticker-icon:var(--ticker-icon-dark);--ticker-label-bg:var(--ticker-label-bg-dark)}body.light-mode{--ticker-bg:var(--ticker-bg-light);--ticker-text:var(--ticker-text-light);--ticker-icon:var(--ticker-icon-light);--ticker-label-bg:var(--ticker-label-bg-light)}@media only screen and (max-width:767px){.quran-viewer-page .reading-mode-container{padding:.75rem 1.5rem}}@media only screen and (min-width:768px){.quran-viewer-page .reading-mode-container{padding:.75rem 2.5rem}}@media only screen and (min-width:1024px){.quran-viewer-page .reading-mode-container{padding:.75rem 2.5rem}}.quran-viewer-page .reading-mode-container .reading-verse{text-align:center;text-align-last:center;margin-bottom:.47rem;padding:.25rem 0;display:inline;position:relative}.quran-viewer-page .reading-mode-container .reading-verse:last-child{margin-bottom:0}.quran-viewer-page .reading-mode-container .verse-number-start{color:#3b82f6;text-align:center;vertical-align:middle;background-color:#f0f9ff;border:1.5px solid #93c5fd;border-radius:50%;width:24px;height:24px;margin:0 .3rem 0 0;font-family:Amiri,serif;font-size:.9em;font-weight:400;line-height:1.2;display:inline-block}.quran-viewer-page .reading-mode-container .verse-number-end{color:#3b82f6;text-align:center;vertical-align:middle;background-color:#f0f9ff;border:1.5px solid #93c5fd;border-radius:50%;width:24px;height:24px;margin:0 0 0 .3rem;font-family:Amiri,serif;font-size:.9em;font-weight:400;line-height:1.2;display:inline-block}.quran-viewer-page .reading-word:hover{color:#1e40af;background-color:#3b82f61a;border-color:#3b82f64d;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f626}@media only screen and (max-width:767px){.quran-viewer-page .reading-mode-container{border-radius:.5rem;margin:.75rem 0;padding:1.5rem 1rem}.quran-viewer-page .reading-word{border-radius:.375rem;margin:0 .0625rem;padding:.125rem .3125rem}.quran-viewer-page .reading-verse{margin-bottom:.375rem}.quran-viewer-page .reading-mode-container .verse-number-end{width:20px;height:20px;margin:0 .2rem;font-size:.8em}}@media only screen and (max-width:480px){.quran-viewer-page .reading-mode-container{border-radius:.375rem;margin:.5rem 0;padding:1rem .75rem}.quran-viewer-page .reading-word{border-radius:.25rem;margin:0 .046875rem;padding:.09375rem .25rem}.quran-viewer-page .reading-verse{margin-bottom:.3125rem}.quran-viewer-page .reading-mode-container .verse-number-end{width:18px;height:18px;margin:0 .15rem;font-size:.75em}}@media only screen and (min-width:768px) and (max-width:1023px){.quran-viewer-page .reading-mode-container{margin:.875rem 0;padding:1.75rem 1.25rem}.quran-viewer-page .reading-word{margin:0 .0875rem;padding:.1375rem .375rem}.quran-viewer-page .reading-mode-container .verse-number-end{width:22px;height:22px;font-size:.85em}}@media only screen and (min-width:1024px){.quran-viewer-page .reading-mode-container{max-width:900px;margin:1rem auto;padding:2rem 1.5rem}}.quran-viewer-page .reading-word:focus{outline-offset:2px;border-radius:.5rem;outline:2px solid #3b82f6}.quran-viewer-page .reading-mode-container{transition:background-color .3s,color .3s,box-shadow .3s}.quran-viewer-page .reading-word{transition:all .2s cubic-bezier(.4,0,.2,1)}.quran-viewer-page .reading-mode-container .verse-number-end{transition:all .2s}.quran-viewer-page .reading-mode-container .verse-number-start:hover,.quran-viewer-page .reading-mode-container .verse-number-end:hover{transform:scale(1.1);box-shadow:0 2px 4px #3b82f64d}.quran-viewer-page #sidebar{color:#111827;z-index:9999;width:300px;height:100vh;box-shadow:none;background-color:#fff;display:block;position:fixed;left:0;overflow:auto;transition:transform .3s!important;transform:translate(-300px)!important}.quran-viewer-page #sidebar.sidebar{transform:translate(-300px)!important}.quran-viewer-page #sidebar.open{box-shadow:2px 0 10px #0000001a;transform:translate(0)!important}aside#sidebar.sidebar{transform:translate(-300px)!important}aside#sidebar.open{transform:translate(0)!important}@media (max-width:768px){.quran-viewer-page #sidebar{width:85%;display:block}aside#sidebar.sidebar,aside#sidebar.open{width:85%}}.quran-viewer-page .bismillah{text-align:center;margin-bottom:2rem}.quran-viewer-page .bismillah .quran-arabic-text{color:var(--primary);font-size:3rem;font-weight:700}.quran-viewer-page .bismillah-image:hover{opacity:1}.bismillah-header{text-align:center;color:#1a1a1a;font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif);background-color:#fff;border:1px solid #0f172a14;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;transition:background-color .3s,color .3s;display:flex;position:relative;box-shadow:0 20px 45px -25px #0f172a59}.bismillah-header .theme-toggle{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:.4rem 1rem;font-size:.85rem;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;top:1.25rem;right:1.5rem}.bismillah-header .theme-toggle:hover{opacity:.85;transform:translateY(-1px)}.bismillah-header .bismillah-content{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.bismillah-header svg{filter:drop-shadow(0 12px 24px #0f172a33);max-width:min(360px,70vw);height:auto}.bismillah-header .bismillah-translation{color:inherit;letter-spacing:.04em;text-transform:uppercase;font-size:clamp(.95rem,1vw,1.05rem);font-weight:500}.quran-viewer-page .quran-arabic-text{font-family:MeQuran,KFGQPC Uthman Taha Naskh,Amiri,serif}@media (min-width:1024px){.quran-viewer-page .quran-arabic-text{color:var(--dark);text-align:right;font-size:2.8rem;line-height:2.8}}@media (max-width:640px){.quran-viewer-page .quran-arabic-text{font-size:3rem;line-height:3rem}}@media (max-width:1024px){.quran-viewer-page .quran-text{font-size:3.4rem}}@media (max-width:768px){.quran-viewer-page #sidebar{width:85%}.quran-viewer-page main.sidebar-open>*{margin-left:0}.quran-viewer-page .verse-wrapper{padding:1.25rem 0 1rem}.quran-viewer-page #arabic-surah-image{height:150px}}.quran-viewer-page .verse-card{background-color:var(--white);border:1px solid var(--light-gray);transition:var(--transition);border-radius:.5rem;margin-bottom:1rem;padding:1.5rem}.quran-viewer-page .verse-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.quran-viewer-page .verse-header{border-bottom:1px solid var(--light-gray);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.quran-viewer-page .verse-number{color:var(--primary);font-size:1.1rem;font-weight:600}.quran-viewer-page .action-btn:hover{color:var(--primary)}.quran-viewer-page .verse-arabic{font-family:var(--arabic-font-family);font-size:var(--arabic-font-size);text-align:right;color:var(--dark);margin-bottom:1rem;line-height:2.2}.quran-viewer-page .verse-transliteration{color:var(--gray);margin-bottom:.5rem;font-size:.9rem;font-style:italic}.quran-viewer-page .verse-translation{font-size:var(--translation-font-size);color:var(--dark);margin-bottom:1rem;line-height:1.8}.quran-viewer-page .verse-meta{color:var(--gray);gap:1rem;font-size:.85rem;display:flex}.quran-viewer-page .viewer-header{background-color:var(--white);border-bottom:1px solid var(--light-gray);margin-bottom:2rem;padding:1.5rem}.quran-viewer-page .back-btn{color:var(--primary);transition:var(--transition);align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:500;text-decoration:none;display:inline-flex}.quran-viewer-page .back-btn:hover{color:var(--primary-dark);transform:translate(-2px)}.quran-viewer-page .surah-info{text-align:center}.quran-viewer-page .surah-title{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.quran-viewer-page .surah-title .arabic-font{color:var(--primary);font-size:2.5rem;font-weight:700}.quran-viewer-page .surah-title .transliteration{color:var(--dark);font-size:1.5rem;font-weight:600}.quran-viewer-page .surah-title .english{color:var(--gray);font-size:1.2rem}.quran-viewer-page .surah-meta{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.quran-viewer-page .surah-type{border-radius:1rem;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.quran-viewer-page .surah-type.meccan{color:#92400e;background-color:#fef3c7}.quran-viewer-page .surah-type.medinan{color:#1e40af;background-color:#dbeafe}.quran-viewer-page .verses-count{color:var(--gray);align-items:center;gap:.5rem;display:flex}.quran-viewer-page .viewer-controls{background-color:var(--white);border:1px solid var(--light-gray);border-radius:.5rem;margin-bottom:2rem;padding:1.5rem}.quran-viewer-page .control-group{margin-bottom:1rem}.quran-viewer-page .control-group:last-child{margin-bottom:0}.quran-viewer-page .control-label{color:var(--dark);margin-bottom:.5rem;font-weight:600;display:block}.quran-viewer-page .theme-selector{gap:.5rem;display:flex}.quran-viewer-page .theme-selector button{border:1px solid var(--light-gray);background-color:var(--white);color:var(--dark);cursor:pointer;transition:var(--transition);border-radius:.375rem;padding:.5rem 1rem}.quran-viewer-page .theme-selector button.active{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.quran-viewer-page .font-controls{align-items:center;gap:1rem;display:flex}.quran-viewer-page .font-btn{border:1px solid var(--light-gray);background-color:var(--white);color:var(--dark);cursor:pointer;transition:var(--transition);border-radius:.25rem;min-width:40px;padding:.25rem .5rem}.quran-viewer-page .font-btn.active{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.quran-viewer-page .toggle-controls{flex-wrap:wrap;gap:1rem;display:flex}.quran-viewer-page .error-container{text-align:center;color:var(--red);padding:3rem}.quran-viewer-page .error-container i{margin-bottom:1rem;font-size:3rem}.quran-viewer-page .retry-btn{background-color:var(--primary);color:var(--white);cursor:pointer;transition:var(--transition);border:none;border-radius:.375rem;margin-top:1rem;padding:.75rem 1.5rem}.quran-viewer-page .retry-btn:hover{background-color:var(--primary-dark)}.quran-viewer-page .pagination{justify-content:center;align-items:center;gap:1rem;padding:2rem 0;display:flex}.quran-viewer-page .pagination-btn{background-color:var(--primary);color:var(--white);cursor:pointer;transition:var(--transition);border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:flex}.quran-viewer-page .pagination-btn:hover:not(:disabled){background-color:var(--primary-dark)}.quran-viewer-page .pagination-btn:disabled{background-color:var(--gray);cursor:not-allowed}.quran-viewer-page .pagination-info{color:var(--dark);font-weight:500}.quran-viewer-page .spinner{border:3px solid var(--light-gray);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}.quran-viewer-page .verses-container{max-width:900px;margin:0 auto}.poster-title{font-family:Amiri,serif}.page-header{text-align:center;margin-bottom:2rem}.page-title{color:var(--primary);align-items:center;gap:.75rem;font-size:2rem;font-weight:700;display:inline-flex}.page-title i{color:var(--primary-dark)}.page-description{color:var(--gray);margin-top:.5rem;font-size:.95rem}.search-container{margin-bottom:1.5rem}.search-box{max-width:400px;margin:0 auto;position:relative}.search-input{border:1px solid var(--border-color,#e0e0e0);width:100%;transition:var(--transition);background-color:var(--surface-color,#fff);color:var(--text-color,#37474f);border-radius:999px;outline:none;padding:.75rem 1rem .75rem 2.5rem;font-size:.95rem}.search-box .search-icon{color:var(--text-muted-color,#6b7280);font-size:.9rem;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.content-display{margin-top:1rem}.loading-container,.error-container{text-align:center;color:var(--gray);padding:2rem 0}.error-container i{color:var(--red);margin-bottom:.5rem;font-size:2rem}.retry-btn{background:var(--primary);color:var(--white);cursor:pointer;transition:var(--transition);border:none;border-radius:999px;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;font-weight:500;display:inline-flex}.retry-btn:hover{background:var(--primary-dark)}.spinner{border:4px solid #0000001a;border-left-color:var(--primary);border-radius:50%;width:32px;height:32px;margin:0 auto .5rem;animation:1s linear infinite spin}.surah-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.surah-card{background-color:var(--white);border:1px solid var(--light-gray);box-shadow:none;color:inherit;border-radius:6px;align-items:center;padding:1rem;text-decoration:none;transition:all .3s ease-in-out;display:flex}.surah-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-3px)}.surah-number{background-color:#f3f4f6;border-radius:.25rem;justify-content:center;align-items:center;width:45px;height:45px;margin-right:1rem;font-size:1.1rem;font-weight:700;display:flex}.surah-content{flex:1}.surah-name-arabic{margin-bottom:.25rem;font-size:1.4rem}.surah-name-transliteration{color:#1f2937;font-size:1rem;font-weight:600}.surah-name-english{color:var(--gray);font-size:.9rem}.surah-meta{color:var(--gray);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.85rem;display:flex}.surah-type{border:1px solid var(--light-gray);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.surah-type.meccan{color:#166534;background-color:#ecfdf5;border-color:#bbf7d0}.surah-type.medinan{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe}.surah-verses{align-items:center;gap:.35rem;display:inline-flex}.quran-viewer-page{background:var(--light);min-height:100vh;transition:var(--transition);padding:0}.quran-viewer-page .container{max-width:900px;margin:0 auto;padding:0 1rem}.viewer-header{margin-bottom:2rem}.back-btn{color:var(--primary);transition:var(--transition);align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;text-decoration:none;display:inline-flex}.back-btn:hover{color:var(--primary-dark);transform:translate(-3px)}.surah-info{text-align:center}.surah-title{margin-bottom:1rem}.surah-title .arabic-font{color:var(--primary-dark);margin-bottom:.5rem;font-size:2.5rem;font-weight:700;line-height:1.2;display:block}.surah-title .transliteration{color:var(--gray);margin-bottom:.25rem;font-size:1.3rem;font-style:italic;display:block}.surah-title .english{color:var(--dark);font-size:1.2rem;font-weight:600;display:block}.surah-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.surah-type{text-transform:uppercase;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.surah-type.meccan{color:var(--green);background:#10b9811a}.surah-type.medinan{color:var(--red);background:#ef44441a}.verses-count{color:var(--gray);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.viewer-controls{background:var(--white);box-shadow:var(--shadow);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:grid}.control-group{flex-direction:column;gap:.5rem;display:flex}.control-label{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.theme-selector{gap:.5rem;display:flex}.theme-btn{border:2px solid var(--light-gray);background:var(--white);color:var(--gray);cursor:pointer;transition:var(--transition);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.8rem;display:flex}.theme-btn:hover{border-color:var(--primary);color:var(--primary)}.theme-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.display-toggles{flex-direction:column;gap:.5rem;display:flex}.toggle-label{cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.toggle-label input{accent-color:var(--primary)}.translation-select{border:2px solid var(--light-gray);background:var(--white);color:var(--dark);cursor:pointer;transition:var(--transition);border-radius:6px;padding:.5rem;font-size:.9rem}.translation-select:focus{border-color:var(--primary);outline:none}.font-size-selector{gap:.5rem;display:flex}.font-btn{border:2px solid var(--light-gray);background:var(--white);color:var(--gray);cursor:pointer;transition:var(--transition);border-radius:6px;padding:.5rem .75rem;font-weight:600}.font-btn:hover{border-color:var(--primary);color:var(--primary)}.font-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.verses-container{flex-direction:column;gap:1.5rem;display:flex}.verse-card{background:var(--white);box-shadow:var(--shadow);transition:var(--transition);border-radius:12px;padding:1.5rem;position:relative}.verse-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.verse-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.verse-number{background:var(--primary);border-radius:50%;width:32px;height:32px}.right-section{color:#6b7280;justify-content:flex-end;align-items:center;min-width:120px;font-size:.9rem;display:flex;position:relative}@media (max-width:640px){.right-section{display:none}}@media (min-width:641px) and (max-width:1024px){.right-section{text-align:right;min-width:100px;font-size:.85rem}}@media (min-width:1025px) and (max-width:1280px){.right-section{min-width:120px;font-size:.9rem}}@media (min-width:1281px){.right-section{min-width:140px;font-size:.9rem}}@media (min-width:1440px){.right-section{min-width:160px;font-size:.95rem}}.action-btn:hover{color:var(--white)}.verse-arabic{text-align:right;margin-bottom:1rem;font-size:1.5rem;line-height:2.2rem}.verse-transliteration{color:var(--gray);margin-bottom:.75rem;font-size:.95rem}.verse-translation{color:var(--dark);margin-bottom:.75rem;font-size:1rem}.verse-meta{color:var(--gray);justify-content:flex-end;gap:1rem;font-size:.85rem;display:flex}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.pagination-btn{background:var(--primary);color:var(--white);cursor:pointer;transition:var(--transition);border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;display:inline-flex}.pagination-btn:disabled{opacity:.5;cursor:default}.pagination-btn:not(:disabled):hover{background:var(--primary-dark)}.pagination-info{color:var(--gray);font-size:.9rem}.pillar-card{padding:1.5rem 1rem}.pillar-icon{width:60px;height:60px;font-size:1.5rem}.pillar-title{font-size:1.3rem}.pillar-description{font-size:.9rem}.search-page{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.search-page .container{text-align:center;width:100%;max-width:800px}.page-header{margin-bottom:3rem}.page-title{color:var(--primary-color);justify-content:center;align-items:center;gap:15px;margin-bottom:10px;font-family:Amiri,serif;font-size:2.5rem;display:flex}.page-description{color:var(--text-light);font-size:1.1rem}.search-form{background:var(--white);border:1px solid #eee;border-radius:12px;padding:30px;box-shadow:0 10px 25px #0000000d}.search-input-group{margin-bottom:25px}.search-box{align-items:center;display:flex;position:relative}.search-icon{color:#aaa;pointer-events:none;font-size:1.2rem;position:absolute;left:20px}.search-input{border:2px solid #e0e0e0;border-radius:50px;outline:none;width:100%;padding:18px 60px 18px 55px;font-family:inherit;font-size:1.1rem;transition:all .3s}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #0f51321a}.search-btn{background-color:var(--primary-color);color:var(--white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:background .3s;display:flex;position:absolute;right:8px}.search-btn:hover{background-color:var(--primary-dark)}.search-btn:disabled{opacity:.6;cursor:not-allowed}.search-spinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.search-type-selector{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.radio-label{cursor:pointer;position:relative}.radio-label input[type=radio]{display:none}.radio-text{color:var(--text-light);background-color:#f1f3f5;border:1px solid #0000;border-radius:50px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .3s;display:inline-block}.radio-label input[type=radio]:checked+.radio-text{color:var(--primary-color);border-color:var(--primary-color);background-color:#0f51321a;font-weight:600}.radio-label:hover .radio-text{background-color:#e9ecef}.search-container{width:100%;position:relative}.suggestions-dropdown{background:var(--white);z-index:1000;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 12px 12px;max-height:300px;margin-top:-8px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.suggestions-loading{color:var(--text-light);justify-content:center;align-items:center;gap:10px;padding:15px;font-size:.9rem;display:flex}.suggestions-spinner{border:2px solid #e0e0e0;border-top:2px solid var(--primary-color);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.suggestions-list{margin:0;padding:0;list-style:none}.suggestion-item{cursor:pointer;border-bottom:1px solid #f5f5f5;align-items:center;gap:12px;padding:12px 20px;transition:all .2s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.selected{color:var(--primary-color);background-color:#0f513214}.suggestion-icon{color:#aaa;flex-shrink:0;font-size:.9rem}.suggestion-text{flex:1;font-size:.95rem;font-weight:500}.suggestion-arrow{color:#ccc;opacity:0;font-size:.8rem;transition:opacity .2s}.suggestion-item:hover .suggestion-arrow,.suggestion-item.selected .suggestion-arrow{opacity:1;color:var(--primary-color)}.no-suggestions{color:var(--text-light);justify-content:center;align-items:center;gap:10px;padding:15px;font-size:.9rem;display:flex}.search-results{text-align:left;margin-top:3rem}.results-header{border-bottom:2px solid #e9ecef;margin-bottom:2rem;padding-bottom:1rem}.results-header h2{color:var(--primary-color);margin-bottom:.5rem;font-family:Amiri,serif;font-size:1.8rem;font-weight:600}.results-header p{color:var(--text-light);font-size:1rem}.results-container{flex-direction:column;gap:2rem;display:flex}.result-section{background:var(--white);border:1px solid #e9ecef;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.result-type-title{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);align-items:center;gap:12px;margin:0;padding:1.2rem 1.5rem;font-size:1.2rem;font-weight:600;display:flex}.result-type-title i{font-size:1.1rem}.result-list{padding:0}.result-item{border-bottom:1px solid #f1f3f5;transition:all .2s}.result-item:last-child{border-bottom:none}.result-item:hover{background-color:#0f513205}.result-header{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem .5rem;display:flex}.result-link{color:var(--primary-color);font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s}.result-link:hover{color:var(--primary-dark);text-decoration:underline}.result-rank{color:var(--primary-color);white-space:nowrap;background:#0f51321a;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.quran-result{padding:0 1.5rem 1.5rem}.quran-arabic{color:#1a1a1a;text-align:right;border-right:4px solid var(--primary-color);direction:rtl;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:8px;margin:1rem 0;padding:1rem;font-family:KFGQPC Uthman Taha Naskh,Amiri,serif;font-size:1.4rem;line-height:2.2}.quran-translation{color:#4a5568;padding:.5rem 0;font-size:1rem;font-style:italic;line-height:1.7}.hadith-result{padding:0 1.5rem 1.5rem}.hadith-text{color:#2d3748;text-align:justify;background:#fafafa;border-left:4px solid #d4af37;border-radius:8px;margin:.5rem 0;padding:1rem;font-size:1rem;line-height:1.8}.no-results{text-align:center;background:var(--white);border:1px solid #e9ecef;border-radius:12px;padding:3rem 2rem;box-shadow:0 4px 6px -1px #0000001a}.no-results h3{color:#4a5568;margin-bottom:.5rem;font-size:1.3rem}.no-results p{color:var(--text-light);font-size:1rem}.error-message{color:#c53030;background:#fee;border:1px solid #fcc;border-radius:8px;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem 1.5rem;display:flex}.error-message i{font-size:1.2rem}.error-message p{margin:0}.search-history{text-align:left;margin-top:2rem}.history-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.history-header h3{color:#4a5568;margin:0;font-size:1.1rem}.clear-history-btn{color:#718096;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.clear-history-btn:hover{color:#c53030;background:#fee;border-color:#fcc}.history-items{flex-wrap:wrap;gap:.5rem;display:flex}.history-item{color:#4a5568;cursor:pointer;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.history-item:hover{color:var(--primary-color);background:#0f513214;border-color:#0f513233}.hero-search-container{width:100%;max-width:600px;margin:0 auto;position:relative}.hero-search-container .search-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #0f513233;border-radius:50px;align-items:center;height:60px;padding:0 20px;transition:all .3s;display:flex;position:relative;box-shadow:0 8px 32px #0000001a}.hero-search-container .search-box:hover{border-color:#0f513266;box-shadow:0 12px 40px #00000026}.hero-search-container .search-icon{color:var(--primary-color);flex-shrink:0;margin-right:15px;font-size:1.2rem}.hero-search-container .search-input{color:var(--dark);background:0 0;border:none;outline:none;flex:1;font-size:1rem;font-weight:500}.hero-search-container .search-input::placeholder{color:var(--text-light);font-weight:400}.hero-search-container .search-btn{background:var(--primary-color);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:10px;transition:all .3s;display:flex}.hero-search-container .search-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.hero-search-container .search-btn i{color:var(--color-primary-contrast);font-size:.9rem}.hero-search-container .suggestions-dropdown{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #0f513233;border-top:none;border-radius:0 0 20px 20px;max-height:320px;margin-top:-8px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 20px 40px #00000026}.hero-search-container .suggestions-list{margin:0;padding:10px 0;list-style:none}.hero-search-container .suggestion-item{cursor:pointer;border-bottom:1px solid #0000000d;align-items:center;gap:15px;padding:15px 25px;transition:all .2s;display:flex}.hero-search-container .suggestion-item:last-child{border-bottom:none}.hero-search-container .suggestion-item:hover,.hero-search-container .suggestion-item.selected{color:var(--primary-color);background:#0f513214}.hero-search-container .suggestion-icon{color:var(--text-light);flex-shrink:0;font-size:.9rem}.hero-search-container .suggestion-text{color:var(--dark);flex:1;font-size:.95rem;font-weight:500}.hero-search-container .suggestion-arrow{color:var(--text-light);opacity:0;flex-shrink:0;font-size:.8rem;transition:all .2s}.hero-search-container .suggestion-item:hover .suggestion-arrow,.hero-search-container .suggestion-item.selected .suggestion-arrow{opacity:1;color:var(--primary-color)}.hero-search-container .no-suggestions{color:var(--text-light);justify-content:center;align-items:center;gap:10px;padding:20px;font-size:.9rem;display:flex}.seerat-book-card:hover .seerat-card-overlay{background:linear-gradient(#0000001a 0%,#0006 50%,#000000e6 100%)}.seerat-card-body{z-index:2;color:#fff;flex-direction:column;height:100%;padding:.5rem;display:flex;position:relative}.seerat-card-title{font-family:var(--font-quranic-display,"Noto Nastaliq Urdu",serif);color:#fff;text-align:center;text-shadow:2px 2px 4px #000c;direction:rtl;order:1;margin:0 0 1px;font-size:.75rem;font-weight:700;line-height:1.1;display:none}.seerat-book-card:hover .seerat-card-title{color:#05bfdb;text-shadow:2px 2px 12px #05bfdb66}.seerat-card-meta{color:#ffffffd9;text-align:center;direction:rtl;order:2;margin:0 0 2px;font-size:.6rem;line-height:1.1;display:none}.seerat-card-actions{opacity:.9;justify-content:center;width:100%;margin-top:auto;transition:all .3s;display:flex;transform:translateY(0)}.seerat-book-card:hover .seerat-card-actions{opacity:1;transform:translateY(0)}.seerat-card-actions a{color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background-color:#05bfdb26;border:1px solid #05bfdb4d;border-radius:6px;width:100%;padding:.5rem 1rem;font-size:.8rem;font-weight:500;text-decoration:none}.seerat-card-actions a:nth-child(2){display:none}.seerat-card-actions a:hover{background:linear-gradient(135deg,#05bfdb 0%,#088395 100%);border-color:#0000;transform:translateY(-3px);box-shadow:0 8px 20px #05bfdb59}.seerat-hero-section{text-align:center;background-image:url(https://jadeednooraniqaida.com/Ranjha1214/picc.jpg);background-position:50%;background-size:cover;align-items:center;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.seerat-hero-section:before{content:"";z-index:1;background:linear-gradient(#0000004d,#000000b3);position:absolute;inset:0}.seerat-hero-title{text-align:center;color:#fff;text-shadow:2px 2px 10px #000000b3;z-index:2;margin-bottom:0;font-family:Mehr Nastaliq Web,serif;font-size:5rem;font-weight:700;position:relative}.nav-link{width:100%;display:block;padding:1rem 2rem!important}.seerat-chapters-grid:not(.seerat-books-grid){grid-template-columns:repeat(2,1fr)}.seerat-hero-title{font-size:3rem}@media (max-width:600px){.container{padding:0 15px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.search-input-group{flex-direction:column;gap:1rem}.search-input{width:100%}.search-type-selector{flex-wrap:wrap;justify-content:center}.radio-label{text-align:center;flex:1;min-width:120px}.results-header h2{font-size:1.5rem}.result-type-title{padding:1rem;font-size:1.1rem}.quran-arabic{padding:.75rem;font-size:1.2rem}.hadith-text{padding:.75rem;font-size:.9rem}.result-header{flex-direction:column;align-items:flex-start;gap:.5rem}.seerat-hero-title{font-size:2.5rem}.seerat-chapters-grid:not(.seerat-books-grid){grid-template-columns:1fr}.seerat-book-card{flex:0 0 85%}.section-title{font-size:1.8rem}.seerat-card-title{font-size:1.2rem}.seerat-chapters-grid .seerat-card-sidebar{width:40px;font-size:.8rem}.seerat-chapters-grid .seerat-card-body{padding:15px}.seerat-chapters-grid .seerat-card-title{font-size:1.1rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.page-title{font-size:1.8rem}.page-description{font-size:.95rem}.search-input{font-size:.9rem}.radio-text{padding:.4rem .8rem;font-size:.85rem}.suggestion-text{font-size:.85rem}.quran-arabic{font-size:1.1rem}.hadith-text{font-size:.85rem}.result-link{font-size:.9rem}.result-rank{padding:.2rem .5rem;font-size:.75rem}.seerat-hero-title{padding-bottom:8px;font-size:2rem}.seerat-book-card{flex:0 0 90%}.seerat-card-title{font-size:1.1rem}.seerat-card-meta{font-size:.8rem}.seerat-card-actions a{padding:6px 0;font-size:.8rem}}.hadith-page{min-height:100vh}.prayer-bar{border-bottom:2px solid var(--primary-light);white-space:nowrap;background:#fff;justify-content:center;padding:10px 0;display:flex;overflow-x:auto;box-shadow:0 2px 5px #0000000d}.prayer-item{color:var(--primary);border-radius:30px;flex-direction:column;align-items:center;margin:0 10px;padding:5px 20px;font-size:.9rem;font-weight:600;display:flex}.prayer-item.active{background:linear-gradient(45deg,var(--primary-light),var(--primary));color:var(--color-primary-contrast);transform:scale(1.05);box-shadow:0 4px 10px #0883954d}.prayer-time{opacity:.9;font-size:.75rem}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-white-overlay);background:#fffffff2;border-radius:20px;transition:transform .3s;overflow:hidden;box-shadow:0 10px 30px #0000000d}.main-heading{background:linear-gradient(to left,var(--primary),var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:2.8rem;font-weight:700;display:inline-block}.content-body{color:#334155;text-align:justify;font-size:1.3rem;line-height:2.6}.sidebar-title{background:var(--primary);color:var(--color-primary-contrast);text-align:center;border-radius:12px 12px 0 0;padding:15px;font-size:1.5rem}.list-item{color:#475569;background:#f8fafc;border-right:4px solid #0000;border-radius:12px;margin:8px 0;padding:15px 20px;font-size:1.1rem;text-decoration:none;transition:all .3s;display:block}.list-item:hover{border-right:4px solid var(--primary-light);color:var(--primary);background:#f1f5f9;padding-right:30px}.list-item.active{border-right:4px solid var(--primary);color:var(--primary);background:#e0f2f1;font-weight:700}.urdu-font{direction:rtl;font-family:Noto Nastaliq Urdu,serif}.hero-section{color:var(--color-primary-contrast);background-color:#0000;background-image:linear-gradient(135deg,#0a4d68e6,#088395e6),url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" opacity=\"0.05\"><path d=\"M30,50 Q50,30 70,50 T90,50\" fill=\"none\" stroke=\"%23ffffff\" stroke-width=\"2\"/></svg>");background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:150px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:clamp(12px,2vw,32px) 0 clamp(16px,2.5vw,34px);position:relative;overflow:hidden}.hero-content{z-index:2;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.hero-section:before{content:"";z-index:1;background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" opacity=\"0.05\"><circle cx=\"30\" cy=\"30\" r=\"25\" fill=\"none\" stroke=\"%23ffffff\" stroke-width=\"1\"/><circle cx=\"30\" cy=\"30\" r=\"15\" fill=\"none\" stroke=\"%23ffffff\" stroke-width=\"1\"/></svg>") 0 0/80px;width:100%;height:100%;position:absolute;top:0;left:0}.hadith-heading{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:3rem;display:flex;position:relative}.section-subtitle{color:var(--gold-color);text-align:center;text-shadow:0 2px 4px #0000001a;margin-bottom:15px;font-family:Amiri,serif;font-size:1.4rem}.hadith-heading h1{color:var(--color-primary-contrast);text-shadow:0 3px 6px #0003;margin-bottom:20px;font-family:Amiri,serif;font-size:3.5rem;font-weight:700;display:inline-block;position:relative}.hadith-heading h1:after{content:"";background:linear-gradient(90deg,transparent,var(--gold-color),transparent);border-radius:3px;width:60%;height:3px;position:absolute;bottom:-15px;left:20%}.hero-search-container{width:100%;max-width:600px;margin:2rem auto 1.5rem}.hero-search-form{position:relative}.hero-search-input{border:1px solid var(--color-white-overlay);width:100%;color:var(--color-primary-contrast);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a;border-radius:12px;outline:none;padding:18px 60px 18px 25px;font-size:1.1rem;transition:all .3s}.hero-search-input::placeholder{color:#ffffffb3}.hero-search-input:focus{border-color:var(--gold-color);background-color:#fff3;box-shadow:0 0 15px #daa52080}.hero-search-button{color:#fffc;cursor:pointer;background:0 0;border:none;padding:10px;font-size:1.3rem;transition:color .3s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.hero-search-button:hover{color:var(--gold-color)}.hadith-intro{opacity:.9;max-width:700px;margin:0 auto 40px;font-size:1.1rem;line-height:1.8}.islamic-pattern{opacity:.1;z-index:1;color:var(--color-primary-contrast);position:absolute}.pattern-1{font-size:12rem;top:20%;left:10%}.pattern-2{font-size:10rem;bottom:15%;right:8%;transform:rotate(15deg)}.quran-verse{color:var(--color-primary-contrast);text-align:center;direction:rtl;max-width:800px;margin:40px auto;padding:0 20px;font-family:Scheherazade New,serif;font-size:1.8rem;line-height:1.8}.verse-translation{opacity:.9;margin-top:15px;font-family:Amiri,serif;font-size:1.1rem;font-style:italic}.container-wrapper{z-index:1;flex-wrap:wrap;justify-content:center;gap:30px;margin:2.5rem auto 4rem;padding:0 5%;display:flex;position:relative}.book-container{width:310px;transition:var(--transition);cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;min-height:220px;padding:20px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a14}.book-pattern{opacity:.01;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"60\" height=\"60\" viewBox=\"0 0 60 60\"><path d=\"M 10 10 L 50 10 L 50 50 L 10 50 Z\" fill=\"none\" stroke=\"%230a4d68\" stroke-width=\"2\" stroke-dasharray=\"5 5\" transform=\"rotate(45 30 30)\"/></svg>");background-size:80px;width:150%;height:150%;transition:all .6s;position:absolute;top:-25%;left:-25%}.book-container:before{content:"";background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));z-index:2;width:100%;height:6px;transition:all .4s;position:absolute;top:0;left:0}.book-icon{color:var(--primary-color);opacity:.08;z-index:1;font-size:2.5rem;transition:all .4s;position:absolute;top:20px;right:20px}.book-content{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.hadith-count{color:var(--primary-color);background-color:#0a4d681a;border-radius:20px;align-self:flex-start;margin-bottom:20px;padding:5px 12px;font-size:.75rem;font-weight:600;display:inline-block}.book-title{color:var(--primary-color);margin-bottom:5px;font-family:Amiri,serif;font-size:1.6rem;font-weight:700;line-height:1.2}.book-urdu{color:var(--secondary-color);flex-grow:1;font-family:Lateef,Noto Nastaliq Urdu,serif;font-size:1.7rem;line-height:1.4}.book-author{color:#666;border-top:1px solid #eee;margin-top:15px;padding-top:15px;font-size:.95rem;font-style:normal;font-weight:500}.book-container:hover{border-color:#cbd5f5;transform:translateY(-4px);box-shadow:0 8px 20px #0f172a1f}.book-container:hover:before{background:linear-gradient(90deg,var(--accent-color),var(--light-accent));height:6px}.book-container:hover .book-pattern{opacity:.02;transform:scale(1.03)rotate(2deg)}.book-container:hover .book-icon{opacity:.15;transform:scale(1.1)rotate(-10deg)}.social-icon:after{content:"";z-index:-1;background:linear-gradient(135deg,#fff3,#ffffff4d);width:0;height:100%;transition:width .3s;position:absolute;top:0;left:0}.social-icon:hover{color:var(--gold-color);transform:translateY(-5px)scale(1.1)}.social-icon:hover:after{width:100%}.copyright{opacity:.8;margin-top:20px;font-family:Poppins,sans-serif;font-size:.95rem}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.animate-delay-6{animation-delay:.6s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.floating{animation:5s ease-in-out infinite float}@media (max-width:1200px){.hadith-heading h1{font-size:3rem}}@media (max-width:992px){.hadith-heading h1{font-size:2.6rem}.section-subtitle{font-size:1.2rem}.book-container{width:280px}}@media (max-width:768px){.hadith-heading h1{font-size:2rem}.hadith-heading h1:after{width:80%;left:10%}.section-subtitle{font-size:1.1rem}.hero-search-input{padding:15px 50px 15px 20px;font-size:1rem}.hadith-intro{padding:0 20px;font-size:1rem}.container-wrapper{gap:20px;padding:0 3%}.book-container{width:100%;max-width:320px;min-height:230px}.quran-verse{font-size:1.5rem}}@media (max-width:576px){.hadith-heading h1{font-size:2rem}.logo-img{height:36px}.hero-section{padding:80px 0 40px}.quran-verse{font-size:1.3rem}.verse-translation{font-size:1rem}}.loading-container{text-align:center;color:var(--primary-color);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-spinner{border:4px solid #0a4d681a;border-top:4px solid var(--primary-color);border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin}.error-container{text-align:center;color:#e74c3c;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.error-container i{margin-bottom:1rem;font-size:3rem}.retry-button{background:var(--primary-color);color:var(--color-primary-contrast);cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s}.retry-button:hover{background:var(--primary-dark);transform:translateY(-2px)}.no-results{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.no-results i{color:#ccc;margin-bottom:1rem;font-size:3rem}.hadith-viewer-page{min-height:100vh;transition:var(--transition);background:#f3f4f6;padding:2.5rem 0 3rem}.collection-info{text-align:center;margin-bottom:2rem}.collection-title{color:var(--primary);margin-bottom:1rem;font-size:2rem;font-weight:700}.collection-description{color:var(--gray);max-width:800px;margin-bottom:1rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.collection-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.collection-author{color:var(--primary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.collection-count{color:var(--gray);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.language-selector{gap:.5rem;display:flex}.lang-btn{border:2px solid var(--light-gray);background:var(--white);color:var(--gray);cursor:pointer;transition:var(--transition);border-radius:6px;padding:.5rem 1rem;font-weight:600}.lang-btn:hover{border-color:var(--green);color:var(--green)}.lang-btn.active{background:var(--green);color:var(--white);border-color:var(--green)}.hadiths-container{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.hadith-card{box-shadow:none;transition:var(--transition);background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem 1.75rem;position:relative}.hadith-card:hover{box-shadow:var(--shadow-sm);border-color:#cbd5f5;transform:translateY(-2px)}.hadith-header{border-bottom:1px solid var(--light-gray);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.hadith-number{color:var(--primary);font-size:.9rem;font-weight:600}.hadith-actions{gap:.5rem;display:flex}.hadith-arabic{text-align:right;color:#111827;margin-bottom:.75rem;font-size:1.6rem;font-weight:600;line-height:2.2}.hadith-arabic.text-sm{font-size:1.2rem}.hadith-arabic.text-lg{font-size:1.8rem}.hadith-arabic.text-xl{font-size:2.1rem}.hadith-translation{color:var(--dark);margin-bottom:1rem;font-size:1rem;line-height:1.7}.hadith-translation.text-sm{font-size:.85rem}.hadith-translation.text-lg{font-size:1.1rem}.hadith-translation.text-xl{font-size:1.25rem}.hadith-narrator,.hadith-reference{color:var(--gray);margin-bottom:.5rem;font-size:.9rem}.hadith-narrator strong,.hadith-reference strong{color:var(--primary);font-size:.9rem}.hadith-landing-page{color:var(--text-color,#37474f);background-color:#f5f5f5;background-image:url(/images/bg_small.png);background-position:0 0;background-repeat:repeat;background-attachment:fixed;flex-direction:column;align-items:center;min-height:100vh;padding:50px 0 30px;display:flex}.hadith-landing-inner{flex-direction:column;align-items:center;width:100%;max-width:1100px;padding:0 20px;display:flex}.hadith-landing-header{text-align:center;margin-bottom:30px;padding:0 15px}.hadith-landing-header h1{text-transform:uppercase;letter-spacing:.5px;color:var(--primary-color,#00838f);font-size:1.1rem;font-weight:500;line-height:1.6}.hadith-landing-arabic{margin:0 5px;font-family:Amiri,serif;font-size:1.3rem}.hadith-landing-search-container{width:100%;max-width:500px;margin:0 auto 40px}.hadith-landing-search-box{width:100%;margin-bottom:10px;position:relative}.hadith-landing-search-input{background-color:var(--surface-color,#f8f9fa);border:1px solid var(--border-color,#e0e0e0);width:100%;color:var(--text-color,#37474f);border-radius:4px;outline:none;padding:12px 40px 12px 15px;font-size:1rem;transition:border-color .3s}.hadith-landing-search-input::placeholder{color:var(--text-muted-color,#9ca3af)}.hadith-landing-search-input:focus{border-color:var(--primary-color,#00838f)}.hadith-landing-search-submit{color:var(--primary-color,#00838f);cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.hadith-landing-search-submit:focus-visible{outline:2px solid var(--primary-color,#00838f);outline-offset:2px}.hadith-landing-search-icon{pointer-events:none}.hadith-landing-search-tips{text-align:right;font-size:.75rem}.hadith-landing-search-tips a{color:var(--primary-color,#00838f);text-decoration:none}.hadith-landing-search-tips a:hover{text-decoration:underline}.hadith-collections-grid{grid-template-columns:1fr 1fr;gap:12px 40px;width:100%;max-width:1100px;padding:0 20px;display:grid}.hadith-collections-column{width:100%}.hadith-book-item{background-color:var(--surface-color,#ffffff08);border:none;border-bottom:1px solid var(--border-color,#ffffff0d);cursor:pointer;width:100%;color:inherit;text-align:left;justify-content:space-between;align-items:center;margin-bottom:0;padding:8px 12px;text-decoration:none;transition:background .2s;display:flex}.hadith-book-item:hover{background-color:var(--surface-hover-color,#ffffff14)}.hadith-book-title-en{color:var(--text-color,#8daab9);font-size:.9rem}.hadith-book-title-ar{color:var(--text-color,#8daab9);text-align:right;font-family:Amiri,serif;font-size:1.3rem}.hadith-landing-footer-note{color:var(--text-muted-color,#546e7a);text-align:center;margin-top:50px;margin-bottom:30px;font-size:.8rem}@media (max-width:768px){.hadith-collections-grid{grid-template-columns:1fr;gap:24px 0}.hadith-book-item{margin-bottom:0;padding:10px 14px}.hadith-landing-header h1{font-size:.9rem}}@media (max-width:480px){.hadith-collections-grid{grid-template-columns:1fr;gap:2px 0;padding:0 5px}.hadith-book-item{margin-bottom:0;padding:12px 16px}}.hadith-book-page{color:#dbe4eb;background-color:#151a21;min-height:100vh;padding:90px 0 40px}.hadith-book-page .container{max-width:1100px;margin:0 auto;padding:0 20px}.hadith-book-page a{color:inherit;text-decoration:none}.breadcrumbs{color:#6b7280;margin-bottom:20px;font-size:.85rem}.breadcrumbs span{margin:0 5px}.breadcrumbs a:hover{color:#1f2937}.collection-info{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:30px;padding:24px 28px;box-shadow:0 2px 5px #0000001a}.collection-heading{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex;position:relative}.collection-title-en{color:#1f2937;font-size:1.35rem;font-weight:600;position:absolute;top:50%;left:0;transform:translateY(-50%)}.collection-title-ar{color:#1f2937;text-align:center;width:100%;margin:0 auto;font-family:Amiri,serif;font-size:2rem}@media (max-width:768px){.collection-heading{text-align:center;flex-direction:column;margin-bottom:16px;position:static}.collection-title-en{text-align:center;margin-bottom:10px;font-size:1.2rem;position:static;transform:none}.collection-title-ar{width:100%;margin:0;font-size:1.6rem}}.collection-body{color:#4b5563;font-size:.95rem;line-height:1.6}.collection-description{margin-bottom:1.1rem}.collection-info-grid{color:#6b7280;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:1rem 0;font-size:.85rem;display:grid}.collection-info-grid .label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.info-link{text-align:right;font-size:.85rem}.info-link a{color:var(--color-search-tag-text)}.info-link a:hover{text-decoration:underline}.hadith-chapter-search{margin-bottom:20px}.hadith-chapter-search input{color:#1f2937;border:1px solid #e5e7eb;border-radius:4px;outline:none;width:100%;padding:10px 12px;font-size:.95rem}.chapter-list{flex-direction:column;display:flex}.chapter-row{border-bottom:1px solid var(--border-color,#ffffff1a);cursor:pointer;background-color:#0000;grid-template-columns:50px 1fr auto 140px;align-items:center;padding:8px 20px;transition:background-color .2s;display:grid}.chapter-row:hover{cursor:pointer;background-color:#f3f4f6}.col-num{color:#6b7280;width:40px;font-weight:300}.col-title-en{color:#1f2937;flex:1;padding-right:10px;font-size:.95rem;font-weight:400}.col-title-ar{text-align:right;color:#4b5563;flex:1;font-family:Amiri,serif;font-size:1.3rem}.col-range{text-align:right;color:#6b7280;white-space:nowrap;width:120px;font-size:.85rem}.range-nums{color:#1f2937;font-weight:500}.range-text{color:#6b7280;margin:0 5px;font-size:.8rem}@media (max-width:768px){.info-header{flex-direction:column;align-items:flex-start}.book-title-ar{align-self:flex-end}.chapter-row{grid-template-rows:auto;grid-template-columns:35px 1fr auto;row-gap:5px;padding:8px 15px}.col-title-ar{text-align:left;order:3;width:100%;margin-top:5px;padding-right:0}.col-range{display:none}}.chapter-list{background-color:#0000;border-radius:4px;overflow:hidden}.chapter-row:nth-child(odd){background-color:#fff}.chapter-row:nth-child(2n){background-color:#f5f5f5}.col-num{color:var(--primary-color,#3aa9f2);font-size:13px;font-weight:600}.col-title-en{color:var(--text-color,#fff);font-size:14px;text-decoration:none}.col-title-ar{color:var(--text-color,#fff);text-align:right;direction:rtl;margin-right:30px;font-family:Amiri,serif;font-size:22px;line-height:1}.col-range{text-align:right;color:var(--text-muted-color,#eee);font-size:13px}.range-nums{color:var(--text-muted-color,#eee)}.range-divider{color:#888;margin:0 5px;font-size:12px}.chapter-row:hover .col-title-en{text-decoration:underline}@media (max-width:768px){.chapter-row{grid-template-rows:auto;grid-template-columns:35px 1fr auto;row-gap:5px;padding:10px 15px}.col-title-ar{text-align:right;grid-column:3;margin-left:10px;margin-right:0;font-size:16px}.col-range{text-align:left;grid-column:1/-1;margin-top:5px;font-size:12px}}.hadith-collection-page{color:#1f2937;background-color:#f5f5f5;background-image:url(/images/bg_small.png);background-position:0 0;background-repeat:repeat;background-attachment:fixed;min-height:100vh;padding:0 0 40px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.hadith-collection-page .container{max-width:1400px;margin:0 auto;padding:20px}.hadith-collection-page .hadith-text-container{flex-direction:column;gap:1rem;display:flex}.hadith-collection-page .text-en{color:#374151;margin-bottom:.5rem;font-size:1rem;line-height:1.6}.hadith-collection-page .text-ar{text-align:right;color:#1f2937;direction:rtl;margin-bottom:.5rem;font-size:1.8rem;line-height:2.2}.hadith-collection-page .text-ur{text-align:right;color:#1f2937;direction:rtl;margin-bottom:.5rem;font-size:1.1rem;line-height:2}.hadith-collection-page .breadcrumbs{color:#6b7280;margin-bottom:20px;font-size:13px}.hadith-collection-page .breadcrumbs a{color:#3b82f6;text-decoration:none}.hadith-collection-page .breadcrumbs span{margin:0 5px}.hadith-collection-page .breadcrumbs a:hover{color:#1f2937}.hadith-collection-page{color:#1f2937;background-color:#f9fafb}.collection-info{background-color:#fff;border:1px solid #e5e7eb}.collection-heading{border-bottom-color:#e5e7eb}.collection-title-en,.collection-title-ar{color:#1f2937}.collection-body{color:#4b5563}.collection-info-grid .label{color:#6b7280}.collection-info-grid .value{color:#1f2937}.hadith-chapter-search input{color:#1f2937;background-color:#fff;border-color:#e5e7eb}.hadith-chapter-search input::placeholder{color:#9ca3af}.hadith-chapter-search input:focus{border-color:#3b82f6}.chapter-row:hover{background-color:#f9f9f9}.col-title-en{color:#1f2937}.col-title-ar{color:#4b5563}.col-range .range-nums{color:#6b7280}.hadith-view-page{color:#37474f;background-color:#f5f5f5;background-image:url(/images/bg_small.png);background-position:0 0;background-repeat:repeat;background-attachment:fixed;min-height:100vh;padding:0 0 40px}html[data-theme=light] .hadith-view-page{color:#37474f!important;background-color:#f5f5f5!important;background-image:url(/images/bg_small.png)!important;background-position:0 0!important;background-repeat:repeat!important;background-attachment:fixed!important}.hadith-view-page .container{justify-content:center;max-width:1100px;margin:0 auto;padding:0 20px 20px;display:flex}html[data-theme=light] .hadith-view-page .sunnah-card{background-color:#fff!important;box-shadow:0 4px 10px #0000001a!important}.hadith-view-page .chapter{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;padding:14px 25px;display:flex}.hadith-view-page .echapno,.hadith-view-page .englishchapter{color:#374151;margin-right:5px;font-size:16px;font-weight:400;display:inline-block}.hadith-view-page .achapno,.hadith-view-page .arabicchapter{color:#1f2937;margin-left:5px;font-family:Amiri,serif;font-size:20px;display:inline-block}.hadith-view-page .achapno{margin-left:auto}.hadith-view-page .sunnah-hadith-body{align-items:flex-start;padding:30px;display:flex}html[data-theme=light] .hadith-view-page .text-en{color:#374151!important}html[data-theme=light] .hadith-view-page .narrator-en{color:#3b82f6!important}html[data-theme=light] .hadith-view-page .text-ar{color:#1f2937!important}@media (max-width:800px){.hadith-view-page .sunnah-hadith-content{flex-direction:column-reverse;gap:20px}.hadith-view-page .text-ar{text-align:right}}.hadith-view-page .container{align-items:flex-start;max-width:1400px;margin:0 auto;padding:0 20px 20px;display:flex}.hadith-view-page .sidebar{flex-shrink:0;width:150px;padding-right:20px}.hadith-view-page .lang-box{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:10px}.hadith-view-page .lang-title{color:#1f2937;border-bottom:1px solid #e5e7eb;margin-bottom:8px;padding-bottom:5px;font-weight:700;display:block}.hadith-view-page .lang-option{cursor:pointer;color:#4b5563;align-items:center;margin-bottom:5px;font-size:13px;display:flex}.hadith-view-page .lang-option input{margin-right:8px}.hadith-view-page .main-content{flex-grow:1}.hadith-view-page .breadcrumbs{color:#6b7280;margin-bottom:20px;font-size:13px}.hadith-view-page .breadcrumbs span{margin:0 5px}.hadith-view-page .chapter-header{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:15px;display:flex}.hadith-view-page .chapter-title-en{color:#1f2937;font-size:16px;font-weight:700}.hadith-view-page .chapter-title-ar{color:#4b5563;direction:rtl;font-family:Traditional Arabic,Scheherazade New,serif;font-size:24px}.hadith-view-page .chapter-verse{color:#4b5563;background-color:#f3f4f6;border-left:2px solid #d1d5db;justify-content:space-between;gap:20px;margin-bottom:20px;padding:10px 15px;font-size:13px;display:flex}.hadith-view-page .verse-en{flex:1}.hadith-view-page .verse-ar{text-align:right;direction:rtl;flex:1;font-family:Traditional Arabic,serif;font-size:20px}.hadith-view-page .hadith-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:30px;position:relative}.hadith-view-page .star-icon{color:#6aaeb7;font-size:18px;position:absolute;top:15px}.hadith-view-page .star-left{left:10px}.hadith-view-page .star-right{right:10px}.hadith-view-page .hadith-body{padding:20px 35px}.hadith-view-page .narrator{color:#3b82f6;margin-bottom:15px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;display:block}.hadith-view-page .hadith-text-container{gap:20px;margin-bottom:20px;display:flex}.hadith-view-page .text-en{color:#1f2937;flex:1;font-family:Jameel Noori Nastaleeq,Merriweather,serif;font-size:28px;line-height:1.6}.section-point-text{text-align:right;color:#0f172a;direction:rtl;font-family:Noto Nastaliq Urdu,serif;font-size:1.05rem;line-height:2.1}.hadith-view-page .card-footer{color:#6b7280;background-color:#f9fafb;border-top:1px solid #e5e7eb;border-bottom-right-radius:4px;border-bottom-left-radius:4px;justify-content:space-between;align-items:flex-start;padding:10px 20px;font-size:12px;display:flex}.hadith-view-page .ref-group{flex-direction:column;gap:2px;display:flex}.hadith-view-page .ref-row{display:flex}.hadith-view-page .ref-label{color:#9ca3af;width:140px}.hadith-view-page .ref-val{color:#3b82f6}.hadith-view-page .ref-sub{color:#9ca3af;margin-top:4px;font-size:11px}.hadith-view-page .action-links{color:#9ca3af;cursor:pointer}.hadith-view-page .action-links span:hover{color:#1f2937;text-decoration:underline}.hadith-view-page .pagination{justify-content:center;align-items:center;gap:15px;margin-top:30px;padding:15px;display:flex}.hadith-view-page .pagination-btn{color:#1f2937;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:8px 16px;transition:all .2s}.hadith-view-page .pagination-btn:hover:not(:disabled){background-color:#f3f4f6}.hadith-view-page .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.hadith-view-page .pagination-info{color:#6b7280;font-size:14px}@media (max-width:768px){.hadith-view-page .container{flex-direction:column;padding:15px}.hadith-view-page .sidebar{width:100%;margin-bottom:15px;padding-right:0}.hadith-view-page .chapter-verse{flex-direction:column}.hadith-view-page .hadith-text-container{flex-direction:column-reverse}}.names-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 8px 25px #0f172a14}.names-card:hover{border-color:#10b98159;transform:translateY(-2px);box-shadow:0 18px 40px #0f172a29}.names-card:focus-within{outline:none;box-shadow:0 0 0 3px #10b98159,0 18px 40px #0f172a29}.names-card-glow{pointer-events:none;opacity:0;background:radial-gradient(circle at top,#10b9811a,#0000 55%);transition:opacity .2s;position:absolute;inset:0}.names-card:hover .names-card-glow{opacity:1}.names-card-badge{background:var(--color-success);opacity:.12;width:32px;height:32px;color:var(--color-success);border-radius:9999px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:16px;right:16px}.names-card-arabic{text-align:right;color:var(--color-text);margin-top:12px;font-size:1.85rem;line-height:1.25;position:relative}.names-card-urdu{color:var(--color-text-strong);margin-top:12px;font-size:.95rem;font-weight:700;line-height:1.6;position:relative}.names-card-en{flex-direction:column;gap:4px;margin-top:12px;font-size:.78rem;display:flex;position:relative}.names-card-meaning{color:var(--color-text-muted)}.names-card-translit{color:var(--color-success);letter-spacing:.08em;font-weight:700}.names-page{background:linear-gradient(to bottom,var(--color-background),var(--color-background),var(--color-surface))}.names-hero{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)45%,var(--color-success)100%);position:relative}.names-hero-inner{padding-top:52px;padding-bottom:52px}.names-hero-title{letter-spacing:-.02em;line-height:1.15}.names-hero-subtitle{color:var(--color-primary-contrast);opacity:.84;line-height:1.7}.names-container{padding-top:18px;padding-bottom:28px}.names-article{background:var(--color-surface);opacity:.82;box-shadow:var(--color-shadow-card-heavy);border:none!important}.names-section-header{border-bottom:1px solid var(--color-border);padding-bottom:14px}.names-section-header>p:first-child{color:var(--color-text);font-size:1.05rem;font-weight:800}.names-section-header>p:last-child{color:#475569;font-size:.95rem;line-height:1.7}.section-page{background:linear-gradient(#f8fafc,#f8fafc,#fff)}.section-hero{background:linear-gradient(135deg,#020617 0%,#062a36 45%,#064e3b 100%);position:relative}.section-hero-inner{padding-top:48px;padding-bottom:48px}.section-hero-subtitle{color:#ffffffd6;line-height:1.7}.section-container{padding-top:18px;padding-bottom:28px}.section-article{background:#ffffffd1;box-shadow:0 18px 45px #0f172a1a;border:none!important}.section-article-subtitle{color:#475569;line-height:1.75}.section-point-card{background:#fff;border:1px solid #e2e8f0f2;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.section-point-card:hover{border-color:#10b9814d;transform:translateY(-2px);box-shadow:0 18px 40px #0f172a24}.section-mobile-select{background:#ffffffd1;box-shadow:0 18px 45px #0f172a1a;border:none!important}.section-mobile-label{color:#334155}.section-mobile-dropdown{border-color:#94a3b8a6}.section-nav-button{transition:transform .18s,box-shadow .18s}.section-nav-button:hover{transform:translateY(-1px)}.section-nav-title{color:inherit;line-height:1.6}.section-nav-indicator{box-shadow:0 0 0 3px #10b98100}.section-article details{background:#f8fafccc;border:none}.seerat-highlight-point:before{content:"❖";color:var(--primary);font-size:1.3em;position:absolute;top:50%;right:0;transform:translateY(-50%)}.seerat-sub-section-container{background-color:var(--background-color);border-right:4px solid var(--primary-light);border-radius:10px;margin-top:2.5rem;padding:1.5rem}.seerat-sub-section-heading{color:var(--gray);margin-bottom:1rem;font-family:Mehr Nastaliq Web,Noto Nastaliq Urdu,serif;font-size:2rem;font-weight:600}.seerat-content-fade-in{animation:.6s ease-out forwards seeratFadeIn}@keyframes seeratFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.seerat-hero-title{font-size:2.6rem}.seerat-page{padding:1.5rem 1rem 2rem}.seerat-details-layout{flex-direction:column}.seerat-details-sidebar{display:none}}.seerat-library-section{z-index:10;direction:rtl;background:radial-gradient(circle at 100% 0,#0883950f,#0000 40%),#fff;border:1px solid #94a3b833;border-radius:16px;max-width:1080px;margin:-2.5rem auto 1rem;padding:1.35rem 1.1rem 1.75rem;position:relative;box-shadow:0 12px 28px #0f172a14}.seerat-library-section:after{content:"";pointer-events:none;border:1px solid #e2e8f0b3;border-radius:18px;position:absolute;inset:8px}.seerat-library-header{flex-direction:column;align-items:stretch;gap:.85rem;margin-bottom:1rem;display:flex}.seerat-library-header h2{color:var(--primary);margin:.15rem 0;font-family:Mehr Nastaliq Web,Noto Nastaliq Urdu,serif;font-size:1.8rem}.seerat-library-eyebrow{text-transform:uppercase;letter-spacing:.3em;color:var(--gray);font-size:.75rem;font-weight:600}.seerat-library-intro{max-width:520px;color:var(--gray);font-size:.85rem;line-height:1.6}.seerat-library-controls{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.seerat-library-search{position:relative}.seerat-library-search input{border:1px solid var(--light-gray);text-align:right;border-radius:999px;outline:none;width:200px;padding:.55rem 2rem .55rem .9rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.seerat-library-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin-top:.5rem;display:grid}.seerat-book-card{background:var(--surface-color,#fff);border:1px solid var(--border-color,#94a3b833);box-shadow:0 8px 16px var(--shadow-color,#0f172a14);border-radius:14px;flex-direction:column;min-height:360px;padding:.85rem;display:flex;position:relative;overflow:hidden}.seerat-book-cover{border-radius:16px;margin-bottom:1rem;position:relative;overflow:hidden}.seerat-book-cover img{object-fit:cover;border-radius:inherit;width:100%;height:240px}.seerat-book-language{color:#fff;background-color:#0f172ad9;border-radius:999px;padding:.3rem .7rem;font-size:.7rem;font-weight:600;position:absolute;top:12px;right:12px}.seerat-book-language.badge-arabic{background-color:#0a4d68f2}.seerat-book-body h3{color:var(--dark);margin:.3rem 0;font-family:Mehr Nastaliq Web,Noto Nastaliq Urdu,serif;font-size:1.15rem}.seerat-book-author{color:var(--primary);margin-bottom:.45rem;font-size:.78rem;font-weight:600}.seerat-book-description{color:var(--gray);margin-bottom:.55rem;font-size:.82rem;line-height:1.6}.seerat-book-meta{color:var(--gray);gap:.45rem;font-size:.75rem;display:flex}.seerat-book-actions{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.seerat-book-btn{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .75rem;font-weight:600;text-decoration:none;display:inline-flex}.seerat-book-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px #0f172a2e}.seerat-library-empty{text-align:center;border:2px dashed var(--light-gray);color:var(--gray);border-radius:12px;grid-column:1/-1;padding:1.75rem .75rem}.seerat-library-empty i{color:var(--primary-light);margin-bottom:1rem;font-size:2rem}@media (max-width:992px){.seerat-library-section{margin-top:-2rem}.seerat-library-controls,.seerat-library-search input,.seerat-library-filter{width:100%}}.topics-page{max-width:1200px;margin:0 auto 3rem}.topics-hero{text-align:center;margin-bottom:2.5rem}.topics-hero-kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--primary);font-size:.85rem}.topics-hero-title{color:var(--dark);margin-top:.5rem;font-size:2.4rem;font-weight:700}.topics-hero-subtitle{color:var(--gray);max-width:640px;margin-top:.75rem;margin-left:auto;margin-right:auto;font-size:.95rem}.topics-filters-card{background-color:var(--white);border:1px solid var(--light-gray);border-radius:1rem;margin-bottom:1.75rem;padding:1.5rem 1.75rem;box-shadow:0 6px 20px #0f172a14}.topics-filters-grid{grid-template-columns:1fr;gap:.9rem;display:grid}@media (min-width:768px){.topics-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.topics-filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.topics-filter-field{flex-direction:column;gap:.35rem;display:flex}.topics-filter-label{color:var(--gray);font-size:.85rem;font-weight:600}.topics-filter-select,.topics-filter-input{border:1px solid var(--light-gray);background-color:#ffffffe6;border-radius:.75rem;width:100%;padding:.55rem .9rem;font-size:.95rem}.topics-filter-select:focus,.topics-filter-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 1px #0d94884d}.topics-letter-filter{flex-wrap:wrap;gap:.4rem;display:flex}.topics-letter-button{border:1px solid var(--light-gray);background-color:var(--white);color:var(--gray);cursor:pointer;transition:var(--transition);border-radius:9999px;padding:.4rem .9rem;font-size:.8rem;font-weight:600}.topics-letter-button:hover{border-color:var(--primary);color:var(--primary)}.topics-letter-button--active{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-color:#0000;box-shadow:0 4px 10px #0f172a40}.topics-search-form{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}@media (min-width:640px){.topics-search-form{flex-direction:row;align-items:center}}.topics-search-input{border:1px solid var(--light-gray);background-color:#ffffffe6;border-radius:.75rem;flex:1;padding:.55rem 1rem;font-size:.95rem}.topics-search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 1px #0d94884d}.topics-search-button{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:.75rem;padding:.55rem 1.5rem;font-size:.95rem;font-weight:600}.topics-search-button:hover{filter:brightness(1.05)}.topics-summary-bar{color:var(--gray);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.35rem;margin-bottom:1rem;font-size:.9rem;display:flex}@media (min-width:640px){.topics-summary-bar{flex-direction:row;align-items:center}}.topics-summary-text{margin:0}.topics-summary-meta{opacity:.85}.topics-summary-highlight{color:var(--primary);font-weight:600}.topics-error{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.topics-list{flex-direction:column;gap:1rem;display:flex}.topics-loading{color:var(--gray);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 0;display:flex}.topics-empty{border:1px dashed var(--light-gray);text-align:center;color:var(--gray);border-radius:1rem;padding:1.75rem 1.5rem;font-size:.95rem}.topics-topic-card{border:1px solid var(--light-gray);transition:var(--transition);background-color:#fffffff2;border-radius:1rem;padding:1.5rem 1.5rem 1.25rem;box-shadow:0 6px 20px #0f172a0f}.topics-topic-card:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:0 16px 30px #0f172a26}.topics-topic-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.topics-topic-kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--primary);margin-bottom:.25rem;font-size:.7rem}.topics-topic-title{color:var(--dark);font-size:1.4rem;font-weight:700}.topics-topic-subtitle{color:var(--gray);margin-top:.1rem;font-size:.9rem}.topics-topic-badge{color:var(--primary);background-color:#0d948814;border-radius:9999px;align-items:center;padding:.35rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.topics-topic-section{color:var(--gray);margin-top:.6rem;font-size:.85rem}.topics-topic-arabic{margin-top:1rem;font-size:1.4rem;line-height:2}.topics-topic-urdu{margin-top:.75rem;font-size:1rem}.topics-topic-translations{gap:.5rem;margin-top:1rem;display:grid}@media (min-width:640px){.topics-topic-translations{grid-template-columns:repeat(2,minmax(0,1fr))}}.topics-topic-trans-item{background-color:#f8fafc;border-radius:.75rem;padding:.75rem .9rem;font-size:.85rem}.topics-topic-trans-label{text-transform:uppercase;letter-spacing:.14em;color:var(--gray);margin-bottom:.15rem;font-size:.7rem}.topics-topic-trans-text{color:var(--dark)}.topics-topic-meta{color:var(--gray);flex-direction:column;gap:.1rem;margin-top:.9rem;font-size:.8rem;display:flex}.topics-pagination{justify-content:space-between;align-items:center;margin-top:2.5rem;display:flex}.topics-pagination-btn{cursor:pointer;transition:var(--transition);border-radius:.75rem;padding:.55rem 1.5rem;font-size:.9rem;font-weight:600}.topics-pagination-btn--prev{border:1px solid var(--light-gray);background-color:var(--white);color:var(--gray)}.topics-pagination-btn--next{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none}.topics-pagination-btn:disabled{opacity:.45;cursor:default}.quiz-page{max-width:1100px;margin:0 auto 3rem}.quiz-hero{text-align:center;margin-bottom:2.5rem}.quiz-hero-kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--primary);font-size:.85rem}.quiz-hero-title{color:var(--dark);margin-top:.5rem;font-size:2.4rem;font-weight:700}.quiz-hero-subtitle{color:var(--gray);max-width:560px;margin-top:.75rem;margin-left:auto;margin-right:auto;font-size:.95rem}.quiz-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.quiz-card{border:1px solid var(--light-gray);transition:var(--transition);background-color:#fffffffa;border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.5rem 1.5rem 1.25rem;display:flex;box-shadow:0 8px 24px #0f172a14}.quiz-card:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:0 18px 35px #0f172a2e}.quiz-card-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.quiz-card-badge{color:var(--primary);text-transform:uppercase;letter-spacing:.12em;background-color:#0d948814;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.quiz-card-status{color:var(--gray);font-size:.8rem}.quiz-card-title{color:var(--dark);font-size:1.4rem;font-weight:700}.quiz-card-description{color:var(--gray);font-size:.95rem}.quiz-card-meta{color:var(--gray);flex-direction:column;gap:.15rem;font-size:.85rem;display:flex}.quiz-card-button{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;cursor:not-allowed;opacity:.7;border:none;border-radius:9999px;align-self:flex-start;margin-top:.75rem;padding:.45rem 1.4rem;font-size:.9rem;font-weight:600}.books-page{max-width:1100px;margin:0 auto 3rem}.books-hero{text-align:center;margin-bottom:2.5rem}.books-hero-kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--primary);font-size:.85rem}.books-hero-title{color:var(--dark);margin-top:.5rem;font-size:2.4rem;font-weight:700}.books-hero-subtitle{color:var(--gray);max-width:600px;margin-top:.75rem;margin-left:auto;margin-right:auto;font-size:.95rem}.books-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.books-card{border:1px solid var(--light-gray);transition:var(--transition);background-color:#fffffffa;border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.5rem 1.5rem 1.25rem;display:flex;box-shadow:0 8px 24px #0f172a14}.books-card:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:0 18px 35px #0f172a2e}.books-card-header{justify-content:space-between;align-items:center;display:flex}.books-card-badge{color:var(--primary);text-transform:uppercase;letter-spacing:.12em;background-color:#0d948814;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.books-card-title{color:var(--dark);font-size:1.3rem;font-weight:700}.books-card-description{color:var(--gray);font-size:.95rem}.books-card-meta{color:var(--gray);flex-direction:column;gap:.15rem;font-size:.85rem;display:flex}.quran-viewer-page .surah-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:1rem;margin:2rem 0;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.quran-viewer-page .surah-header-reading{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:.75rem;margin:1.5rem 0;padding:1.5rem;box-shadow:0 2px 4px -1px #0000001a}.quran-viewer-page .surah-header h3{color:var(--primary);margin:0;font-weight:700}.quran-viewer-page .surah-header .quran-arabic-text{color:var(--primary);font-weight:600}.quran-viewer-page .surah-separator-reading{margin:2rem 0}.quran-viewer-page .surah-separator-reading>div{background:linear-gradient(90deg,#0000,#cbd5e1,#0000);height:2px}.quran-viewer-page .surah-header .bg-slate-100{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--color-primary-contrast);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.5rem 1rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #0000001a}.app-section-zakat .zakatNew-shell{color:#0f172a;background:#f8fafc;min-height:100vh}.app-section-zakat .zakatNew-hero{background:#0f172a;padding:64px 0;position:relative;overflow:hidden}@media (min-width:1024px){.app-section-zakat .zakatNew-hero{padding:96px 0}}.app-section-zakat .zakatNew-hero__bg{background:linear-gradient(135deg,#0f172a,#064e3b8c,#0f172a);position:absolute;inset:0}.app-section-zakat .zakatNew-hero__blob{filter:blur(90px);pointer-events:none;border-radius:9999px;position:absolute}.app-section-zakat .zakatNew-hero__blob--a{background:#10b9811f;width:420px;height:420px;top:0;right:0;transform:translate(30%,-45%)}.app-section-zakat .zakatNew-hero__blob--b{background:#22d3ee1f;width:340px;height:340px;bottom:0;left:0;transform:translate(-30%,45%)}.app-section-zakat .zakatNew-hero__inner{z-index:1;text-align:right;max-width:1280px;margin:0 auto;padding:0 16px;position:relative}.app-section-zakat .zakatNew-hero__kicker{color:#a7f3d0;letter-spacing:.12em;text-transform:uppercase;background:#10b98133;border:1px solid #10b98159;border-radius:9999px;margin-bottom:18px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-block}.app-section-zakat .zakatNew-hero__title{color:#fff;margin:0 0 16px;font-size:56px;font-weight:900;line-height:1.7}@media (max-width:768px){.app-section-zakat .zakatNew-hero__title{font-size:40px}}.app-section-zakat .zakatNew-hero__subtitle{color:#cbd5e1;max-width:760px;margin:0 0 0 auto;font-size:20px;line-height:2.2}.app-section-zakat .zakatNew-container{max-width:1280px;margin:0 auto;padding:40px 16px 64px}@media (min-width:640px){.app-section-zakat .zakatNew-container{padding-left:24px;padding-right:24px}}@media (min-width:1024px){.app-section-zakat .zakatNew-container{padding:48px 32px 80px}}.app-section-zakat .zakatNew-grid{flex-direction:column;gap:32px;display:flex}@media (min-width:1024px){.app-section-zakat .zakatNew-grid{flex-direction:row-reverse;align-items:flex-start}}.app-section-zakat .zakatNew-aside{width:100%}@media (min-width:1024px){.app-section-zakat .zakatNew-aside{flex:none;width:320px}}.app-section-zakat .zakatNew-main{flex:1;min-width:0}.app-section-zakat .zakatNew-mobile{margin-bottom:18px;display:block}@media (min-width:1024px){.app-section-zakat .zakatNew-mobile{display:none}}.app-section-zakat .zakatNew-mobile__select{text-align:right;background:#fff;border:1px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:18px}.app-section-zakat .zakatNew-mobile__select:focus{border-color:#10b981}.app-section-zakat .zakatNew-sidebar{display:none}@media (min-width:1024px){.app-section-zakat .zakatNew-sidebar{background:#fff;border:1px solid #f1f5f9;border-radius:18px;padding:10px;display:block;position:sticky;top:96px;box-shadow:0 10px 30px #0f172a0f}}.app-section-zakat .zakatNew-sidebar__title{letter-spacing:.12em;color:#64748b;text-align:right;margin:0;padding:10px 12px 12px;font-size:12px;font-weight:900}.app-section-zakat .zakatNew-sidebar__nav{flex-direction:column;gap:6px;display:flex}.app-section-zakat .zakatNew-navBtn{cursor:pointer;text-align:right;color:#475569;background:0 0;border:none;border-radius:14px;justify-content:flex-end;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:background .18s,color .18s;display:flex}.app-section-zakat .zakatNew-navBtn:hover{background:#f1f5f9}.app-section-zakat .zakatNew-navBtn.is-active{color:#047857;background:#ecfdf5}.app-section-zakat .zakatNew-navBtn__dot{background:#94a3b8;border-radius:9999px;flex:none;width:10px;height:10px}.app-section-zakat .zakatNew-navBtn__dot.is-active{background:#10b981}.app-section-zakat .zakatNew-navBtn__text{font-size:16px;font-weight:900;line-height:2}.app-section-zakat .zakatNew-article{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #0f172a0f}.app-section-zakat .zakatNew-article__head{background:#f8fafc99;border-bottom:1px solid #f1f5f9;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.app-section-zakat .zakatNew-article__title{color:#0f172a;text-align:right;margin:0;font-size:34px;font-weight:900;line-height:2}.app-section-zakat .zakatNew-article__badge{color:#fff;background:#059669;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:900;display:flex;box-shadow:0 12px 22px #10b98138}.app-section-zakat .zakatNew-article__body{padding:22px}.app-section-zakat .zakatNew-article__lead{color:#334155;text-align:right;margin:0 0 18px;font-size:22px;font-weight:800;line-height:2.2}.app-section-zakat .zakatNew-points{gap:16px;margin:0;padding:0;list-style:none;display:grid}.app-section-zakat .zakatNew-point{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:row-reverse;align-items:flex-start;gap:14px;padding:18px;transition:border-color .18s,box-shadow .18s;display:flex}.app-section-zakat .zakatNew-point:hover{border-color:#a7f3d0;box-shadow:0 10px 20px #0f172a0f}.app-section-zakat .zakatNew-point__num{color:#059669;background:#ecfdf5;border:1px solid #10b98133;border-radius:9999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:flex}.app-section-zakat .zakatNew-point__body{text-align:right;flex:1;min-width:0}.app-section-zakat .zakatNew-point__text{color:#475569;margin:0;font-size:20px;line-height:2.2}.app-section-zakat .zakatNew-point__ref{color:#64748b;text-align:left;direction:ltr;margin-top:10px;font-size:12px}.app-section-zakat .zakatNew-loading{justify-content:center;align-items:center;min-height:420px;display:flex}.app-section-zakat .zakatNew-loading__spinner{border:4px solid #10b9812e;border-top-color:#10b981;border-radius:9999px;width:44px;height:44px;animation:.9s linear infinite section-spin}.app-section-zakat .zakatNew-error{color:#047857;background:#ecfdf5;border:1px solid #10b98138;border-radius:14px;padding:14px 16px}.app-section-zakat .zakatNew-status{color:#64748b;font-size:14px}.app-section-zakat .zakatNew-status--error{color:#047857}.app-section-hajj .hajj-shell{background:var(--light-gray);min-height:100vh;color:var(--dark)}@media (min-width:640px){.app-section-hajj .hajj-container{padding-left:24px;padding-right:24px}}.app-section-hajj .hajj-hero{background:var(--light-gray);min-height:100vh;color:var(--dark)}.app-section-hajj .hajj-container{max-width:1280px;margin:0 auto;padding:32px 16px 80px}@media (min-width:640px){.app-section-hajj .hajj-container{padding-left:24px;padding-right:24px}}.app-section-hajj .hajj-hero{text-align:center;background:#fff;border-bottom:1px solid #e6eef2;border-radius:12px;margin-bottom:40px;padding:60px 20px;position:relative;overflow:hidden}.app-section-hajj .hajj-hero__bgText{display:none}.app-section-hajj .hajj-hero__kicker{z-index:1;color:var(--primary);letter-spacing:1px;text-transform:uppercase;background:#e0f2f1;border-radius:50px;margin:0 0 10px;padding:6px 18px;font-weight:700;display:inline-block;position:relative}.app-section-hajj .hajj-hero__title{z-index:1;color:var(--dark);margin:0 0 14px;font-size:28px;font-weight:700;line-height:1.3;position:relative}@media (min-width:768px){.app-section-hajj .hajj-hero__title{font-size:36px}}.app-section-hajj .hajj-hero__rule{z-index:1;background:linear-gradient(90deg,transparent,var(--primary),transparent);width:120px;height:3px;margin:0 auto;position:relative}.app-section-hajj .hajj-grid{flex-direction:column;gap:22px;display:flex}@media (min-width:1024px){.app-section-hajj .hajj-grid{flex-direction:row-reverse;align-items:flex-start;gap:32px}}.app-section-hajj .hajj-aside{flex:none;width:100%}@media (min-width:1024px){.app-section-hajj .hajj-aside{width:288px;position:sticky;top:96px}}.app-section-hajj .hajj-sidebar{background:#0f172af2;border:1px solid #ffffff1a;border-radius:18px;padding:10px;overflow:hidden}.app-section-hajj .hajj-sidebar__title{text-align:center;color:#fbbf24;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid #ffffff0f;margin:0;padding:10px 10px 12px;font-size:12px;font-weight:900}.app-section-hajj .hajj-sidebar__nav{flex-direction:column;gap:6px;padding:10px 4px 6px;display:flex}.app-section-hajj .hajj-navBtn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px;transition:background .18s,color .18s;display:flex}.app-section-hajj .hajj-navBtn:hover{color:#e2e8f0;background:#ffffff0a}.app-section-hajj .hajj-navBtn.is-active{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b33}.app-section-hajj .hajj-navBtn__text{text-align:right;margin-left:auto;font-size:16px;font-weight:800;line-height:2.2}.app-section-hajj .hajj-navBtn__dot{background:#f59e0b;border-radius:9999px;flex:none;width:8px;height:8px;box-shadow:0 0 6px #f59e0bd9}.app-section-hajj .hajj-main{flex:1;min-width:0}.app-section-hajj .hajj-articleFrame{position:relative}.app-section-hajj .hajj-frame{pointer-events:none;position:absolute;inset:0}.app-section-hajj .hajj-frame__ring{border:1px solid #f59e0b33;border-radius:18px;position:absolute;inset:0}.app-section-hajj .hajj-frame__corner{width:62px;height:62px;position:absolute}.app-section-hajj .hajj-frame__corner--tl{border-top:2px solid #d97706;border-left:2px solid #d97706;border-top-left-radius:18px;top:0;left:0}.app-section-hajj .hajj-frame__corner--br{border-bottom:2px solid #d97706;border-right:2px solid #d97706;border-bottom-right-radius:18px;bottom:0;right:0}.app-section-hajj .hajj-article{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a8c;border:1px solid #ffffff0f;border-radius:18px;padding:22px;position:relative}@media (min-width:768px){.app-section-hajj .hajj-article{padding:40px}}.app-section-hajj .hajj-articleHead{border-bottom:1px solid #ffffff0f;justify-content:flex-end;align-items:center;gap:16px;margin-bottom:26px;padding-bottom:18px;display:flex}.app-section-hajj .hajj-articleHead__title{color:#fff;text-align:right;margin:0;font-size:34px;font-weight:900;line-height:2}.app-section-hajj .hajj-articleHead__icon{color:#f59e0b38;font-size:34px}.app-section-hajj .hajj-intro{color:#fef3c7;text-align:right;margin:0 0 28px;font-size:22px;font-weight:800;line-height:2.4}.app-section-hajj .hajj-cards{gap:18px;display:grid}.app-section-hajj .hajj-card{background:#1e293bbf;border:1px solid #ffffff0f;border-radius:18px;padding:18px;transition:border-color .18s,background .18s;position:relative}.app-section-hajj .hajj-card:hover{background:#1e293bd9;border-color:#f59e0b47}.app-section-hajj .hajj-badge{color:#fff;background:#d97706;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:900;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 14px 28px #78350f66}.app-section-hajj .hajj-card__text{color:#cbd5e1;text-align:right;margin:0;font-size:20px;line-height:2.6}.app-section-hajj .hajj-card--poetry{background:#020617b3;border-color:#f59e0b33}.app-section-hajj .hajj-poetry{text-align:center;padding:14px 10px}.app-section-hajj .hajj-poetry__line{color:#fbbf24;margin:0;font-size:22px;font-weight:900;line-height:2.4}.app-section-hajj .hajj-foot{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:14px;margin-top:30px;padding-top:18px;display:flex}.app-section-hajj .hajj-footBtn{color:#64748b;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:10px;font-size:12px;font-weight:900;transition:color .18s,background .18s;display:inline-flex}.app-section-hajj .hajj-footBtn:hover{color:#f59e0b}.app-section-hajj .hajj-footBtn:disabled{cursor:not-allowed;opacity:.55}.app-section-hajj .hajj-footBtn--next{color:#fff;background:#d97706;border-radius:10px;padding:10px 16px;box-shadow:0 12px 24px #d977062e}.app-section-hajj .hajj-footBtn--next:hover{color:#fff;background:#f59e0b}.app-section-hajj .hajj-loading{justify-content:center;align-items:center;min-height:420px;display:flex}.app-section-hajj .hajj-loading__spinner{border:4px solid #f59e0b29;border-top-color:#f59e0b;border-radius:9999px;width:44px;height:44px;animation:.9s linear infinite section-spin}.app-section-hajj .hajj-error{color:#fcd34d;background:#78350f33;border:1px solid #f59e0b38;border-radius:14px;padding:14px 16px}.app-section-hajj .hajj-status{color:#94a3b8;font-size:14px}.app-section-hajj .hajj-status--error{color:#fcd34d}.app-section-tayammum .tayammum-shell{color:#0f172a;background:#f9f7f2;min-height:100vh}.app-section-tayammum .tayammum-hero{color:#fff;background:#064e3b;padding:76px 0;position:relative;overflow:hidden}@media (min-width:1024px){.app-section-tayammum .tayammum-hero{padding:104px 0}}.app-section-tayammum .tayammum-hero__bg{background:linear-gradient(135deg,#0f172aeb,#064e3beb,#8c7e63d1);position:absolute;inset:0}.app-section-tayammum .tayammum-hero__blob{filter:blur(70px);pointer-events:none;border-radius:9999px;position:absolute}.app-section-tayammum .tayammum-hero__blob--a{background:#10b98124;width:420px;height:420px;top:0;right:0;transform:translate(30%,-40%)}.app-section-tayammum .tayammum-hero__blob--b{background:#e6dfd11f;width:360px;height:360px;bottom:0;left:0;transform:translate(-30%,40%)}.app-section-tayammum .tayammum-hero__inner{z-index:1;text-align:right;max-width:1280px;margin:0 auto;padding:0 16px;position:relative}.app-section-tayammum .tayammum-hero__pill{letter-spacing:.18em;text-transform:uppercase;color:#a7f3d0;background:#10b9811f;border:1px solid #34d3994d;border-radius:9999px;margin-bottom:18px;padding:8px 16px;font-size:12px;font-weight:900;display:inline-block}.app-section-tayammum .tayammum-hero__title{margin:0 0 16px;font-size:44px;font-weight:900;line-height:2}@media (min-width:1024px){.app-section-tayammum .tayammum-hero__title{font-size:64px}}.app-section-tayammum .tayammum-hero__subtitle{color:#ecfdf5eb;max-width:720px;margin:0 0 0 auto;font-size:18px;line-height:2.4}.app-section-tayammum .tayammum-container{max-width:1280px;margin:0 auto;padding:40px 16px 80px}@media (min-width:640px){.app-section-tayammum .tayammum-container{padding-left:24px;padding-right:24px}}.app-section-tayammum .tayammum-grid{flex-direction:column;gap:22px;display:flex}@media (min-width:1024px){.app-section-tayammum .tayammum-grid{flex-direction:row-reverse;align-items:flex-start;gap:32px}}.app-section-tayammum .tayammum-aside{flex:none;width:100%}@media (min-width:1024px){.app-section-tayammum .tayammum-aside{width:320px}}.app-section-tayammum .tayammum-mobile{margin-bottom:16px;display:block}@media (min-width:1024px){.app-section-tayammum .tayammum-mobile{display:none}}.app-section-tayammum .tayammum-mobile__select{text-align:right;background:#fff;border:1px solid #e2e8f0;border-radius:16px;outline:none;width:100%;padding:14px 16px;font-size:18px;box-shadow:0 10px 24px #0f172a0f}.app-section-tayammum .tayammum-mobile__select:focus{border-color:#10b981}.app-section-tayammum .tayammum-sidebar{display:none}@media (min-width:1024px){.app-section-tayammum .tayammum-sidebar{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:16px;display:block;position:sticky;top:96px;box-shadow:0 18px 40px #0f172a14}}.app-section-tayammum .tayammum-sidebar__head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding-bottom:10px;display:flex}.app-section-tayammum .tayammum-sidebar__k{color:#94a3b8;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:900}.app-section-tayammum .tayammum-sidebar__t{color:#0f172a;text-align:right;margin:0;font-size:18px;font-weight:900}.app-section-tayammum .tayammum-sidebar__nav{flex-direction:column;gap:8px;display:flex}.app-section-tayammum .tayammum-navBtn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:background .18s,color .18s,box-shadow .18s;display:flex}.app-section-tayammum .tayammum-navBtn:hover{color:#0f172a;background:#f8fafc}.app-section-tayammum .tayammum-navBtn.is-active{color:#065f46;background:#ecfdf5;outline:1px solid #10b98138;box-shadow:0 10px 18px #10b9811a}.app-section-tayammum .tayammum-navBtn__text{text-align:right;margin-left:auto;font-size:16px;font-weight:900;line-height:2.2}.app-section-tayammum .tayammum-navBtn i{color:#10b981;font-size:16px}.app-section-tayammum .tayammum-navBtn__dot{background:#e2e8f0;border-radius:9999px;width:10px;height:10px;transition:background .18s}.app-section-tayammum .tayammum-navBtn:hover .tayammum-navBtn__dot{background:#10b9818c}.app-section-tayammum .tayammum-main{flex:1;min-width:0}.app-section-tayammum .tayammum-article{background:#fff;border:1px solid #f1f5f9;border-radius:24px;overflow:hidden;box-shadow:0 20px 45px #0f172a1a}.app-section-tayammum .tayammum-article__head{background:linear-gradient(90deg,#f9f7f2,#fff);border-bottom:1px solid #f1f5f9;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.app-section-tayammum .tayammum-article__title{color:#0f172a;text-align:right;margin:0;font-size:30px;font-weight:900;line-height:2}.app-section-tayammum .tayammum-article__badge{color:#047857;letter-spacing:.12em;text-transform:uppercase;background:#d1fae5;border-radius:12px;flex:none;padding:8px 12px;font-size:12px;font-weight:900}.app-section-tayammum .tayammum-article__body{padding:22px}@media (min-width:768px){.app-section-tayammum .tayammum-article__body{padding:32px}}.app-section-tayammum .tayammum-lead{color:#64748b;border-bottom:1px solid #f1f5f9;margin:0 0 22px;padding-bottom:12px;font-size:18px;font-weight:800;display:inline-block}.app-section-tayammum .tayammum-steps{gap:18px;display:grid}.app-section-tayammum .tayammum-step{flex-direction:row-reverse;align-items:flex-start;gap:16px;display:flex}.app-section-tayammum .tayammum-step__num{color:#fff;background:#8c7e63;border-radius:9999px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;margin-top:6px;font-weight:900;display:flex;box-shadow:0 12px 22px #8c7e6338}.app-section-tayammum .tayammum-step__card{background:#f8fafc99;border:1px solid #f1f5f9;border-radius:20px;flex:1;padding:18px;transition:border-color .18s}.app-section-tayammum .tayammum-step__card:hover{border-color:#a7f3d0}.app-section-tayammum .tayammum-step__text{color:#334155;margin:0;font-size:18px;line-height:2.4}.app-section-tayammum .tayammum-note{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;display:inline-flex}.app-section-tayammum .tayammum-note i{font-size:16px}.app-section-tayammum .tayammum-foot{justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.app-section-tayammum .tayammum-footBtn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:800;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.app-section-tayammum .tayammum-footBtn:hover{color:#334155;background:#f8fafc}.app-section-tayammum .tayammum-footBtn:disabled{cursor:not-allowed;opacity:.6}.app-section-tayammum .tayammum-footBtn--next{color:#fff;background:#059669;border-color:#059669}.app-section-tayammum .tayammum-footBtn--next:hover{color:#fff;background:#047857;border-color:#047857}.app-section-tayammum .tayammum-loading{justify-content:center;align-items:center;min-height:420px;display:flex}.app-section-tayammum .tayammum-loading__spinner{border:4px solid #10b98133;border-top-color:#10b981;border-radius:9999px;width:44px;height:44px;animation:.9s linear infinite section-spin}.app-section-tayammum .tayammum-error{color:#047857;background:#ecfdf5;border:1px solid #10b98138;border-radius:14px;padding:14px 16px}.app-section-tayammum .tayammum-status{color:#64748b;font-size:14px}.app-section-tayammum .tayammum-status--error{color:#047857}.app-section-tarmeen .tarmeen-shell{color:#0f172a;background:linear-gradient(#f8fafc,#f8fafc,#fff);min-height:100vh}.app-section-tarmeen .tarmeen-hero{color:#fff;background:#020617;padding:56px 0;position:relative;overflow:hidden}.app-section-tarmeen .tarmeen-hero__bg{opacity:.22;background:radial-gradient(circle at top,#fff3,#0000 55%);position:absolute;inset:0}.app-section-tarmeen .tarmeen-hero__inner{max-width:1152px;margin:0 auto;padding:0 16px;position:relative}.app-section-tarmeen .tarmeen-hero__title{letter-spacing:-.02em;margin:0;font-size:40px;font-weight:900}@media (min-width:640px){.app-section-tarmeen .tarmeen-hero__title{font-size:48px}}.app-section-tarmeen .tarmeen-hero__subtitle{color:#fffc;max-width:780px;margin-top:14px;font-size:16px;line-height:1.9}.app-section-tarmeen .tarmeen-container{max-width:1152px;margin:0 auto;padding:24px 16px 72px}@media (min-width:640px){.app-section-tarmeen .tarmeen-container{padding-left:24px;padding-right:24px}}@media (min-width:1024px){.app-section-tarmeen .tarmeen-container{padding-left:32px;padding-right:32px}}.app-section-tarmeen .tarmeen-mobile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #e2e8f0;border-radius:18px;padding:16px;display:block;box-shadow:0 10px 20px #0f172a0f}@media (min-width:1024px){.app-section-tarmeen .tarmeen-mobile{display:none}}.app-section-tarmeen .tarmeen-mobile__label{letter-spacing:.14em;text-transform:uppercase;color:#475569;margin:0;font-size:11px;font-weight:800}.app-section-tarmeen .tarmeen-mobile__select{background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;margin-top:10px;padding:12px 14px;font-size:14px}.app-section-tarmeen .tarmeen-mobile__select:focus{border-color:#10b98173;box-shadow:0 0 0 4px #10b98126}.app-section-tarmeen .tarmeen-grid{flex-direction:column;gap:24px;margin-top:24px;display:flex}.app-section-tarmeen .tarmeen-grid--single{margin-top:0}@media (min-width:1024px){.app-section-tarmeen .tarmeen-grid{flex-direction:row;align-items:flex-start;gap:24px}}.app-section-tarmeen .tarmeen-aside{width:100%}@media (min-width:1024px){.app-section-tarmeen .tarmeen-aside{flex:none;width:320px;position:sticky;top:96px}}.app-section-tarmeen .tarmeen-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #e2e8f0;border-radius:18px;padding:16px;box-shadow:0 10px 20px #0f172a0f}.app-section-tarmeen .tarmeen-sidebar__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.app-section-tarmeen .tarmeen-sidebar__title{color:#0f172a;margin:0;font-size:16px;font-weight:900}.app-section-tarmeen .tarmeen-sidebar__count{color:#64748b;font-size:12px;font-weight:800}.app-section-tarmeen .tarmeen-nav{flex-direction:column;gap:6px;display:flex}.app-section-tarmeen .tarmeen-navBtn{cursor:pointer;text-align:left;color:#334155;background:0 0;border:none;border-radius:14px;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;transition:background .18s,box-shadow .18s;display:flex}.app-section-tarmeen .tarmeen-navBtn:hover{background:#ecfdf58c;box-shadow:0 8px 16px #0f172a0d}.app-section-tarmeen .tarmeen-navBtn.is-active{background:#ecfdf5b3;box-shadow:0 10px 18px #10b98114}.app-section-tarmeen .tarmeen-navBtn__dot{background:#cbd5e1;border-radius:9999px;flex:none;width:10px;height:10px;margin-top:6px}.app-section-tarmeen .tarmeen-navBtn__dot.is-active{background:#10b981}.app-section-tarmeen .tarmeen-navBtn__text{text-align:right;font-size:14px;line-height:1.7}.app-section-tarmeen .tarmeen-main{flex:1;min-width:0}.app-section-tarmeen .tarmeen-loading{justify-content:center;align-items:center;min-height:220px;display:flex}.app-section-tarmeen .tarmeen-loading__spinner{border:4px solid #10b9814d;border-top-color:#10b981;border-radius:9999px;width:40px;height:40px;animation:.9s linear infinite section-spin}.app-section-tarmeen .tarmeen-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:18px;padding:16px}.app-section-tarmeen .tarmeen-status{color:#64748b;font-size:14px}.app-section-tarmeen .tarmeen-status--error{color:#b91c1c}.app-section-tarmeen .tarmeen-article{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #e2e8f0;border-radius:18px;padding:20px;box-shadow:0 10px 20px #0f172a0f}@media (min-width:640px){.app-section-tarmeen .tarmeen-article{padding:28px}}.app-section-tarmeen .tarmeen-article__head{border-bottom:1px solid #f1f5f9;padding-bottom:14px}.app-section-tarmeen .tarmeen-article__kicker{letter-spacing:.16em;text-transform:uppercase;color:#059669;margin:0;font-size:12px;font-weight:900}.app-section-tarmeen .tarmeen-article__title{color:#020617;text-align:right;margin:10px 0 0;font-size:28px;font-weight:900;line-height:1.8}.app-section-tarmeen .tarmeen-article__subtitle{color:#475569;text-align:right;margin:10px 0 0;font-size:14px;line-height:2}.app-section-tarmeen .tarmeen-points{gap:14px;margin-top:18px;display:grid}.app-section-tarmeen .tarmeen-point{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;box-shadow:0 8px 18px #0f172a0d}.app-section-tarmeen .tarmeen-point__top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.app-section-tarmeen .tarmeen-point__body{flex:1;min-width:0}.app-section-tarmeen .tarmeen-point__num{color:#059669;background:#ecfdf5;border-radius:9999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:flex}.bot-container{bottom:30px;right:30px;z-index:99999!important;position:fixed!important}.bot-trigger{background:linear-gradient(135deg,var(--primary),var(--primary-light));width:60px;height:60px;color:var(--color-primary-contrast);cursor:pointer;z-index:99999;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 10px 25px #0a4d684d}.bot-trigger:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 15px 35px #0a4d6866}.bot-trigger.is-active{background:#ef4444;transform:rotate(90deg)}.bot-trigger-ping{background:var(--primary-light);opacity:.6;z-index:-1;border-radius:50%;width:100%;height:100%;animation:2s infinite bot-ping;position:absolute;top:0;left:0}@keyframes bot-ping{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.bot-window{background:var(--surface-color,#fff);opacity:0;visibility:hidden;transform-origin:100% 100%;z-index:10000;border-radius:28px;flex-direction:column;width:380px;height:600px;transition:all .4s cubic-bezier(.175,.885,.32,1.15);display:flex;position:absolute;bottom:80px;right:0;overflow:hidden;transform:translateY(20px)scale(.95);box-shadow:0 20px 50px #00000026,0 0 0 1px #0000000d}.bot-window.is-open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.bot-header{background:linear-gradient(135deg,var(--primary-color,#0a4d68),var(--primary-light,#088395));color:var(--text-color,#fff);z-index:2;justify-content:space-between;align-items:center;padding:24px 20px;display:flex;position:relative;box-shadow:0 4px 12px #0000001a}.bot-info{align-items:center;gap:12px;display:flex}.bot-avatar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-white-overlay);background:#ffffff26;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.bot-logo{object-fit:cover;border-radius:50%;width:80%;height:80%}.bot-name{letter-spacing:.5px;margin:0;font-size:1.1rem;font-weight:700}.bot-status{opacity:.9;align-items:center;gap:6px;margin:0;font-size:.8rem;display:flex}.bot-status:before{content:"";background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite status-pulse;display:inline-block;box-shadow:0 0 8px #10b981}@keyframes status-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.bot-close{color:var(--color-primary-contrast);cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.2rem;transition:opacity .2s}.bot-close:hover{opacity:1}.bot-body{background:var(--background-color,#f8fafc);z-index:2;flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.bot-body::-webkit-scrollbar{width:6px}.bot-body::-webkit-scrollbar-track{background:0 0}.bot-body::-webkit-scrollbar-thumb{background:var(--border-color,#e2e8f0);border-radius:10px}.bot-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted-color,#cbd5e1)}.message-wrapper{align-items:flex-end;gap:10px;width:100%;display:flex}.wrapper--bot{flex-direction:row}.wrapper--user{flex-direction:row-reverse}.message-avatar{background:var(--primary);width:32px;height:32px;color:var(--color-primary-contrast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:flex;box-shadow:0 2px 8px #0a4d6833}.bot-message{border-radius:20px;flex-direction:column;max-width:85%;padding:10px 12px;font-size:.9rem;line-height:1.45;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards message-appear;display:flex;position:relative}.message-content-inner{display:block}.message-content-inner p{margin:0}.message-line-container{align-items:flex-start;gap:6px;display:flex}.message-line{margin:0}.list-bullet{margin-top:2px;font-size:.65rem;line-height:1.2}@keyframes message-appear{0%{opacity:0;transform:translateY(15px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.bot-message--bot{background:var(--surface-color,#fff);color:var(--text-color,#1e293b);border:1px solid var(--border-color,#e2e8f0cc);border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.bot-message--user{background:linear-gradient(135deg,var(--primary-color,#0a4d68)0%,var(--primary-light,#088395)100%);color:var(--text-color,#fff);border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 10px 15px -3px #0a4d684d}.message-time{color:var(--text-muted-color,#94a3b8);margin:0 6px;font-size:.7rem;font-weight:500}.copy-msg-btn{background:var(--surface-color,#f1f5f9cc);border:1px solid var(--border-color,#e2e8f0);width:24px;height:24px;color:var(--text-muted-color,#64748b);cursor:pointer;opacity:0;z-index:5;border-radius:8px;justify-content:center;align-items:center;font-size:.7rem;transition:all .2s;display:flex;position:absolute;top:6px;right:6px}.bot-message:hover .copy-msg-btn{opacity:1}.copy-msg-btn.is-copied{color:#fff!important;opacity:1!important;background:#10b981!important;border-color:#10b981!important}.copy-msg-btn:hover{background:var(--surface-color,#fff);color:var(--primary-color,#00838f);box-shadow:0 2px 8px #0000001a}.message-line.arabic-font{background:linear-gradient(270deg,#10b98114,#0000);border-radius:12px;text-align:right!important;direction:rtl!important;unicode-bidi:embed!important;padding:12px 16px!important;font-family:MeQuran,Amiri,serif!important;font-size:1.3rem!important;line-height:2.2!important}.message-line.arabic-font.text-right{text-align:right!important;direction:rtl!important;unicode-bidi:embed!important}.message-line.urdu-font{font-family:Noto Nastaliq Urdu,serif!important;font-size:1rem!important;line-height:2!important}.bot-suggestions{background:var(--surface-color,#fffffff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color,#e2e8f099);white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;z-index:5;align-items:center;gap:5px;padding:5px 12px;display:flex;overflow-x:auto}@media (max-width:480px){.bot-suggestions{white-space:normal;flex-wrap:wrap;justify-content:flex-start;gap:8px;padding:8px 12px}.suggestion-chip{white-space:normal;text-align:center;flex:calc(50% - 4px);justify-content:center;min-width:0;padding:6px 10px;font-size:.65rem}.suggestion-chip:nth-child(3),.suggestion-chip:nth-child(4){flex:calc(50% - 4px)}}@media (max-width:360px){.bot-suggestions{gap:6px;padding:6px 10px}.suggestion-chip{flex:100%;min-height:36px;padding:8px 12px;font-size:.7rem}}.bot-suggestions::-webkit-scrollbar{display:none}.suggestion-chip{background:var(--surface-color,#fff);color:var(--primary-color,#0a4d68);cursor:pointer;z-index:1;border:1px solid #0a4d681a;border-radius:50px;flex-shrink:0;align-items:center;gap:3px;padding:3px 8px;font-size:.6rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s cubic-bezier(.175,.885,.32,1.275) backwards chip-appear;display:flex;position:relative;box-shadow:0 1px 3px #00000005}@keyframes chip-appear{0%{opacity:0;transform:translate(20px)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}.suggestion-chip:first-child{animation-delay:.1s}.suggestion-chip:nth-child(2){animation-delay:.2s}.suggestion-chip:nth-child(3){animation-delay:.3s}.suggestion-chip:nth-child(4){animation-delay:.4s}.chip-icon{color:var(--primary-color,#0a4d68);font-size:.65rem;transition:all .3s}.suggestion-chip:hover{color:var(--text-color,#fff);background:linear-gradient(135deg,var(--primary-color,#0a4d68),#088395);border-color:#0000;transform:translateY(-3px)scale(1.05);box-shadow:0 6px 15px #0a4d6833}.suggestion-chip:hover .chip-icon{color:var(--text-color,#fff);transform:rotate(15deg)scale(1.1)}.suggestion-chip:active{transform:translateY(-1px)scale(.98)}.bot-footer{background:var(--surface-color,#fff);border-top:1px solid var(--border-color,#f1f5f9);z-index:10;align-items:center;gap:8px;padding:8px 12px;display:flex;position:relative}.bot-input{border:1px solid var(--border-color,#f1f5f9);background:var(--background-color,#f8fafc);color:var(--text-color,#1e293b);border-radius:12px;outline:none;flex:1;padding:6px 12px;font-size:.8rem;transition:all .3s;box-shadow:inset 0 1px 2px #00000003}.bot-input:focus{border-color:var(--primary-color,#0a4d68);background:var(--surface-color,#fff);box-shadow:0 0 0 3px #0a4d680f}.bot-send{background:linear-gradient(135deg,var(--primary-color,#0a4d68)0%,#088395 100%);width:34px;height:34px;color:var(--text-color,#fff);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #0a4d6826}.bot-send:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.bot-send:hover:not(:disabled):before{left:100%}.bot-send:hover:not(:disabled){transform:translateY(-3px)rotate(-8deg)scale(1.05);box-shadow:0 10px 20px #0a4d684d}.bot-send:active:not(:disabled){transform:translateY(-1px)scale(.9)}.bot-send:disabled{cursor:not-allowed;color:#94a3b8!important;box-shadow:none!important;background:#e2e8f0!important;transform:none!important}.bot-send i{transition:transform .3s}.bot-send:hover:not(:disabled) i{transform:translate(3px)translateY(-3px)}@media (max-width:768px){.bot-container{right:max(20px,env(safe-area-inset-right,20px))!important;bottom:max(20px,env(safe-area-inset-bottom,20px))!important;z-index:99999!important;position:fixed!important}.bot-trigger{z-index:99999!important;width:55px!important;height:55px!important;font-size:1.3rem!important}.bot-window{z-index:100000!important;transform-origin:50%!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;position:fixed!important;inset:0!important}.bot-window.is-open{transform:translateY(0)scale(1)!important}.bot-header{padding:15px 20px!important;padding-top:calc(15px + env(safe-area-inset-top,0px))!important;border-radius:0!important}.bot-avatar{width:36px!important;height:36px!important;font-size:1rem!important}.bot-name{font-size:.95rem!important}.bot-body{-webkit-overflow-scrolling:touch!important;flex:1!important;gap:12px!important;padding:15px!important;overflow-y:auto!important}.bot-message{word-wrap:break-word!important;max-width:90%!important;padding:10px 14px!important;font-size:.9rem!important}.bot-message--bot{max-width:95%!important}.message-line{font-size:.9rem!important;line-height:1.4!important}.bot-status{font-size:.8rem!important}.bot-suggestions{grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px 15px!important;display:grid!important}.suggestion-chip{white-space:nowrap!important;text-overflow:ellipsis!important;border-radius:20px!important;padding:8px 12px!important;font-size:.8rem!important;overflow:hidden!important}.suggestion-chip .chip-icon{margin-right:6px!important;font-size:.7rem!important}.copy-msg-btn{width:28px!important;height:28px!important;font-size:.7rem!important}.message-time{font-size:.7rem!important}.bot-footer{padding:12px 15px!important;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;flex-shrink:0!important}.bot-input{appearance:none!important;border-radius:12px!important;padding:12px 15px!important;font-size:16px!important}.bot-send{flex-shrink:0!important;width:44px!important;height:44px!important}.bot-close{justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;font-size:1.4rem!important;display:flex!important}}@media (max-width:480px){.bot-container{z-index:99999!important;position:fixed!important;bottom:16px!important;right:16px!important}.bot-trigger{width:50px!important;height:50px!important;font-size:1.2rem!important}.bot-header{padding:12px 15px!important;padding-top:calc(12px + env(safe-area-inset-top,0px))!important}.bot-avatar{width:32px!important;height:32px!important}.bot-name{font-size:.9rem!important}.bot-status{font-size:.75rem!important}.bot-body{gap:10px!important;padding:12px!important}.bot-message{max-width:95%!important}.bot-message--bot{max-width:98%!important}.message-line{font-size:.85rem!important;line-height:1.3!important}.bot-suggestions{grid-template-columns:1fr!important;gap:6px!important;padding:8px 12px!important}.suggestion-chip{border-radius:15px!important;padding:10px 12px!important;font-size:.75rem!important}.bot-footer{padding:10px 12px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}.bot-input{border-radius:20px!important;margin-bottom:6px!important;padding:10px 12px!important;font-size:16px!important}.bot-send{width:40px!important;height:40px!important;font-size:.8rem!important}}@media (max-width:360px){.bot-container{z-index:99999!important;position:fixed!important;bottom:12px!important;right:12px!important}.bot-trigger{width:45px!important;height:45px!important;font-size:1.1rem!important}.bot-header{padding:10px 12px!important;padding-top:calc(10px + env(safe-area-inset-top,0px))!important}.bot-avatar{width:28px!important;height:28px!important}.bot-name{font-size:.85rem!important}.bot-status{font-size:.7rem!important}.bot-body{gap:8px!important;padding:10px!important}.bot-message{max-width:98%!important;padding:8px 12px!important}.bot-message--bot{max-width:99%!important}.message-line{font-size:.8rem!important;line-height:1.25!important}.suggestion-chip{border-radius:12px!important;padding:8px 10px!important;font-size:.7rem!important}.bot-footer{padding:8px 10px!important;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}.bot-input{border-radius:18px!important;margin-bottom:5px!important;padding:8px 10px!important;font-size:16px!important}.bot-send{width:36px!important;height:36px!important;font-size:.75rem!important}.copy-msg-btn{width:24px!important;height:24px!important;font-size:.6rem!important}}.context-menu-container{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #0000;border-radius:8px;width:100%;margin:0;padding:6px 12px;transition:all .2s;position:relative;overflow:hidden}.context-menu-container:before{content:"";height:2px;transform:scaleX(var(--progress,0));transform-origin:0;background:linear-gradient(90deg,#dc2626 0%,#ef4444 100%);transition:transform .3s;position:absolute;top:0;left:0;right:0}.context-menu-container:hover{background:#f9fafb;border-color:#0000}.context-menu-sections{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.context-menu-half{flex:1;align-items:center;display:flex}.context-menu-half:last-child{justify-content:flex-end}.context-menu-row{align-items:center;gap:8px;display:flex}.context-menu-surah-name{color:#111827;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600;transition:color .2s;display:flex}.context-menu-surah-name:hover{color:#dc2626}.context-menu-bold{font-weight:600}.context-menu-align-start{text-align:left;justify-content:flex-start}.context-menu-align-end{text-align:right;justify-content:flex-end}.context-menu-chevron{opacity:.8;align-items:center;transition:opacity .2s;display:inline-flex}.context-menu-surah-name:hover .context-menu-chevron{opacity:1}.context-menu-chevron svg{color:currentColor;width:15px;height:15px}.context-menu-info-row{color:#6b7280;align-items:center;gap:4px;margin:0;font-size:12px;display:flex}.context-menu-secondary-info{color:#6b7280;font-weight:400}.context-menu-primary-info{color:#111827;font-weight:500}@media (max-width:768px){.context-menu-container{box-sizing:border-box;border-radius:6px;width:100%;margin:0 12px;padding:6px 12px}.context-menu-sections{gap:12px;width:100%}.context-menu-surah-name{font-size:13px}.context-menu-info-row{font-size:11px}html{font-size:15px}.container,.section__container,.section-container--wide{padding-left:16px!important;padding-right:16px!important}.section-hero,.hero-section{min-height:auto!important;padding:48px 0 32px!important}.section-hero__title,.hero-title{font-size:1.8rem!important;line-height:1.3!important}.section-hero__subtitle,.hero-subtitle{font-size:1rem!important}.section__title{font-size:1.5rem!important}.section__subtitle{font-size:.9rem!important}.section__description{font-size:.95rem!important}.section__grid{grid-template-columns:1fr!important;gap:1rem!important}.section-card,.glass-card{margin-bottom:1rem}.section-card__content{padding:1rem!important}.section-card__title{font-size:1.1rem!important}.alif-more-sidebar,.zakatNew-sidebar{display:none!important}.quran-viewer-page .sidebar,.section-mobile,.zakatNew-mobile{display:block!important}.section-main,.zakatNew-main{flex:1!important;width:100%!important}.section-layout,.zakatNew-grid{flex-direction:column!important}.quran-arabic-text,.arabic-text,[dir=rtl]{line-height:2.2}.urdu-text,.translation-urdu{font-size:1.1rem!important;line-height:1.9!important}.btn,.button,.cta-btn{text-align:center;width:100%;padding:12px 20px!important;font-size:.9rem!important}table{white-space:nowrap;display:block;overflow-x:auto}img{max-width:100%;height:auto}.desktop-only,.hide-mobile{display:none!important}.mobile-only,.show-mobile{display:block!important}}@media (max-width:480px){html{font-size:14px}.section-hero__title,.hero-title{font-size:1.5rem!important}.section__title{font-size:1.3rem!important}.container,.section__container{padding-left:12px!important;padding-right:12px!important}.section{padding:2rem 0!important}.section__header{margin-bottom:1.5rem!important}.section-card__image{height:140px!important}}@media (max-width:768px) and (orientation:landscape){.section-hero,.hero-section{min-height:auto!important;padding:44px 0 32px!important}.bot-window{height:100vh!important}}@media (hover:none) and (pointer:coarse){.nav-link,.dropdown-menu-item,.btn,button{min-width:44px;min-height:44px}.section-card:hover,.glass-card:hover,.nav-item:hover .nav-link{transform:none}.section-card:active,.glass-card:active{transform:scale(.98)}}@supports (padding:env(safe-area-inset-bottom)){.footer,.site-footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}@media print{.footer,.bot-container,.mobile-menu-btn{display:none!important}.section-hero{padding:20px 0!important}body{font-size:12pt}}@media (max-width:768px){[class*=app-section-] .main-heading{font-size:1.5rem!important;line-height:1.4!important}[class*=app-section-] [class*=-hero]{padding:30px 15px!important}[class*=app-section-] [class*=-grid],[class*=app-section-] .flex-col,[class*=app-section-] .lg\:flex-row{flex-direction:column!important}[class*=app-section-] [class*=-aside],[class*=app-section-] [class*=-sidebar],[class*=app-section-] .lg\:w-1\/4{display:none!important}[class*=app-section-] [class*=-body],[class*=app-section-] [class*=-main],[class*=app-section-] .lg\:w-3\/4{flex:1!important;width:100%!important}[class*=app-section-] .glass-card{border-radius:12px!important;margin:0!important}[class*=app-section-] .glass-card.p-8,[class*=app-section-] .glass-card.lg\:p-12{padding:15px!important}.px-6{padding-left:12px!important;padding-right:12px!important}.pb-12{padding-bottom:2rem!important}.gap-10{gap:1.5rem!important}.max-w-\[1400px\]{padding-left:12px!important;padding-right:12px!important}[class*=app-section-] .arabic-font,[class*=app-section-] [class*=arabic]{font-size:1.4rem!important;line-height:2!important}[class*=app-section-] .urdu-font{font-size:1rem!important;line-height:1.8!important}[class*=app-section-] [class*=-phrase-box],[class*=app-section-] [class*=-card-box]{border-radius:10px!important;margin-bottom:10px!important;padding:12px!important}.text-3xl{font-size:1.5rem!important}.text-2xl{font-size:1.25rem!important}.text-xl{font-size:1.1rem!important}.text-lg{font-size:1rem!important}}@media (max-width:480px){[class*=app-section-] .main-heading{font-size:1.3rem!important}[class*=app-section-] .arabic-font,[class*=app-section-] [class*=arabic]{font-size:1.2rem!important}.text-3xl{font-size:1.3rem!important}}.hadith-view-page{min-height:100vh;color:#eee!important;background-color:#191b1d!important;background-image:none!important}.hadith-collection-page{background-color:#0000;min-height:100vh}.main-content{background-color:#0000;min-height:100vh;padding:2rem}.main-content .sunnah-card{margin:0 auto 2rem}.sunnah-card{background-color:#fdfbf7;border:1px solid #e1e1e1;border-radius:6px;flex-direction:column;width:100%;max-width:1200px;margin-bottom:2rem;display:flex;position:relative;box-shadow:0 2px 4px #0000000d}.chapter{background-color:#f4f0e8;border-bottom:1px solid #e0e0e0;align-items:center;width:100%;padding:1.2rem 2rem;display:flex;position:relative}.book_page_colindextitle{background-color:#f4f0e8;border-bottom:1px solid #e0e0e0;align-items:center;margin-bottom:0;padding:1.2rem 2rem;display:flex;position:relative}.book_page_arabic_name{color:#000;text-align:right;direction:rtl;flex:1;margin-left:.5rem;font-family:Amiri,serif;font-size:1.6rem}.book_page_number{color:#555;margin-left:.5rem;margin-right:.5rem;font-size:1.1rem;font-weight:500}.book_page_english_name{color:#555;margin-right:auto;font-size:1.1rem;font-weight:500}.sunnah-chapter-header{color:#000;background-color:#fff;border-bottom:1px solid #e0e0e0;flex-direction:column;width:100%;max-width:1100px;margin:0 auto;padding:1.2rem 2rem;display:flex;position:relative}.chapter-en{color:#555;margin-bottom:.5rem;font-size:1.1rem;font-weight:500}.chapter-ar{color:#000;text-align:right;direction:rtl;font-family:Amiri,serif;font-size:1.6rem}.echapno{color:#555;margin-right:.5rem;font-size:1.1rem;font-weight:500}.englishchapter{color:#555;margin-right:auto;font-size:1.1rem;font-weight:500}.achapno{color:#555;margin-left:.5rem;font-size:1.1rem;font-weight:500}.arabicchapter{color:#000;text-align:right;direction:rtl;margin-left:.5rem;font-family:Amiri,serif;font-size:1.6rem}.clear{clear:both;visibility:hidden;width:0;height:0;display:block;overflow:hidden}.hadith-anchor{visibility:hidden;position:absolute;top:-20px}.hadith-reference-sticky{color:#495057;z-index:10;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:.5rem 1rem;font-size:.85rem;font-weight:600;position:sticky;top:0}.sunnah-hadith-body{align-items:flex-start;padding:2rem;display:flex;position:relative}.deco-star{color:#78a8a3;opacity:.8;flex-shrink:0;margin-top:.25rem;font-size:1.5rem;font-weight:700}.sunnah-hadith-content{justify-content:space-between;gap:2.5rem;width:100%;padding:0 1.5rem;display:flex}.sunnah-hadith-content .text-en{color:#1e272e;flex:1;font-size:.95rem;line-height:1.6}.sunnah-hadith-content .narrator-en{color:#333;margin-bottom:.4rem;font-weight:700;display:block}.sunnah-hadith-content .text-ar{text-align:right;color:#1e272e;direction:rtl;flex:1;font-family:Amiri,serif;font-size:1.6rem;line-height:2}.sunnah-hadith-content .text-ur{text-align:right;color:#1e272e;direction:rtl;flex:1;font-family:Noto Nastaliq Urdu,serif;font-size:1.6rem;line-height:2}.sunnah-footer{background-color:#fdfbf7;border-top:1px solid #eee;justify-content:space-between;align-items:flex-end;padding:1.5rem 2rem;font-size:.8rem;display:flex}.sunnah-footer .meta-data{grid-template-columns:auto auto;gap:.3rem 1rem;display:grid}.sunnah-footer .meta-label{color:#333;font-weight:700}.sunnah-footer .meta-value{color:#666}.sunnah-footer .meta-note{color:#999;grid-column:1/-1;margin-top:2px;font-style:italic}.sunnah-footer .actions{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.sunnah-footer .actions a{color:#78a8a3;cursor:pointer;text-decoration:none;transition:color .2s}.sunnah-footer .actions span{color:#ddd}main.flex-grow.flex.flex-col>div.w-full.max-w-7xl.mx-auto{padding-left:2rem;padding-right:2rem}@media (min-width:640px){main.flex-grow.flex.flex-col>div.w-full.max-w-7xl.mx-auto{padding-left:3rem;padding-right:3rem}}@media (min-width:1024px){main.flex-grow.flex.flex-col>div.w-full.max-w-7xl.mx-auto{padding-left:4rem;padding-right:4rem}}@media (min-width:1280px){main.flex-grow.flex.flex-col>div.w-full.max-w-7xl.mx-auto{padding-left:7rem;padding-right:7rem}}@media (max-width:850px){.main-content{padding:1rem}.chapter,.book_page_colindextitle{text-align:center;flex-direction:column-reverse}.sunnah-chapter-header{text-align:center}.echapno,.englishchapter,.achapno{text-align:center;width:100%;margin:.25rem 0}.arabicchapter,.book_page_arabic_name{text-align:center;margin:.25rem 0}.book_page_number,.book_page_english_name{margin:.25rem 0}.chapter-en{text-align:center;margin-bottom:.25rem}.chapter-ar{text-align:center}.sunnah-hadith-content{flex-direction:column-reverse}.sunnah-hadith-content .text-en,.sunnah-hadith-content .text-ar,.sunnah-hadith-content .text-ur{text-align:left;width:100%}.sunnah-hadith-content .text-ar,.sunnah-hadith-content .text-ur{text-align:right;margin-bottom:1rem}.decoration-icon{display:none}.sunnah-hadith-content{gap:1.5rem;padding:0}.sunnah-footer{flex-direction:column;align-items:flex-start;gap:1.5rem}}#content-header{width:100%;max-width:1800px;margin-left:auto;margin-right:auto}#content-wrapper{width:100%!important;max-width:1800px!important;margin-left:auto!important;margin-right:auto!important}.theme-light #content-wrapper,.theme-light #content-header{background-color:#0000!important}.theme-light .action-btn:hover,.theme-light .footer-link:hover{color:#374151}.theme-light .translation-block.english{border-left-color:#2563eb}.theme-light .translation-block.urdu{border-left-color:#d97706}body.light-mode .action-bar-left,body.light-mode .action-btn:hover{color:#d2d7e0}body.light-mode body.light-mode .action-btn:hover,body.light-mode .action-btn.active{color:#059669}.action-btn.active{color:#22c55e}.action-btn i{font-size:14px}body.light-mode .action-btn i{color:#000}body.light-mode .action-btn:hover i{color:#059669}body.light-mode .dropdown-menu{background:#fff!important;border:1px solid #0000001a!important;box-shadow:0 4px 12px #0000001a!important}body.light-mode .dropdown-menu-item{color:#374151!important}body.light-mode .dropdown-menu-item:hover{color:#059669!important;background:#f8fafc!important}body.light-mode .dropdown-menu-item i,body.light-mode .dropdown-menu-item:hover i{color:#059669!important}body.light-mode .quran-viewer-page .quran-arabic-text{color:#1f2937!important}body.light-mode .quran-viewer-page body.light-mode .quran-viewer-page{color:#1f2937!important;background:#f8fafc!important}:root{--header-height:3.5rem;--bg-header:#fff;--bg-body:#fff;--text-primary:#000;--text-secondary:#6b7280;--border-color:#e5e7eb;--btn-bg:#f4f5f6;--btn-active-bg:#fff;--btn-active-text:#000;--progress-color:#2ca4ab}.context-menu-header{z-index:100;background-color:#fff;border-bottom:3px solid #008f91;width:100%;margin-top:105px;padding-top:30px;transition:all .3s;position:fixed;top:0;box-shadow:0 1px 3px #0000000d}.context-menu-header .header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:15px 20px;display:flex}.context-menu-header:after{content:"";background-color:var(--progress-color,#008f91);height:3px;width:calc(var(--progress)*100%);transition:width .1s linear;position:absolute;bottom:-1px;left:0}.context-menu-header .left-section{cursor:pointer;align-items:center;display:flex}.context-menu-header .left-content{color:#333;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.context-menu-header .chevron{color:#777;font-size:12px;transition:transform .2s}.context-menu-header .left-content:hover .chevron{transform:rotate(180deg)}.context-menu-header .center-juz-name{color:#555;text-align:center;justify-content:center;align-items:center;margin:0 auto;padding-left:370px;font-size:16px;font-weight:600;display:flex}.context-menu-header .right-section{align-items:center;gap:15px;margin-right:40px;display:flex}.context-menu-header .view-toggle{background-color:#f4f5f7;border-radius:20px;align-items:center;margin-left:40px;padding:4px;display:flex}.context-menu-header .toggle-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.context-menu-header .toggle-btn:hover{color:#333}.context-menu-header .toggle-btn.active{color:#008f91;background-color:#fff;box-shadow:0 1px 3px #0000001a}.context-menu-header .btn-icon{fill:currentColor;width:16px;height:16px;display:none}.context-menu-header .btn-text{display:block}.context-menu-header .settings-icon{color:#008f91;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex}.center-section{background-color:var(--btn-bg);border-radius:9999px;align-items:center;gap:2px;padding:4px;transition:all .3s;display:flex}.toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .3s;display:flex}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background-color:var(--btn-active-bg);color:var(--btn-active-text);box-shadow:0 1px 3px #0000001a}.btn-text{opacity:1;white-space:nowrap;max-width:100px;margin-left:6px;transition:all .3s ease-in-out;overflow:hidden}.context-menu-header.compact .btn-text{opacity:0;max-width:0;margin-left:0}.context-menu-header.compact .toggle-btn{padding:6px 8px}.right-section{color:var(--text-secondary);font-size:.85rem;font-weight:500}.short-info{display:none}@media (max-width:768px){.context-menu-header .center-juz-name{display:none!important}.context-menu-header .header-inner{flex-flow:wrap!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;display:flex!important;position:relative!important}.context-menu-header{background-color:#f8fafc!important;border-bottom:none!important;margin-top:83px!important}body.scrolled .context-menu-header{border-bottom:3px solid #008f91!important}.context-menu-header .left-section{flex:1!important;order:1!important;justify-content:flex-start!important;align-items:center!important;width:auto!important;display:flex!important}.context-menu-header .left-content{align-items:center!important;gap:6px!important;font-size:15px!important;display:flex!important}.context-menu-header .settings-icon{color:#22c55e!important;flex-shrink:0!important;order:2!important;margin-left:auto!important;padding:4px!important;font-size:18px!important;position:static!important}.context-menu-header .settings-icon svg{color:#22c55e!important;fill:#22c55e!important}.context-menu-header .right-section{order:3!important;justify-content:center!important;gap:0!important;width:100%!important;margin-right:0!important;display:flex!important}.context-menu-header .view-toggle{background-color:#0000!important;border-radius:16px!important;justify-content:center!important;gap:2px!important;width:100%!important;padding:0!important;display:flex!important}.context-menu-header .toggle-btn{white-space:nowrap!important;background-color:#0000!important;border:none!important;border-radius:14px!important;flex:auto!important;justify-content:center!important;gap:4px!important;min-width:0!important;padding:6px 8px!important;font-size:12px!important;line-height:1.2!important}.context-menu-header .toggle-btn.active{color:#22c55e!important;box-shadow:none!important;background-color:#0000!important;border-bottom:2px solid #22c55e!important;border-radius:14px 14px 0 0!important}.context-menu-header .toggle-btn.active svg,.context-menu-header .toggle-btn.active i,.context-menu-header .toggle-btn.active svg path,.context-menu-header .toggle-btn.active svg [fill]{color:#22c55e!important;fill:#22c55e!important}.context-menu-header .toggle-btn.active span,.context-menu-header .toggle-btn.active .btn-text{color:#22c55e!important}.context-menu-header .toggle-btn.active,.context-menu-header .toggle-btn.active span,.context-menu-header .toggle-btn.active .btn-text,.context-menu-header .toggle-btn svg,.context-menu-header .toggle-btn i.fas{width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important;font-size:16px!important}.context-menu-header .toggle-btn svg[width="18"]{width:12px!important;height:12px!important}.context-menu-header .toggle-btn.active,body.scrolled .context-menu-header .header-inner{flex-wrap:nowrap!important;justify-content:space-between!important;gap:3px!important;padding:5px 8px!important}body.scrolled .context-menu-header .left-section{flex:none!important;order:1!important;width:auto!important}body.scrolled .context-menu-header .left-content{font-size:12px!important}body.scrolled .context-menu-header .right-section{flex:1!important;order:2!important;justify-content:center!important;width:auto!important;margin-left:0!important}body.scrolled .context-menu-header .settings-icon{flex-shrink:0!important;order:3!important;margin-left:auto!important;padding:2px!important;font-size:14px!important}body.scrolled .context-menu-header .view-toggle{background-color:#0000!important;gap:3px!important;width:auto!important;margin-left:10px!important;padding:0!important}body.scrolled .context-menu-header .btn-text{display:none!important}body.scrolled .context-menu-header .toggle-btn{background-color:#f4f5f7!important;border-radius:5px!important;flex:none!important;min-width:24px!important;min-height:24px!important;padding:3px!important}body.scrolled .context-menu-header .toggle-btn svg,body.scrolled .context-menu-header .toggle-btn i{width:14px!important;height:14px!important;font-size:14px!important}body.scrolled .context-menu-header .toggle-btn.active{color:#fff!important;background-color:#222!important}}@media (max-width:390px){.context-menu-header .header-inner{padding:5px 6px!important}.context-menu-header .left-content{font-size:11px!important}.context-menu-header .settings-icon{padding:1px!important;font-size:13px!important}.context-menu-header .view-toggle{border-radius:14px!important;padding:1px!important}.context-menu-header .toggle-btn{border-radius:12px!important;padding:2px 3px!important;font-size:8px!important}.context-menu-header .toggle-btn svg,.context-menu-header .toggle-btn i{width:11px!important;height:11px!important;font-size:11px!important}.context-menu-header .btn-text{font-size:8px!important}body.scrolled .context-menu-header .header-inner{padding:3px 5px!important}body.scrolled .context-menu-header .toggle-btn{border-radius:4px!important;min-width:22px!important;min-height:22px!important;padding:2px!important}body.scrolled .context-menu-header .toggle-btn svg,body.scrolled .context-menu-header .toggle-btn i{width:14px!important;height:14px!important;font-size:14px!important}}@media (min-width:769px){.context-menu-header .btn-icon{margin-right:5px;display:block}.context-menu-header .settings-icon{margin-left:20px;position:relative}.hadith-view-page .echapno,.hadith-view-page .englishchapter,.hadith-view-page .chapter-en{color:#374151!important;margin-right:5px!important;font-size:16px!important;font-weight:400!important;display:inline-block!important}.hadith-view-page .achapno,.hadith-view-page .arabicchapter,.hadith-view-page .chapter-ar{color:#1f2937!important;margin-left:5px!important;font-family:Amiri,serif!important;font-size:20px!important;display:inline-block!important}.hadith-view-page .achapno,.hadith-view-page .chapter-ar{margin-left:auto!important}.hadith-view-page .clear{display:none!important}}body.light-mode .quran-viewer-page #content-wrapper,body.light-mode .quran-viewer-page #content-header,body.light-mode .quran-viewer-page #content-display,body.light-mode .quran-viewer-page #main-content{color:#1f2937!important;background:#fff!important}body.light-mode .quran-viewer-page .toggle-btn,body.light-mode .quran-viewer-page .toggle-btn .btn-text{color:#1f2937!important}body.light-mode .quran-viewer-page .translation-block.english{border-left-color:#3b82f6}.translation-block.urdu{border-left-color:#f59e0b}.translation-block.english .translation-block.urdu{text-align:right;direction:rtl;margin-left:0;padding-left:0;width:100%!important;max-width:100%!important}.translation-block.urdu .translation-block.english .translation-block.urdu .footer-link:hover{color:#d2d7e0}.footer-link i{font-size:12px}@media (max-width:480px){.translation-block.urdu .footer-link span{display:none}.footer-link i{font-size:14px}}@media (prefers-reduced-motion:reduce){.action-btn{transition:none!important;animation:none!important}}.action-btn:focus,.footer-link:focus{outline-offset:2px;outline:2px solid #3b82f6}body.hadith-view-page,.hadith-view-page{color:#eee!important;background-color:#191b1d!important;justify-content:center!important;margin:0!important;padding:40px!important;font-family:Open Sans,sans-serif!important;display:flex!important}.hadith-view-page .container{justify-content:center!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:flex!important}.hadith-view-page .sunnah-card{background-color:#212326!important;border-radius:4px!important;width:100%!important;max-width:1100px!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 10px #0000004d!important}.hadith-view-page .chapter,.hadith-view-page .sunnah-chapter-header{background-color:#fff!important;border-bottom:1px solid #e5e7eb!important;flex-wrap:wrap!important;align-items:center!important;padding:14px 25px!important;display:flex!important}.hadith-view-page .echapno,.hadith-view-page .englishchapter,.hadith-view-page .chapter-en{color:#374151!important;margin-right:5px!important;font-size:16px!important;font-weight:400!important;display:inline-block!important}.hadith-view-page .achapno,.hadith-view-page .arabicchapter,.hadith-view-page .chapter-ar{color:#1f2937!important;margin-left:5px!important;font-family:Amiri,serif!important;font-size:20px!important;display:inline-block!important}.hadith-view-page .achapno,.hadith-view-page .chapter-ar{margin-left:auto!important}.hadith-view-page .clear,.hadith-view-page .hadith-reference-sticky{display:none!important}.hadith-view-page .sunnah-hadith-body{align-items:flex-start!important;margin-top:20px!important;padding:30px!important;display:flex!important}.hadith-view-page .sunnah-hadith-content{gap:40px!important;width:100%!important;display:flex!important}.hadith-view-page .deco-star{display:none!important}.hadith-view-page .text-en{color:#ddd!important;flex:1!important;font-size:15px!important;line-height:1.6!important}.hadith-view-page .narrator-en{color:#5998ab!important;margin-bottom:8px!important;font-weight:700!important;display:block!important}.hadith-view-page .text-ar{text-align:right!important;color:#fff!important;direction:rtl!important;flex:1!important;font-family:Amiri,serif!important;font-size:26px!important;line-height:1.9!important}.hadith-view-page .word{display:inline-block!important}.hadith-view-page .sunnah-footer{border-top:1px solid #313337!important;justify-content:space-between!important;align-items:flex-end!important;padding:20px 25px!important;font-size:13px!important;display:flex!important}.hadith-view-page .meta-data{grid-template-columns:auto auto!important;gap:4px 20px!important;display:grid!important}.hadith-view-page .meta-label{color:#fff!important;font-weight:700!important}.hadith-view-page .meta-value{color:#5998ab!important}.hadith-view-page .actions{color:#999!important;font-size:11px!important}.hadith-view-page .actions a{color:#999!important;text-decoration:none!important;transition:color .2s!important}.hadith-view-page .actions a:hover{color:#fff!important}.hadith-view-page .actions span{margin:0 5px!important}@media (max-width:800px){.hadith-view-page .sunnah-hadith-content{flex-direction:column-reverse!important;gap:20px!important}.hadith-view-page .text-ar{text-align:right!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}