@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Noto+Naskh+Arabic:wght@400;600&family=Amiri+Quran&family=Scheherazade+New:wght@400;700&display=swap");@font-face{font-family:Tarteel;src:url(/fonts/tarteel-quran.ttf) format("truetype");font-display:swap}@font-face{font-family:hafs18;src:url(/fonts/UthmanicHafs1Ver18.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Uthmanic;src:url(/fonts/UthmanicHafs1Ver18.ttf) format("truetype");font-display:swap}@font-face{font-family:SurahName;src:url(/fonts/surah-name-v4.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg-image:none;--bg:#FDF0D5;--bg2:#F5E8CD;--bg3:#EDE0C5;--surface:#FFF8E9;--surface2:#F8F0DA;--surface3:#F0E8D0;--border:rgba(0,0,0,0.08);--border2:rgba(0,48,73,0.18);--border3:rgba(0,48,73,0.20);--gold:#003049;--gold2:#004D74;--gold3:#001E2E;--gold-dim:rgba(0,48,73,0.08);--gold-glow:rgba(0,48,73,0.18);--gold-glow2:rgba(0,48,73,0.32);--text:#1E293B;--text2:#475569;--text3:#64748B;--danger:#dc2626;--danger-dim:rgba(220,38,38,0.10);--success:#16a34a;--success-dim:rgba(22,163,74,0.10);--warning:#d97706;--warning-dim:rgba(217,119,6,0.10);--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-full:9999px;--radius:12px;--radius-sm:8px;--radius-xs:4px;--radius-card:12px;--radius-btn:8px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--fs-xs:11px;--fs-sm:13px;--fs-base:15px;--fs-md:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.2;--lh-snug:1.4;--lh-normal:1.6;--lh-relaxed:1.75;--shadow-sm:0 1px 3px rgba(0,0,0,0.07),0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 16px rgba(0,0,0,0.10),0 2px 4px rgba(0,0,0,0.07);--shadow-lg:0 12px 36px rgba(0,0,0,0.13),0 4px 10px rgba(0,0,0,0.08);--shadow-gold:0 10px 30px rgba(0,48,73,0.20);--shadow-card:0 2px 8px rgba(0,0,0,0.06),0 8px 24px rgba(0,0,0,0.08);--hdr-bg:rgba(253,240,213,0.97);--hdr-border:var(--border2);--hdr-height:74px;--hero-bg-image:url(/images/hero/hero-light.jpg);--hero-bg-filter:none;--hero-overlay:radial-gradient(ellipse 70% 70% at 50% 50%,rgba(245,238,224,0.90) 0%,rgba(236,228,208,0.42) 60%,transparent 100%);--banner-from:#1a1200;--banner-to:#2e2000;--font-body:"DM Sans",system-ui,sans-serif;--font-display:"Playfair Display",Georgia,serif;--font-arabic:"hafs18","Uthmanic","Noto Naskh Arabic",serif;--font-surah-name:"SurahName","Noto Naskh Arabic",serif;--font-quran:"hafs18","Amiri Quran","Amiri","Noto Naskh Arabic","Scheherazade New",serif;--blue-primary:#003049;--blue-hover:#004D74;--blue-dim:rgba(0,48,73,0.08);--blue-glow:rgba(0,48,73,0.18);--accent:#003049;--accent-strong:#001E2E;--accent-dim:rgba(0,48,73,0.12);--btn-play-from:#D4A843;--btn-play-to:#C89B3C;--pui-glow-xs:rgba(200,155,60,0.06);--pui-glow-sm:rgba(200,155,60,0.12);--pui-glow-md:rgba(200,155,60,0.22);--pui-glow-lg:rgba(200,155,60,0.35);--pui-glow-xl:rgba(200,155,60,0.50);--pui-glow-2xl:rgba(200,155,60,0.65);--pui-orb-c:rgba(255,215,100,0.85);--pui-orb-m:rgba(200,155,60,0.52);--pui-orb-e:rgba(160,110,30,0.18);--w-max:1200px;--ease-premium:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-out:cubic-bezier(0.0,0.0,0.2,1);--dur-fast:0.18s;--dur-med:0.30s;--dur-slow:0.60s}@media (min-width:1920px){:root{--w-max:1400px}}@media (min-width:2560px){:root{--w-max:1600px}}@media (min-width:3440px){:root{--w-max:1800px}}[data-theme=dark-green]{--bg:#031a10;--bg2:#052419;--bg3:#072f20;--surface:#082f22;--surface2:#0a3828;--surface3:#0c4230;--border:rgba(212,168,67,0.10);--border2:rgba(212,168,67,0.22);--border3:rgba(212,168,67,0.40);--gold:#d4a843;--gold2:#f0c060;--gold3:#a87e20;--gold-dim:rgba(212,168,67,0.10);--gold-glow:rgba(212,168,67,0.22);--gold-glow2:rgba(212,168,67,0.40);--text:#f5ead4;--text2:#d6c2a0;--text3:#a78c63;--danger:#ef4444;--danger-dim:rgba(239,68,68,0.12);--success:#22c55e;--success-dim:rgba(34,197,94,0.12);--warning:#f59e0b;--warning-dim:rgba(245,158,11,0.12);--shadow-sm:0 1px 4px rgba(0,0,0,0.35);--shadow-md:0 6px 20px rgba(0,0,0,0.45);--shadow-lg:0 14px 50px rgba(0,0,0,0.55);--shadow-gold:0 0 24px var(--gold-glow2);--shadow-card:0 2px 0 var(--border3),0 8px 32px rgba(0,0,0,0.35);--hdr-bg:rgba(4,34,24,0.92);--hdr-border:var(--border2);--bg-image:none;--accent:#d4a843;--accent-strong:#a87e20;--accent-dim:rgba(212,168,67,0.25);--banner-from:#021408;--banner-to:#0c3824;--hero-bg-image:url(/images/hero/hero-dark.jpg);--hero-bg-filter:brightness(0.15) sepia(0.3);--hero-overlay:radial-gradient(ellipse 70% 70% at 50% 50%,rgba(15,8,0,0.92) 0%,rgba(15,8,0,0.6) 60%,transparent 100%);--pui-glow-xs:rgba(212,168,67,0.05);--pui-glow-sm:rgba(212,168,67,0.09);--pui-glow-md:rgba(212,168,67,0.18);--pui-glow-lg:rgba(212,168,67,0.28);--pui-glow-xl:rgba(212,168,67,0.40);--pui-glow-2xl:rgba(212,168,67,0.50);--pui-orb-c:rgba(255,215,100,0.80);--pui-orb-m:rgba(212,168,67,0.45);--pui-orb-e:rgba(160,120,40,0.15)}[data-theme=dark]{--bg:#131315;--bg2:#1A1A1D;--bg3:#202024;--surface:#222226;--surface2:#2A2A2F;--surface3:#323238;--border:rgba(255,255,255,0.06);--border2:rgba(255,255,255,0.10);--border3:rgba(255,255,255,0.16);--gold:#9B9BAF;--gold2:#B8B8CC;--gold3:#6F6F85;--gold-dim:rgba(155,155,175,0.10);--gold-glow:rgba(155,155,175,0.18);--gold-glow2:rgba(155,155,175,0.30);--text:#E4E4EC;--text2:#8A8A9C;--text3:#58586A;--danger:#F87171;--danger-dim:rgba(248,113,113,0.12);--success:#34D399;--success-dim:rgba(52,211,153,0.12);--warning:#FBBF24;--warning-dim:rgba(251,191,36,0.12);--shadow-sm:0 1px 4px rgba(0,0,0,0.50);--shadow-md:0 6px 20px rgba(0,0,0,0.60);--shadow-lg:0 16px 56px rgba(0,0,0,0.70);--shadow-gold:0 0 24px rgba(155,155,175,0.18);--shadow-card:0 1px 0 rgba(255,255,255,0.05),0 8px 32px rgba(0,0,0,0.50);--hdr-bg:rgba(19,19,21,0.96);--hdr-border:rgba(255,255,255,0.07);--bg-image:none;--accent:#9B9BAF;--accent-strong:#6F6F85;--accent-dim:rgba(155,155,175,0.14);--btn-play-from:#6A6A80;--btn-play-to:#4A4A5A;--banner-from:#0A0A0C;--banner-to:#111114;--hero-bg-image:none;--hero-bg-filter:none;--hero-overlay:none;--pui-glow-xs:rgba(155,155,175,0.05);--pui-glow-sm:rgba(155,155,175,0.10);--pui-glow-md:rgba(155,155,175,0.18);--pui-glow-lg:rgba(155,155,175,0.28);--pui-glow-xl:rgba(155,155,175,0.40);--pui-glow-2xl:rgba(155,155,175,0.54);--pui-orb-c:rgba(200,200,220,0.75);--pui-orb-m:rgba(155,155,175,0.48);--pui-orb-e:rgba(111,111,133,0.15)}[data-theme=gold]{--bg:#1C1509;--bg2:#251C0C;--bg3:#2E230F;--surface:#271D0D;--surface2:#312511;--surface3:#3B2D17;--border:rgba(212,175,55,0.10);--border2:rgba(212,175,55,0.22);--border3:rgba(212,175,55,0.42);--gold:#D4AF37;--gold2:#E8C96A;--gold3:#A8892A;--gold-dim:rgba(212,175,55,0.10);--gold-glow:rgba(212,175,55,0.22);--gold-glow2:rgba(212,175,55,0.40);--text:#F5E6C8;--text2:#C2A96A;--text3:#8A7040;--danger:#ef4444;--danger-dim:rgba(239,68,68,0.12);--success:#22c55e;--success-dim:rgba(34,197,94,0.12);--warning:#f59e0b;--warning-dim:rgba(245,158,11,0.12);--shadow-sm:0 1px 4px rgba(0,0,0,0.40);--shadow-md:0 6px 20px rgba(0,0,0,0.50);--shadow-lg:0 14px 50px rgba(0,0,0,0.60);--shadow-gold:0 0 24px var(--gold-glow2);--shadow-card:0 2px 0 var(--border2),0 8px 32px rgba(0,0,0,0.35);--hdr-bg:rgba(28,21,9,0.92);--hdr-border:rgba(212,175,55,0.22);--bg-image:none;--banner-from:#141009;--banner-to:#221A0C;--hero-bg-image:none;--hero-bg-filter:none;--hero-overlay:none;--accent:#D4AF37;--accent-strong:#A8892A;--accent-dim:rgba(212,175,55,0.30);--btn-play-from:#E8C96A;--btn-play-to:#9a6e1a;--pui-glow-xs:rgba(212,175,55,0.05);--pui-glow-sm:rgba(212,175,55,0.09);--pui-glow-md:rgba(212,175,55,0.18);--pui-glow-lg:rgba(212,175,55,0.28);--pui-glow-xl:rgba(212,175,55,0.40);--pui-glow-2xl:rgba(212,175,55,0.52);--pui-orb-c:rgba(255,220,110,0.82);--pui-orb-m:rgba(212,175,55,0.50);--pui-orb-e:rgba(165,130,30,0.18)}[data-theme=white]{--bg:#f5f5f3;--bg2:#ededeb;--bg3:#e4e4e2;--surface:#fefefc;--surface2:#f7f7f5;--surface3:#efefed;--border:rgba(0,0,0,0.07);--border2:rgba(0,0,0,0.10);--border3:rgba(0,0,0,0.14);--gold:#4a4845;--gold2:#6e6c69;--gold3:#2e2d2b;--gold-dim:rgba(74,72,69,0.07);--gold-glow:rgba(74,72,69,0.11);--gold-glow2:rgba(74,72,69,0.20);--text:#111111;--text2:#6b7280;--text3:#9ca3af;--danger:#dc2626;--danger-dim:rgba(220,38,38,0.07);--success:#16a34a;--success-dim:rgba(22,163,74,0.07);--warning:#d97706;--warning-dim:rgba(217,119,6,0.07);--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.06),0 2px 4px rgba(0,0,0,0.04);--shadow-lg:0 8px 24px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04);--shadow-gold:none;--shadow-card:0 1px 2px rgba(0,0,0,0.04),0 2px 8px rgba(0,0,0,0.05);--hdr-bg:rgba(255,255,255,0.92);--hdr-border:rgba(0,0,0,0.07);--bg-image:none;--banner-from:var(--bg2);--banner-to:var(--bg2);--hero-bg-image:none;--hero-bg-filter:none;--hero-overlay:none;--accent:#4a4845;--accent-strong:#2e2d2b;--accent-dim:rgba(74,72,69,0.12);--btn-play-from:#D4A843;--btn-play-to:#C89B3C;--pui-glow-xs:rgba(212,168,67,0.05);--pui-glow-sm:rgba(212,168,67,0.10);--pui-glow-md:rgba(212,168,67,0.20);--pui-glow-lg:rgba(212,168,67,0.32);--pui-glow-xl:rgba(212,168,67,0.45);--pui-glow-2xl:rgba(212,168,67,0.58);--pui-orb-c:rgba(255,215,100,0.82);--pui-orb-m:rgba(212,168,67,0.50);--pui-orb-e:rgba(160,120,40,0.15)}[data-theme=light]{--banner-from:var(--bg2);--banner-to:var(--bg3);--shadow-card:0 2px 8px rgba(0,0,0,0.07),0 8px 28px rgba(0,0,0,0.09)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr-height) + 24px)}body,html{overflow-x:clip}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0}[data-theme=gold] body{position:relative}[data-theme=gold] body:before{content:"";position:fixed;inset:0;background-image:url(/patterns/islamic-pattern.svg);background-repeat:repeat;background-size:280px 280px;opacity:.04;pointer-events:none;z-index:0}[data-theme=gold] body>*{position:relative;z-index:1}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--gold3);border-radius:2px}.hdr{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--hdr-height);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:linear-gradient(to bottom,var(--bg2),var(--bg));backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border);transition:background .3s,box-shadow .3s}.hdr--scrolled{box-shadow:0 2px 20px rgba(0,0,0,.08)}.hdr-logo{gap:10px;text-decoration:none;color:var(--text)}.hdr-logo,.hdr-logo-icon{display:flex;align-items:center}.hdr-logo-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(140deg,var(--gold3) 0,var(--gold2) 100%);border:1px solid var(--border3);justify-content:center;font-size:var(--fs-xl);box-shadow:var(--shadow-sm)}.hdr-logo-text{font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:.3px}.hdr-logo-text span{color:var(--gold)}.hdr-logo-img{height:46px;width:auto;display:block}.mnav-logo .hdr-logo-img{height:40px}.hdr-logo-img--ondark,[data-theme=dark-green] .hdr-logo-img--onlight,[data-theme=dark] .hdr-logo-img--onlight,[data-theme=gold] .hdr-logo-img--onlight{display:none}[data-theme=dark-green] .hdr-logo-img--ondark,[data-theme=dark] .hdr-logo-img--ondark,[data-theme=gold] .hdr-logo-img--ondark{display:block}@media (max-width:768px){.hdr-logo-img{height:40px}}.hdr-nav{display:flex;align-items:center;gap:28px}.hdr-nav-link{position:relative;padding:6px 0;font-size:var(--fs-base);font-weight:var(--fw-medium);letter-spacing:.2px;color:var(--text2);text-decoration:none;background:transparent;border:none;cursor:pointer;font-family:var(--font-body);transition:color .2s ease,transform .2s ease}.hdr-nav-link:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;border-radius:2px;background:var(--gold);opacity:.8;transition:width .25s ease}.hdr-nav-link:hover{color:var(--text);transform:translateY(-1px)}.hdr-nav-link:hover:after{width:100%}.hdr-nav-link.active{color:var(--text)}.hdr-nav-link.active:after{width:100%}.mobile-menu-btn{width:38px;height:38px;background:var(--surface);border:1px solid var(--border2);border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--text2);cursor:pointer;transition:all .18s;flex-shrink:0}.mobile-menu-btn:hover{border-color:var(--border3);color:var(--gold);background:var(--gold-dim)}.mobile-right-actions{display:none;align-items:center;gap:8px}@media (max-width:768px){.mobile-right-actions{display:flex}}.hdr-popup{position:absolute;top:calc(100% + 8px);right:0;z-index:100;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-md);padding:10px 14px;box-shadow:var(--shadow-lg)}.hdr-popup--fontsize{display:flex;align-items:center;gap:10px;white-space:nowrap}.hdr-fontsize-btn{width:28px;height:28px;border-radius:var(--r-sm);background:var(--surface2);border:1px solid var(--border2);color:var(--text2);font-weight:var(--fw-bold);font-size:var(--fs-sm);cursor:pointer;display:flex;align-items:center;justify-content:center}.hdr-fontsize-btn:disabled{opacity:.4;cursor:not-allowed}.hdr-fontsize-val{font-size:var(--fs-xs);color:var(--text3);min-width:34px;text-align:center}.hdr-popup--theme{border-radius:var(--r-lg);padding:12px 14px;min-width:172px}.hdr-popup-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.hdr-theme-list{display:flex;flex-direction:column;gap:3px}.hdr-theme-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;border-radius:var(--r-sm);background:transparent;border:1px solid transparent;cursor:pointer;color:var(--text2);font-size:var(--fs-sm);font-weight:var(--fw-regular);text-align:left;font-family:var(--font-body)}.hdr-theme-item.active{background:var(--gold-dim);border-color:var(--border3);font-weight:var(--fw-semibold)}.hdr-theme-trigger-swatch{width:14px;height:14px;border-radius:50%;display:block;flex-shrink:0;box-shadow:0 0 0 2px var(--border2)}.hdr-theme-item-swatch{width:18px;height:18px;border-radius:50%;display:block;flex-shrink:0}.mnav-theme-section{padding:6px 0}.mnav-theme-swatches{display:flex;gap:10px;flex-wrap:wrap}.mnav-theme-swatch-btn{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:0}.mnav-theme-swatch-circle{width:32px;height:32px;border-radius:50%;display:block}.mnav-theme-swatch-name{font-size:var(--fs-xs);color:var(--text2);font-weight:var(--fw-medium)}.mnav-theme-swatch-name.active{color:var(--gold);font-weight:var(--fw-bold)}.surah-name-glyph{font-family:var(--font-surah-name);font-feature-settings:"liga" 1,"calt" 1,common-ligatures contextual;font-variant-ligatures:common-ligatures contextual;font-style:normal;font-weight:400;direction:rtl;display:inline-block;text-rendering:optimizeLegibility}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--r-sm);font-size:var(--fs-base);font-weight:var(--fw-medium);cursor:pointer;transition:transform .2s var(--ease-spring,cubic-bezier(.34,1.56,.64,1)),background .18s ease,box-shadow .2s ease,border-color .18s ease,color .15s ease;border:none;font-family:var(--font-body);text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.94);transition:transform .08s ease}.btn-sm{padding:5px 12px;font-size:var(--fs-sm)}.btn-lg{padding:11px 24px}.btn-lg,.btn-xl{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.btn-xl{padding:13px 30px}.btn-icon{width:34px;height:34px;padding:0;justify-content:center;background:var(--bg2);color:var(--text2);border:1px solid var(--border);border-radius:10px}.btn-icon:hover{background:var(--bg3);color:var(--text)}.btn-icon--theme{width:auto;padding:6px 8px;gap:5px}.btn-primary{background:var(--gold);color:#fff;border:1px solid transparent;box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.15)}.btn-primary:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 20px var(--gold-glow)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border2)}.btn-secondary:hover{border-color:var(--border3);color:var(--gold);background:var(--gold-dim)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid transparent}.btn-ghost:hover{color:var(--gold2);background:var(--gold-dim);border-color:var(--border2)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border2)}.btn-outline:hover{border-color:var(--border3);color:var(--gold);background:var(--gold-dim)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(220,38,38,.25)}.btn-danger:hover{background:var(--danger);color:#fff}.cta-lg{padding:13px 30px;border-radius:var(--r-lg);font-size:var(--fs-lg);font-weight:var(--fw-semibold);font-family:var(--font-body);cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:8px;border:none;text-decoration:none}.cta-gold{background:var(--gold);color:#fff;border:1px solid var(--gold2);box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,.2)}.cta-gold:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-border{background:transparent;color:var(--text);border:1px solid var(--border2)}.cta-border:hover{border-color:var(--border3);color:var(--gold);background:var(--gold-dim)}.cta-green{background:var(--gold);color:#fff;border:1px solid var(--gold2);box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,.2)}.cta-green:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.fab{position:fixed;bottom:28px;right:24px;z-index:90;width:54px;height:54px;border-radius:16px;background:linear-gradient(140deg,var(--gold3),var(--gold2));border:1px solid var(--border3);display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;box-shadow:0 6px 28px var(--gold-glow2),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .3s var(--ease-spring,cubic-bezier(.34,1.56,.64,1)),box-shadow .25s ease;animation:fabPulse 3s ease-in-out infinite;will-change:transform}.fab:hover{transform:scale(1.1) translateY(-3px);box-shadow:0 14px 44px var(--gold-glow2)}.fab:active{transform:scale(.95);transition:transform .08s ease}.drawer-overlay,.overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s}.drawer-overlay.open,.overlay.open{opacity:1;pointer-events:all}.drawer{position:fixed;right:0;top:0;bottom:0;z-index:201;width:370px;max-width:96vw;background:var(--surface);border-left:1px solid var(--border2);box-shadow:none;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .36s cubic-bezier(.32,.72,0,1),box-shadow .36s cubic-bezier(.32,.72,0,1)}.drawer.open{transform:translateX(0);box-shadow:-2px 0 0 var(--border3),-24px 0 60px rgba(0,0,0,.3)}.drawer-hdr,.drawer-header{padding:18px 18px 16px;border-bottom:1px solid var(--border2);display:flex;align-items:center;justify-content:space-between;background:var(--surface);flex-shrink:0}.drawer-hdr-left{display:flex;flex-direction:column;gap:2px}.drawer-hdr-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.drawer-hdr-sub{font-size:var(--fs-sm);color:var(--text2)}.drawer-tabs{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border2);background:var(--surface);flex-shrink:0}.d-tab,.drawer-tab{flex:1 1;padding:7px 8px;background:var(--bg2);border:1.5px solid var(--border2);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text2);transition:all .15s;font-family:var(--font-body);display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.d-tab:hover:not(.active),.drawer-tab:hover:not(.active){border-color:var(--border3);color:var(--text)}.d-tab.active,.drawer-tab.active{background:var(--gold);border-color:var(--gold);color:#fff}.drawer-tab-count{font-size:var(--fs-xs);font-weight:var(--fw-bold)}.drawer-tab.active .drawer-tab-count{opacity:.9}.drawer-search{display:flex;align-items:center;gap:8px;padding:10px 14px;flex-shrink:0;border-bottom:1px solid var(--border2);background:var(--bg)}.drawer-search-icon{color:var(--text3);flex-shrink:0}.drawer-search input{flex:1 1;background:none;border:none;outline:none;font-size:var(--fs-sm);color:var(--text);font-family:var(--font-body)}.drawer-search input::placeholder{color:var(--text3)}.drawer-search-clear{width:18px;height:18px;border-radius:50%;background:var(--border2);border:none;cursor:pointer;color:var(--text2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;transition:background .12s}.drawer-search-clear:hover{background:var(--gold);color:#fff}.drawer-list{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden}.d-item,.drawer-item{display:flex;align-items:center;gap:12px;padding:0 14px;height:56px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s,transform .12s;overflow:hidden}.d-item:last-child,.drawer-item:last-child{border-bottom:none}.d-item:hover,.drawer-item:hover{background:var(--gold-dim);transform:translateX(5px);transition:background .15s,transform .22s var(--ease-spring,cubic-bezier(.34,1.56,.64,1))}.d-item:active,.drawer-item:active{transform:scale(.99) translateX(2px);background:var(--bg3);transition:transform .08s ease}.d-item.active,.drawer-item.active{background:var(--gold-glow);border-left:3px solid var(--gold);padding-left:11px}.d-num,.drawer-item-num{width:30px;flex-shrink:0;text-align:right;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--gold3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.d-item.active .d-num,.drawer-item.active .drawer-item-num{color:var(--gold)}.d-info,.drawer-item-info{flex:1 1;min-width:0}.d-name,.drawer-item-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-item.active .d-name,.drawer-item.active .drawer-item-name{color:var(--gold);font-weight:var(--fw-bold)}.d-meta,.drawer-item-meta{font-size:var(--fs-xs);color:var(--text2);margin-top:2px;display:flex;align-items:center;gap:6px}.d-arabic,.drawer-item-arabic{font-family:var(--font-arabic);font-size:18px;color:var(--text2)}.drawer-item-arabic--surah{font-size:var(--fs-2xl)}.drawer-empty,.empty{padding:32px 16px;text-align:center;color:var(--text3);font-size:var(--fs-sm)}.drawer-empty span,.empty span{display:block;font-size:28px;margin-bottom:10px}.badge{font-size:11.5px;font-weight:600;padding:1px 6px;border-radius:100px;letter-spacing:.2px}.badge-gold{background:var(--gold-dim);color:var(--gold);border:1px solid var(--border2)}.badge-danger{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(220,38,38,.2)}.badge-success{background:var(--success-dim);color:var(--success);border:1px solid rgba(22,163,74,.2)}.badge-warning{background:var(--warning-dim);color:var(--warning);border:1px solid rgba(217,119,6,.2)}.badge-meccan{background:var(--gold-dim);color:var(--gold);border:1px solid var(--border2)}.badge-live,.badge-medinan{background:var(--success-dim);color:var(--success);border:1px solid rgba(22,163,74,.2)}.badge-draft{background:var(--warning-dim);color:var(--warning);border:1px solid rgba(217,119,6,.2)}.badge-missing{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(220,38,38,.2)}.badge-em{color:var(--gold)}.badge-em,.badge-soon{background:var(--gold-dim);border:1px solid var(--border2)}.badge-soon{color:var(--gold2)}.pill{font-size:12.5px;font-weight:600;padding:2px 9px;border-radius:100px;letter-spacing:.3px;display:inline-block}.pill-live{background:var(--success-dim);color:var(--success);border:1px solid rgba(22,163,74,.2)}.pill-soon{background:var(--gold-dim);color:var(--gold)}.card,.pill-soon{border:1px solid var(--border2)}.card{background:var(--surface);border-radius:var(--radius);padding:24px;transition:all .3s;overflow:hidden;box-shadow:var(--shadow-sm)}.card,.card-highlight{position:relative}.card-highlight:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--gold),transparent);opacity:0;transition:opacity .3s}.card-highlight:hover{border-color:var(--border3);transform:translateY(-5px);box-shadow:0 2px 0 var(--border3),0 16px 48px rgba(0,0,0,.12),0 0 0 1px var(--gold-glow),inset 0 1px 0 rgba(255,255,255,.06)}.card-highlight:hover:after{opacity:1}.card-gold-top:before{content:"";position:absolute;top:-1px;left:20px;right:20px;height:2px;background:linear-gradient(to right,transparent,var(--gold),transparent);border-radius:1px}.stat-card{border:1px solid var(--border2);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow-sm)}.input,.stat-card{background:var(--surface)}.input{width:100%;border:1px solid var(--border2);border-radius:var(--r-sm);padding:10px 13px;color:var(--text);font-size:var(--fs-md);font-family:var(--font-body);outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--border3);box-shadow:0 0 0 3px var(--gold-dim)}.input::placeholder{color:var(--text3)}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--text2)}.input-hint{font-size:var(--fs-sm);color:var(--text3)}.input-error .input{border-color:var(--danger)}.input-error-msg{font-size:var(--fs-sm);color:var(--danger)}.page-wrapper{min-height:100vh;background:var(--bg)}.page,.page-content{padding-top:var(--hdr-height)}.container{width:100%;max-width:var(--w-max);margin:0 auto;padding:0 40px}.container-sm{width:100%;max-width:680px;margin:0 auto;padding:0 24px}.container-lg{width:100%;max-width:calc(var(--w-max) + 200px);margin:0 auto;padding:0 40px}@media (max-width:768px){.container,.container-lg{padding:0 16px}.page-wrapper{padding-bottom:calc(70px + env(safe-area-inset-bottom, 0px))}}.section,.section-alt{padding:96px 24px}.section-alt{background:var(--bg3);border-top:1px solid var(--border2);border-bottom:1px solid var(--border2)}.sec{padding:96px 24px}.sec-bg{background:var(--bg3);border-top:1px solid var(--border2);border-bottom:1px solid var(--border2)}.sec-inner,.sec-inner-alt{max-width:var(--w-max);margin:0 auto;padding:0 40px}.sec-inner-alt{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}@media (max-width:768px){.sec-inner{padding:0 20px}.sec-inner-alt{grid-template-columns:1fr;gap:48px;padding:0 20px}}.divider{max-width:var(--w-max);margin:0 auto}.divider,.divider-full{height:1px;background:linear-gradient(to right,transparent,var(--border2),var(--border3),var(--border2),transparent)}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}.eyebrow:before{content:"";width:20px;height:2px;background:var(--gold);border-radius:1px}.heading-xl{font-size:clamp(42px,7vw,72px);line-height:1.08;letter-spacing:-1px}.heading-lg,.heading-xl{font-family:var(--font-display);font-weight:700}.heading-lg{font-size:clamp(26px,3.8vw,40px);line-height:1.18}.heading-md{font-size:clamp(20px,2.8vw,28px);font-weight:600;line-height:1.3}.heading-md,.sec-h2{font-family:var(--font-display)}.sec-h2{font-size:clamp(26px,3.8vw,40px);font-weight:700;line-height:1.18;margin-bottom:14px}.sec-p{font-size:17.5px;color:var(--text2);line-height:1.75;max-width:520px}.text-primary{color:var(--text)}.text-secondary{color:var(--text2)}.text-muted{color:var(--text3)}.text-em,.text-gold{color:var(--gold)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-arabic{font-family:var(--font-arabic);direction:rtl}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.quran-text{font-family:var(--font-quran);line-height:2.4;font-size:1.6rem;font-weight:400;-webkit-font-smoothing:antialiased;font-feature-settings:"kern" 1}.quran-text,.quran-text-sm{direction:rtl;text-align:right;color:var(--text)}.quran-text-sm{font-family:var(--font-quran);line-height:2;font-size:1.2rem;font-weight:400;-webkit-font-smoothing:antialiased}.hdr-hide-sm,.hide-sm{display:flex}@media (max-width:768px){.hdr-hide-sm,.hide-sm{display:none!important}}.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:52px}.feat-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);padding:28px 26px;transition:all .3s;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.feat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--gold),transparent);opacity:0;transition:opacity .3s}.feat-card:hover{border-color:var(--border3);transform:translateY(-6px);box-shadow:var(--shadow-lg),0 0 0 1px var(--gold-glow),0 0 28px var(--gold-glow)}.feat-card:hover:after{opacity:1}.feat-card:hover .feat-icon{transform:scale(1.12);box-shadow:var(--shadow-md),0 0 16px var(--gold-glow)}.feat-icon{width:50px;height:50px;border-radius:13px;background:var(--surface2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease-spring,cubic-bezier(.34,1.56,.64,1)),box-shadow .3s ease;will-change:transform}.feat-title{font-size:18px;font-weight:600;margin-bottom:9px}.feat-desc{font-size:16px;color:var(--text2);line-height:1.65}.steps-list{list-style:none;display:flex;flex-direction:column;gap:20px;margin-top:36px}.step-item{display:flex;gap:16px;align-items:flex-start;padding:18px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-sm);transition:border-color .2s;box-shadow:var(--shadow-sm)}.step-item:hover{border-color:var(--border3)}.step-n{width:34px;height:34px;border-radius:9px;flex-shrink:0;background:var(--gold-dim);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--gold)}.step-n-text h4{font-size:16.5px;font-weight:600;margin-bottom:3px}.step-n-text p{font-size:15.5px;color:var(--text2);line-height:1.6}.qr-wrap{display:flex;justify-content:center}.qr-card{background:var(--surface);border:1px solid var(--border2);border-radius:20px;padding:32px 28px;text-align:center;box-shadow:var(--shadow-card);position:relative}.qr-card:before{content:"";position:absolute;top:-1px;left:20px;right:20px;height:2px;background:linear-gradient(to right,transparent,var(--gold2),transparent);border-radius:1px}.qr-grid{width:148px;height:148px;margin:0 auto 20px;display:grid;grid-template-columns:repeat(10,1fr);gap:2.5px}.qr-dot{border-radius:1.5px;background:var(--gold2);aspect-ratio:1}.qr-info strong{display:block;font-size:15px;color:var(--gold);margin-bottom:3px}.qr-info span{font-size:12px;color:var(--text3)}.lang-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:48px}.lang-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);padding:22px 20px;display:flex;align-items:center;gap:16px;transition:all .25s;box-shadow:var(--shadow-sm)}.lang-card:hover{border-color:var(--border3);background:var(--surface2);transform:translateY(-2px);box-shadow:var(--shadow-md)}.lang-card.live{border-left:3px solid var(--gold)}.lang-card.soon{border-left:3px solid var(--border3)}.lang-flag{font-size:32px}.lang-name{font-size:17px;font-weight:600;margin-bottom:4px}.cta-sec{padding:100px 24px;text-align:center;background:var(--bg3);border-top:1px solid var(--border2);position:relative;overflow:hidden}.cta-sec-glow{top:-160px;left:50%;transform:translateX(-50%);width:700px;height:500px;border-radius:50%;background:radial-gradient(ellipse,var(--gold-glow) 0,transparent 68%)}.cta-sec-arabic,.cta-sec-glow{position:absolute;pointer-events:none}.cta-sec-arabic{inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-arabic);font-size:200px;color:var(--gold);opacity:.025;-webkit-user-select:none;user-select:none;direction:rtl}.cta-box-shared{position:relative;z-index:1;max-width:580px;margin:0 auto;background:var(--surface);border:1px solid var(--border2);border-radius:20px;padding:52px 40px;box-shadow:var(--shadow-card)}.cta-box-shared:before{content:"";position:absolute;top:-1px;left:40px;right:40px;height:2px;background:linear-gradient(to right,transparent,var(--gold2),transparent);border-radius:1px}.cta-box-shared .eyebrow{justify-content:center}.cta-box-shared .sec-h2{text-align:center;font-size:clamp(24px,3.5vw,36px)}.cta-desc{color:var(--text2);font-size:15px;line-height:1.75;max-width:400px;margin:14px auto 32px;text-align:center}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.footer{background:var(--bg2);border-top:1px solid var(--border2);padding:52px 28px 28px;box-shadow:0 -1px 0 var(--border)}.footer-inner{max-width:var(--w-max);margin:0 auto}.footer-grid,.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:32px}@media (max-width:768px){.footer-grid,.footer-top{grid-template-columns:1fr 1fr;gap:28px}}@media (max-width:480px){.footer-grid,.footer-top{grid-template-columns:1fr;gap:24px}}.footer-legal-links{display:flex;flex-wrap:wrap;gap:0;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--border)}.footer-legal-links a{font-size:var(--fs-xs);color:var(--text2);text-decoration:none;transition:color .15s;padding:4px 16px 4px 0;margin-right:16px;border-right:1px solid var(--border2);line-height:1.4}.footer-legal-links a:last-child{border-right:none;margin-right:0;padding-right:0}.footer-legal-links a:hover{color:var(--gold)}@media (max-width:640px){.footer-legal-links{gap:6px 0}.footer-legal-links a{border-right:none;margin-right:12px;padding-right:0}}.f-col h4,.footer-col h4,.footer-col-heading{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--text2);margin-bottom:16px}.f-col a,.footer-col a{display:block;font-size:var(--fs-md);color:var(--text2);text-decoration:none;margin-bottom:10px;transition:color .2s}.f-col a:hover,.footer-col a:hover{color:var(--gold)}.f-col button,.footer-col button{display:block;font-size:var(--fs-md);color:var(--text2);background:none;border:none;cursor:pointer;padding:0;margin-bottom:10px;text-align:left;font-family:var(--font-body);transition:color .2s}.f-col button:hover,.footer-col button:hover{color:var(--gold)}.footer-desc{font-size:var(--fs-base);color:var(--text2);line-height:var(--lh-relaxed);margin-top:13px;max-width:270px}.footer-bot,.footer-bottom{padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.footer-copy{font-size:var(--fs-sm);color:var(--text2)}.footer-copy b{color:var(--gold);font-weight:var(--fw-medium)}.footer-arabic,.footer-qul{font-family:var(--font-arabic);font-size:var(--fs-md);color:var(--text3);direction:rtl}.table-wrap{overflow-x:auto;border:1px solid var(--border2);border-radius:var(--radius);background:var(--surface)}.table{width:100%;border-collapse:collapse;font-size:15.5px}.table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text3);border-bottom:1px solid var(--border2);background:var(--bg3)}.table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text2)}.table tr:last-child td{border-bottom:none}.table tr:nth-child(2n) td{background:var(--surface2)}.table tr:hover td{background:var(--gold-dim)!important}.modal-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:all}.modal-box{background:var(--surface);border-radius:var(--r-lg);padding:28px;width:480px;max-width:95vw;box-shadow:var(--shadow-lg);transform:scale(.88) translateY(12px);opacity:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .22s ease}.modal-overlay.open .modal-box{transform:scale(1) translateY(0);opacity:1}.player-wrap{position:fixed;bottom:0;left:0;right:0;z-index:80;background:var(--surface);border-top:1px solid var(--border2);box-shadow:0 -6px 32px rgba(0,0,0,.18),0 -1px 0 var(--accent-dim)}.toggle{position:relative;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--border3);border-radius:24px;cursor:pointer;transition:.3s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:white;border-radius:50%;transition:.3s}input:checked+.toggle-slider{background:var(--gold)}input:checked+.toggle-slider:before{transform:translateX(20px)}.hdr-actions{display:flex;align-items:center;gap:8px}.usermenu-wrap{position:relative}.usermenu-trigger{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;background:var(--surface);border:1px solid var(--border2);border-radius:999px;cursor:pointer;transition:border-color .18s}.usermenu-trigger:hover{border-color:var(--border3)}.usermenu-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--gold3),var(--gold2));display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.usermenu-name{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu-chevron{color:var(--text3);transition:transform .2s;flex-shrink:0}.usermenu-chevron.open{transform:rotate(180deg)}.usermenu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:var(--surface);border:1px solid var(--border2);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);z-index:200;overflow:hidden}.usermenu-info{padding:12px 14px;border-bottom:1px solid var(--border2)}.usermenu-info-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text);margin-bottom:2px}.usermenu-info-email{font-size:var(--fs-xs);color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu-item{width:100%;text-align:left;display:flex;align-items:center;gap:9px;padding:10px 14px;background:transparent;border:none;border-bottom:1px solid var(--border2);font-family:var(--font-body);font-size:var(--fs-base);color:var(--text2);cursor:pointer;transition:background .15s,color .15s}.usermenu-item:last-child{border-bottom:none}.usermenu-item:hover{background:var(--gold-dim);color:var(--gold)}.usermenu-item--danger{color:var(--danger)}.usermenu-item--danger:hover{background:var(--danger-dim);color:var(--danger)}.mnav-overlay{position:fixed;inset:0;z-index:299;background:rgba(26,15,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s}.mnav-overlay.open{opacity:1;pointer-events:all}.mnav-panel{position:fixed;top:0;right:0;bottom:0;z-index:300;width:280px;max-width:85vw;background:var(--bg2);border-left:1px solid var(--border2);box-shadow:none;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.32,.72,0,1),box-shadow .35s cubic-bezier(.32,.72,0,1)}.mnav-panel.open{transform:translateX(0);box-shadow:-8px 0 40px rgba(26,15,0,.25)}.mnav-header{justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border2)}.mnav-header,.mnav-logo{display:flex;align-items:center}.mnav-logo{gap:9px}.mnav-close{width:32px;height:32px;border:1px solid var(--border2);border-radius:8px;background:var(--surface);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.mnav-close:hover{border-color:var(--border3);color:var(--text)}.mnav-nav{flex:1 1;padding:12px;display:flex;flex-direction:column;gap:0;overflow-y:auto}.mnav-item-wrap{border-bottom:1px solid var(--border2)}.mnav-item{display:block;width:100%;text-align:left;padding:13px 14px;border:none;background:transparent;font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--text2);cursor:pointer;text-decoration:none;transition:background .18s,color .18s}.mnav-item:hover{background:var(--gold-dim);color:var(--gold)}.mnav-item--sm{padding:9px 14px;font-size:var(--fs-sm);color:var(--text3)}.mnav-item--sm:hover{color:var(--gold)}.mnav-section-label{padding:10px 14px 4px;font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text);border-bottom:1px solid var(--border2)}.mnav-item--row{display:flex;align-items:center;gap:10px}.mnav-user-section{padding:16px 4px 8px;display:flex;flex-direction:column;gap:6px}.mnav-user-info{padding:10px 14px;background:var(--surface);border:1px solid var(--border2);border-radius:10px;margin-bottom:4px}.mnav-user-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text)}.mnav-user-email{font-size:var(--fs-xs);color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mnav-user-btn{width:100%;text-align:left;padding:11px 14px;border-radius:var(--r-sm);border:1px solid var(--border2);background:transparent;font-family:var(--font-body);font-size:var(--fs-base);color:var(--text2);cursor:pointer;transition:all .15s}.mnav-user-btn:hover{background:var(--gold-dim);color:var(--gold);border-color:var(--gold)}.mnav-user-btn--danger{border-color:rgba(220,38,38,.25);background:var(--danger-dim);color:var(--danger)}.mnav-user-btn--danger:hover{background:rgba(220,38,38,.12);border-color:#dc2626}.mnav-signin{display:block;text-align:center;padding:13px 14px;border-radius:var(--r-md);background:var(--gold);color:#fff;font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-semibold);text-decoration:none;transition:background .18s}.mnav-signin:hover{background:var(--gold3)}.bnav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:85;height:70px;padding-bottom:env(safe-area-inset-bottom,0);background:var(--hdr-bg);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-top:1px solid var(--hdr-border);box-shadow:0 -4px 28px rgba(0,0,0,.13),0 -1px 0 rgba(255,255,255,.04);align-items:center;justify-content:space-around;padding-left:4px;padding-right:4px;transform:translateZ(0)}@media (max-width:768px){.bnav{display:flex}.player-wrap{bottom:calc(70px + env(safe-area-inset-bottom, 0px))}.fab{bottom:calc(84px + env(safe-area-inset-bottom, 0px))}.mobile-menu-btn{display:none!important}}.bnav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1 1;padding:6px 4px;background:none;border:none;cursor:pointer;color:var(--text3);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.2px;text-decoration:none;position:relative;transition:color .18s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bnav-item--active:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:24px;height:3px;background:var(--gold);border-radius:0 0 4px 4px}.bnav-item--active{color:var(--gold);font-weight:600}.bnav-item:active:not(.bnav-item--scan){transform:scale(.88);transition:transform .08s ease,color .18s;opacity:.8}.bnav-icon{width:23px;height:23px;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.bnav-item--active .bnav-icon{transform:translateY(-1px) scale(1.1)}.bnav-item--scan{flex:1.2 1;color:var(--text3);position:relative}.bnav-scan-ring{width:54px;height:54px;border-radius:50%;background:linear-gradient(140deg,var(--gold3),var(--gold2));border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px var(--gold-glow2),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;margin-bottom:1px;transform:translateY(-14px);will-change:transform}.bnav-item--scan:hover .bnav-scan-ring{transform:translateY(-19px) scale(1.08);box-shadow:0 12px 36px var(--gold-glow2),0 0 0 3px var(--gold-glow)}.bnav-item--scan:active .bnav-scan-ring{transform:translateY(-12px) scale(.93);box-shadow:0 4px 16px var(--gold-glow2);transition:transform .08s ease,box-shadow .08s}.bnav-item--scan span{margin-top:-6px;font-size:10.5px}.bnav-icon--scan{width:22px;height:22px;color:#fff}.qrscan-overlay{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.88);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}@media (min-width:480px){.qrscan-overlay{align-items:center}}.qrscan-modal{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border2);border-radius:20px 20px 0 0;overflow:hidden;animation:slideUp .3s cubic-bezier(.32,.72,0,1)}@media (min-width:480px){.qrscan-modal{border-radius:20px;animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.qrscan-hdr{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 14px;border-bottom:1px solid var(--border2)}.qrscan-title{font-size:15px;font-weight:600;color:var(--text)}.qrscan-close{width:30px;height:30px;border-radius:8px;background:var(--surface2);border:1px solid var(--border2);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.qrscan-close:hover{border-color:var(--border3);color:var(--text)}.qrscan-body{position:relative;aspect-ratio:1;background:#000;overflow:hidden}.qrscan-video{width:100%;height:100%;object-fit:cover;display:block}.qrscan-finder{position:absolute;inset:0;pointer-events:none}.qrscan-corner{position:absolute;width:28px;height:28px;border-color:var(--gold);border-style:solid}.qrscan-corner--tl{top:18%;left:15%;border-width:3px 0 0 3px;border-radius:4px 0 0 0}.qrscan-corner--tr{top:18%;right:15%;border-width:3px 3px 0 0;border-radius:0 4px 0 0}.qrscan-corner--bl{bottom:18%;left:15%;border-width:0 0 3px 3px;border-radius:0 0 0 4px}.qrscan-corner--br{bottom:18%;right:15%;border-width:0 3px 3px 0;border-radius:0 0 4px 0}.qrscan-line{position:absolute;left:15%;right:15%;top:18%;height:2px;background:linear-gradient(to right,transparent,var(--gold),var(--gold2),var(--gold),transparent);border-radius:1px;box-shadow:0 0 8px var(--gold-glow2);animation:scanLine 2s ease-in-out infinite}@keyframes scanLine{0%{top:18%;opacity:1}48%{opacity:1}50%{top:calc(82% - 2px);opacity:.6}52%{opacity:1}to{top:18%;opacity:1}}.qrscan-hint{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:10px 20px 14px;font-size:12.5px;color:rgba(255,255,255,.75);background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)}.qrscan-err{flex-direction:column;gap:16px;padding:36px 28px;text-align:center}.qrscan-err,.qrscan-err-icon{display:flex;align-items:center;justify-content:center}.qrscan-err-icon{width:68px;height:68px;border-radius:50%;background:var(--danger-dim);border:1px solid rgba(220,38,38,.2);color:var(--danger)}.qrscan-err p{font-size:14px;color:var(--text2);line-height:1.65;max-width:280px}.bnav-sheet-overlay{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;animation:fadeIn .2s ease}.bnav-sheet{width:100%;background:var(--surface);border-radius:20px 20px 0 0;border:1px solid var(--border2);border-bottom:none;box-shadow:0 -8px 40px rgba(0,0,0,.18);max-height:88vh;overflow-y:auto;animation:slideUp .32s cubic-bezier(.32,.72,0,1)}.bnav-sheet-handle{width:38px;height:4px;background:var(--border3);border-radius:2px;margin:10px auto 0}.bnav-sheet-hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 10px;border-bottom:1px solid var(--border2)}.bnav-sheet-title{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text)}.bnav-sheet-body{padding:8px 16px 24px;display:flex;flex-direction:column;gap:4px}.bnav-sheet-section{padding:10px 0 4px;border-bottom:1px solid var(--border)}.bnav-sheet-section:last-child{border-bottom:none}.bnav-sheet-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:8px;padding:0 2px}.bnav-sheet-user{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:6px;background:var(--surface2);border:1px solid var(--border2);border-radius:12px}.bnav-sheet-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--gold3),var(--gold2));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.bnav-sheet-username{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text)}.bnav-sheet-email{font-size:var(--fs-xs);color:var(--text3)}.bnav-sheet-row{display:flex;align-items:center;gap:11px;width:100%;padding:12px 10px;background:none;border:none;border-radius:var(--r-md);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text2);cursor:pointer;text-align:left;transition:background .15s,color .15s}.bnav-sheet-row:hover{background:var(--gold-dim);color:var(--gold)}.bnav-sheet-row--danger{color:var(--danger)}.bnav-sheet-row--danger:hover{background:var(--danger-dim);color:var(--danger)}.bnav-sheet-row--accent{color:var(--gold);font-weight:600}.bnav-sheet-row--accent:hover{background:var(--gold-dim)}.bnav-sheet-row-arrow{margin-left:auto;color:var(--text3);flex-shrink:0}.bnav-sheet-themes{display:flex;flex-direction:column;gap:3px}.bnav-theme-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:var(--r-md);background:none;border:1px solid transparent;font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text2);cursor:pointer;transition:all .15s}.bnav-theme-btn:hover{background:var(--surface2);border-color:var(--border2)}.bnav-theme-btn.active{background:var(--gold-dim);border-color:var(--border3);color:var(--text);font-weight:600}.bnav-theme-swatch{width:22px;height:22px;border-radius:50%;flex-shrink:0;border:1.5px solid transparent;display:block}.bnav-sheet-fontrow{display:flex;align-items:center;gap:12px;padding:8px 10px}.bnav-font-btn{width:38px;height:38px;border-radius:10px;background:var(--surface2);border:1px solid var(--border2);font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--text2);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.bnav-font-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.bnav-font-btn:disabled{opacity:.35;cursor:default}.bnav-font-val{flex:1 1;text-align:center;font-size:13px;font-weight:600;color:var(--text3)}@media (max-width:768px){.hover-lift:hover{transform:none}[role=button],a,button{touch-action:manipulation}.hdr{padding:0 16px;background:var(--bg2)}.bnav,.hdr{backdrop-filter:none;-webkit-backdrop-filter:none}.bnav{background:var(--hdr-bg)}.bnav-scan-ring,.btn,.fab,.feat-icon,.hover-lift,.hover-scale,.scan-confirm-btn,.scan-lang-btn,.scan-mode-btn{will-change:auto}.reveal-blur{transform:translateY(16px)}.reveal-blur,.reveal-blur.visible{filter:none!important}.mobile-full-bleed,.mobile-px-0{padding-left:0!important;padding-right:0!important}.sl-grid-card:active,.sl-list-item:active{transform:scale(.98);transition:transform .08s ease}.sl-grid-card:hover,.sl-list-item:hover{transform:none}.sl-list-item{border-radius:calc(var(--radius-card) + 4px)}.sl-grid-card{border-radius:calc(var(--radius-card) + 6px)}.bnav-sheet{border-radius:24px 24px 0 0;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.bnav-sheet-overlay{animation:fadeIn .18s ease both}.bnav-sheet{animation:mobileSlideUp .32s cubic-bezier(.32,.72,0,1) both}.qrscan-modal{border-radius:24px 24px 0 0;width:100%}.d-item,.drawer-item{height:62px}.lang-grid{grid-template-columns:1fr;gap:10px;margin-top:28px}.lang-card:hover{transform:none}.lang-card:active{transform:scale(.98);transition:transform .08s}.pui-body{padding:24px 18px 20px!important}}.lp-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:lp-fade-in .25s ease both}@keyframes lp-fade-in{0%{opacity:0}to{opacity:1}}.lp-modal{position:relative;background:var(--bg2);border:1px solid var(--border2);border-radius:24px;padding:40px 36px 32px;max-width:400px;width:100%;text-align:center;box-shadow:0 32px 80px rgba(0,0,0,.35);animation:lp-slide-up .3s cubic-bezier(.22,1,.36,1) both}@keyframes lp-slide-up{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.lp-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;background:var(--bg3);border:none;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.lp-close:hover{background:var(--border2);color:var(--text)}.lp-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--gold3),var(--gold2));display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff;box-shadow:0 8px 24px rgba(180,130,40,.3)}.lp-arabic{font-family:var(--font-arabic);font-size:var(--fs-lg);color:var(--gold);margin-bottom:12px}.lp-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--text);margin-bottom:10px}.lp-desc{font-size:var(--fs-sm);color:var(--text3);line-height:1.6;margin-bottom:28px}.lp-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.lp-btn-primary{width:100%;padding:13px;background:linear-gradient(135deg,var(--btn-play-from),var(--btn-play-to));color:#fff;font-weight:700;font-size:var(--fs-sm);border:none;border-radius:12px;cursor:pointer;transition:opacity .15s}.lp-btn-primary:hover{opacity:.9}.lp-btn-secondary{width:100%;padding:12px;background:transparent;border:1.5px solid var(--border2);color:var(--text2);font-weight:600;font-size:var(--fs-sm);border-radius:12px;cursor:pointer;transition:border-color .15s,color .15s}.lp-btn-secondary:hover{border-color:var(--gold);color:var(--gold)}.lp-later{background:none;border:none;color:var(--text3);font-size:var(--fs-xs);cursor:pointer;padding:4px 8px;transition:color .15s}.lp-later:hover{color:var(--text2)}@media (max-width:480px){.lp-modal{padding:32px 24px 28px;border-radius:20px}}.srch-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:80px;animation:srchFadeIn .15s ease}@keyframes srchFadeIn{0%{opacity:0}to{opacity:1}}.srch-modal{width:100%;max-width:560px;background:var(--bg2);border:1.5px solid var(--border2);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.4);overflow:hidden;animation:srchSlideIn .18s cubic-bezier(.22,1,.36,1)}@keyframes srchSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:none}}.srch-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.srch-icon{flex-shrink:0;color:var(--text3)}.srch-input{flex:1 1;background:none;border:none;outline:none;font-size:var(--fs-base);color:var(--text);caret-color:var(--gold)}.srch-clear,.srch-input::placeholder{color:var(--text3)}.srch-clear{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.srch-clear:hover{color:var(--text);background:var(--bg3)}.srch-esc{background:var(--bg3);border:1px solid var(--border2);color:var(--text3);font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:color .15s;flex-shrink:0}.srch-esc:hover{color:var(--text2)}.srch-results{max-height:360px;overflow-y:auto;padding:6px}.srch-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:none;border:none;cursor:pointer;text-align:left;color:var(--text);transition:background .12s}.srch-item--active,.srch-item:hover{background:var(--bg3)}.srch-item-type{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);background:rgba(212,175,55,.12);padding:2px 7px;border-radius:20px;flex-shrink:0;white-space:nowrap}.srch-item-arabic{font-size:var(--fs-lg);color:var(--text2);font-family:Amiri,Scheherazade New,serif;flex-shrink:0;direction:rtl;min-width:40px;text-align:right}.srch-item-text{flex:1 1;display:flex;flex-direction:column;gap:1px;min-width:0}.srch-item-label{font-size:var(--fs-sm);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srch-item-meta{font-size:var(--fs-xs);color:var(--text3)}.srch-item-arrow{flex-shrink:0;color:var(--text3);transition:color .12s,transform .12s}.srch-item--active .srch-item-arrow,.srch-item:hover .srch-item-arrow{color:var(--gold);transform:translateX(3px)}.srch-empty,.srch-hint{padding:28px 16px;text-align:center;color:var(--text3);font-size:var(--fs-sm)}.srch-hint{font-style:italic}@media (max-width:600px){.srch-overlay{padding-top:0;align-items:flex-end}.srch-modal{border-radius:20px 20px 0 0;max-height:85vh}.srch-results{max-height:55vh}}.hdr-search-btn{color:var(--text2)}.hdr-search-btn:hover{color:var(--text)}[data-theme=light] .srch-input-row{border-bottom-color:rgba(180,130,40,.25)}[data-theme=light] .hdr-nav-link:after{background:var(--blue-primary)}[data-theme=light] .bnav-item--active,[data-theme=light] .hdr-nav-link.active,[data-theme=light] .hdr-nav-link:hover{color:var(--blue-primary)}[data-theme=light] .bnav-item--active:before{background:var(--blue-primary)}[data-theme=light] .d-tab.active,[data-theme=light] .drawer-tab.active{background:var(--blue-primary);border-color:var(--blue-primary)}[data-theme=light] .d-item.active .d-name,[data-theme=light] .d-item.active .d-num,[data-theme=light] .drawer-item.active .drawer-item-name,[data-theme=light] .drawer-item.active .drawer-item-num{color:var(--blue-primary)}.qrmodal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.qrmodal-box{background:var(--surface);border:1.5px solid var(--border);border-radius:20px;padding:32px 28px 28px;text-align:center;width:290px;box-shadow:0 24px 60px rgba(0,0,0,.3);position:relative}.qrmodal-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:1.1rem;color:var(--text3);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s,color .15s}.qrmodal-close:hover{background:var(--bg2);color:var(--text)}.qrmodal-arabic{font-family:var(--font-arabic);font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:3px}.qrmodal-meta{font-size:.78rem;color:var(--text3);margin-bottom:20px}.qrmodal-qr{width:170px;height:170px;background:#fff;border-radius:14px;border:1px solid var(--border2);margin:0 auto 16px;padding:10px;animation:qrPulse 2.5s ease-in-out infinite;display:flex;align-items:center;justify-content:center}.qrmodal-qr img{width:100%;height:100%;object-fit:contain;display:block}.qrmodal-url{font-size:.72rem;color:var(--gold);font-weight:700;margin-bottom:4px}.qrmodal-hint{font-size:.67rem;color:var(--text3);font-style:italic;margin-bottom:18px}.qrmodal-download{display:inline-flex;align-items:center;gap:7px;padding:10px 24px;background:var(--gold);color:#fff;border:none;border-radius:8px;text-decoration:none;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .2s}.qrmodal-download:hover{opacity:.85}.skel{position:relative;overflow:hidden;background:var(--bg2);border-radius:var(--r-md,10px)}.skel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--bg3),transparent);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skel-page{max-width:var(--w-max);margin:0 auto;padding:calc(var(--hdr-height) + 24px) 24px 40px}.skel-hero{height:120px;margin-bottom:24px}.skel-card{height:380px;margin-bottom:16px}.skel-row{height:44px;margin-bottom:10px}.skel-row--w60{width:60%}.skel-row--w40{width:40%}