@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap');*,::before,::after{box-sizing:border-box;}html{max-width:100vw;overflow-x:hidden;-webkit-text-size-adjust:100%;}body{max-width:100vw;overflow-x:hidden;position:relative;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;transition:background-color 0.3s ease,color 0.3s ease;}img,svg,video{max-width:100%;height:auto;}img{vertical-align:middle;}header img,.site-logo img,[class*="logo"] img{max-width:48px;max-height:48px;object-fit:contain;}.overflow-x-auto{max-width:100%;-webkit-overflow-scrolling:touch;}p,span,h1,h2,h3,h4,h5,h6,a{overflow-wrap:break-word;}h1,h2,h3,h4,h5,h6,.font-heading{font-family:'Outfit',sans-serif;}.glass-panel{background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(229,231,235,0.7);}.dark .glass-panel{background:rgba(17,24,39,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(55,65,81,0.5);}.hero-gradient{background:linear-gradient(135deg,#064e3b 0%,#065f46 45%,#0f766e 100%);}.portal-badge{box-shadow:0 0 15px rgba(16,185,129,0.2);}.star-rating .star-btn{transition:color 0.15s ease,transform 0.15s ease;}.star-rating .star-btn:hover{transform:scale(1.25);}@keyframes pulse-subtle{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.85;transform:scale(1.08);}}.pulse-badge{animation:pulse-subtle 2s infinite ease-in-out;}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:#f1f5f9;}.dark::-webkit-scrollbar-track{background:#0f172a;}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;}.dark::-webkit-scrollbar-thumb{background:#334155;}::-webkit-scrollbar-thumb:hover{background:#94a3b8;}#mobile-menu{transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),opacity 0.3s ease;}.hover-lift{transition:transform 0.25s ease,box-shadow 0.25s ease;}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px rgba(0,0,0,0.15);}.prose-content{line-height:1.8;}.prose-content p{margin-bottom:1.25rem;}.prose-content h2,.prose-content h3{font-weight:700;margin-top:1.75rem;margin-bottom:0.85rem;}.prose-content ul,.prose-content ol{margin-left:1.5rem;margin-bottom:1.25rem;}.prose-content ul{list-style-type:disc;}.prose-content ol{list-style-type:decimal;}.prose-content blockquote{border-left:4px solid #10b981;padding-left:1.25rem;font-style:italic;margin:1.5rem 0;color:#4b5563;}.dark .prose-content blockquote{color:#9ca3af;}@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Amiri+Quran&family=Noto+Nastaliq+Urdu:wght@400;700&family=Scheherazade+New:wght@400;700&display=swap');.font-urdu,.urdu-text,[lang="ur"],:lang(ur),html[lang="ur"] body,.reader-font-nastaliq{font-family:'Jameel Noori Nastaleeq','Noto Nastaliq Urdu','Nafees Web Nasta\'leeq','Urdu Typesetting',serif !important;letter-spacing:0 !important;word-spacing:normal !important;line-height:2.2 !important;text-rendering:optimizeLegibility !important;font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"calt" 1 !important;direction:rtl;unicode-bidi:isolate;}h1.font-urdu,h2.font-urdu,h3.font-urdu,h4.font-urdu,.font-urdu h1,.font-urdu h2,.font-urdu h3,.font-urdu h4,.font-urdu.font-black,.font-urdu.font-extrabold{font-weight:700 !important;letter-spacing:0 !important;}.font-arabic,.font-quran,.arabic-text,.quran-ayah,.hadith-arabic,.dua-arabic,[lang="ar"],:lang(ar),.reader-font-naskh{font-family:'Amiri Quran','Amiri','Scheherazade New','Traditional Arabic',serif !important;letter-spacing:0 !important;word-spacing:1px !important;line-height:2.3 !important;font-size:1.15em;text-rendering:optimizeLegibility !important;font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"calt" 1 !important;direction:rtl;unicode-bidi:isolate;}html[dir="rtl"] .font-urdu{letter-spacing:0;}html[dir="rtl"] .prose-content blockquote{border-left:none;border-right:4px solid #10b981;padding-left:0;padding-right:1.25rem;}.goog-te-banner-frame.skiptranslate,.goog-te-banner-frame,iframe.goog-te-banner-frame{display:none !important;visibility:hidden !important;height:0 !important;width:0 !important;}body{top:0px !important;}.goog-tooltip,.goog-tooltip:hover,#goog-gt-tt,.goog-te-balloon-frame{display:none !important;visibility:hidden !important;}.goog-text-highlight{background-color:transparent !important;box-shadow:none !important;}#google_translate_element{position:absolute !important;left:-9999px !important;top:-9999px !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important;}.no-scrollbar::-webkit-scrollbar,.scrollbar-none::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important;}.no-scrollbar,.scrollbar-none{-ms-overflow-style:none !important;scrollbar-width:none !important;}.card-hover-lift{transition:transform 0.25s cubic-bezier(0.16,1,0.3,1),box-shadow 0.25s ease;}.card-hover-lift:hover{transform:translateY(-5px);box-shadow:0 16px 32px -10px rgba(0,0,0,0.15);}.card-hover-glow{transition:box-shadow 0.25s ease,border-color 0.25s ease,transform 0.25s ease;}.card-hover-glow:hover{box-shadow:0 0 20px rgba(16,185,129,0.35);border-color:rgba(16,185,129,0.6);transform:translateY(-2px);}@media print{header,footer,nav,#back-to-top,.portal-badge,button{display:none !important;}#recipeModal{position:static !important;background:white !important;display:block !important;padding:0 !important;}#recipeModal>div{max-width:100% !important;max-height:none !important;box-shadow:none !important;border:none !important;}}.card-hover-scale{transition:transform 0.25s ease;}.card-hover-scale:hover{transform:scale(1.025);}@keyframes float-subtle{0%,100%{transform:translateY(0px);}50%{transform:translateY(-3px);}}.theme-float{animation:float-subtle 3s infinite ease-in-out;}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(16,185,129,0.6);}70%{box-shadow:0 0 0 8px rgba(16,185,129,0);}100%{box-shadow:0 0 0 0 rgba(16,185,129,0);}}.theme-pulse{animation:pulse-ring 2s infinite cubic-bezier(0.4,0,0.6,1);}[hidden]{display:none !important;}main{display:block;width:100%;}#mobile-backdrop.hidden,#mobile-backdrop[hidden],#mobile-menu.hidden,#mobile-menu[hidden],#language-modal.hidden,#language-modal[hidden]{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}#language-modal{transition:opacity 0.2s ease,visibility 0.2s ease;}#language-modal:not(.hidden):not([hidden]){display:flex !important;opacity:1;pointer-events:auto;visibility:visible;}#language-modal-content{transition:transform 0.25s cubic-bezier(0.16,1,0.3,1),opacity 0.25s ease;}#language-modal.hidden #language-modal-content,#language-modal[hidden] #language-modal-content{transform:scale(0.95) translateY(10px);opacity:0;}#language-modal:not(.hidden):not([hidden]) #language-modal-content{transform:scale(1) translateY(0);opacity:1;}
.prose-content .hadith-card{background:linear-gradient(135deg,rgba(6,78,59,0.08) 0%,rgba(2,44,34,0.12) 100%);border:1px solid rgba(16,185,129,0.35);border-radius:1.25rem;padding:1.5rem;margin:1.75rem 0;box-shadow:0 4px 15px -3px rgba(0,0,0,0.05);}.dark .prose-content .hadith-card{background:linear-gradient(135deg,rgba(6,78,59,0.25) 0%,rgba(2,44,34,0.45) 100%);border-color:rgba(16,185,129,0.4);}.prose-content .key-points-card{background:linear-gradient(135deg,rgba(14,165,233,0.08) 0%,rgba(3,105,161,0.1) 100%);border:1px solid rgba(14,165,233,0.3);border-radius:1.25rem;padding:1.5rem;margin:1.75rem 0;}.dark .prose-content .key-points-card{background:linear-gradient(135deg,rgba(14,165,233,0.18) 0%,rgba(3,105,161,0.28) 100%);border-color:rgba(14,165,233,0.35);}.prose-content .alert-card{background:linear-gradient(135deg,rgba(245,158,11,0.08) 0%,rgba(180,83,9,0.1) 100%);border:1px solid rgba(245,158,11,0.35);border-radius:1.25rem;padding:1.5rem;margin:1.75rem 0;}.dark .prose-content .alert-card{background:linear-gradient(135deg,rgba(245,158,11,0.18) 0%,rgba(180,83,9,0.28) 100%);border-color:rgba(245,158,11,0.4);}.prose-content .info-card{background:linear-gradient(135deg,rgba(99,102,241,0.08) 0%,rgba(67,56,202,0.1) 100%);border:1px solid rgba(99,102,241,0.3);border-radius:1.25rem;padding:1.5rem;margin:1.75rem 0;}.dark .prose-content .info-card{background:linear-gradient(135deg,rgba(99,102,241,0.18) 0%,rgba(67,56,202,0.28) 100%);border-color:rgba(99,102,241,0.35);}.prose-content .article-table{width:100%;margin:1.5rem 0;border-collapse:separate;border-spacing:0;border-radius:1rem;overflow:hidden;border:1px solid rgba(156,163,175,0.3);}.prose-content .article-table th{background-color:rgba(16,185,129,0.15);padding:0.75rem 1rem;font-weight:700;text-align:inherit;border-bottom:1px solid rgba(156,163,175,0.3);}.prose-content .article-table td{padding:0.75rem 1rem;border-bottom:1px solid rgba(156,163,175,0.15);}.prose-content .article-table tr:last-child td{border-bottom:none;}.prose-content .hadith-ref{display:inline-block;padding:0.2rem 0.6rem;font-size:0.75rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;border-radius:9999px;background:rgba(16,185,129,0.15);color:#059669;border:1px solid rgba(16,185,129,0.3);}.dark .prose-content .hadith-ref{background:rgba(16,185,129,0.25);color:#6ee7b7;}.prose-content mark{background-color:#fef08a;color:#854d0e;padding:0.15rem 0.4rem;border-radius:0.375rem;}.dark .prose-content mark{background-color:#713f12;color:#fef08a;}.prose-content .figure-card{margin:1.75rem 0;text-align:center;}.prose-content .figure-card img{border-radius:1rem;margin:0 auto;max-height:480px;object-fit:cover;box-shadow:0 4px 20px -2px rgba(0,0,0,0.1);}.prose-content .figure-card figcaption{margin-top:0.5rem;font-size:0.85rem;color:#6b7280;}.dark .prose-content .figure-card figcaption{color:#9ca3af;}html[dir="rtl"] .prose-content ul,html[dir="rtl"] .prose-content ol,.prose-content[dir="rtl"] ul,.prose-content[dir="rtl"] ol,.prose-content.font-urdu ul,.prose-content.font-urdu ol{margin-right:1.75rem;margin-left:0;text-align:right;}
.fa,.fas,.far,.fal,.fad,.fab,.fa-solid,.fa-regular,.fa-brands,[class^="fa-"],[class*=" fa-"],i[class*="fa-"]{font-family:var(--fa-style-family,"Font Awesome 6 Free") !important;}.fa-brands,[class*="fa-brands"],i.fa-brands{font-family:"Font Awesome 6 Brands" !important;}