:root{--emerald-950:#052e26;--emerald-900:#06382e;--emerald-800:#0a4a3a;--emerald-700:#0e5c47;--teal-600:#0d9488;--teal-text:#0a6a60;--teal-badge:#0b6b62;--teal-700:#0a6a60;--teal-300:#0a6a60;--teal-500:#14b8a6;--teal-400:#2dd4bf;--gold-400:#e9c46a;--gold-300:#f2d492;--gold-500:#d4a537;--ink:#0b1f1a;--paper:#f7f5ef;--paper-raised:#fffdf8;--muted:#4c625a;--line:rgba(13,148,136,0.14);--bg:var(--paper);--text:var(--ink);--text-strong:var(--emerald-950);--text-mid:var(--emerald-900);--surface:var(--paper-raised);--border:var(--line);--text-muted:var(--muted);--radius:18px;--radius-sm:12px;--shadow-sm:0 1px 2px rgba(5,46,38,0.06),0 4px 16px rgba(5,46,38,0.05);--shadow-md:0 8px 30px rgba(5,46,38,0.1);--shadow-lg:0 20px 60px rgba(5,46,38,0.18);--font-body:var(--font-inter),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-display:var(--font-lexend),var(--font-inter),system-ui,sans-serif;--font-arabic:var(--font-amiri),"Scheherazade New","Traditional Arabic",serif;--font-indopak:var(--font-noto-naskh),"Noto Naskh Arabic","Scheherazade New","Traditional Arabic",serif;--font-urdu:var(--font-noto-nastaliq),"Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Noto Naskh Arabic",serif;--font-hindi:var(--font-noto-devanagari),"Noto Sans Devanagari","Mangal",system-ui,sans-serif;color-scheme:light}:root[data-theme=dark]{--paper:#0a1512;--paper-raised:#10201b;--ink:#e7ede9;--muted:#9db0a8;--line:rgba(255,255,255,0.12);--text:var(--ink);--text-strong:#f2f6f3;--text-mid:#dbe5e0;--surface:var(--paper-raised);--border:var(--line);--text-muted:var(--muted);--emerald-950:#0c231c;--emerald-900:#0f2d24;--emerald-800:#12352a;--teal-text:#4fd6c4;--teal-600:#2dd4bf;--shadow-sm:0 1px 2px rgba(0,0,0,0.4),0 4px 16px rgba(0,0,0,0.35);--shadow-md:0 8px 30px rgba(0,0,0,0.45);--shadow-lg:0 20px 60px rgba(0,0,0,0.6);color-scheme:dark}.pdf-builder-card{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid rgba(16,185,129,.3)}:root[data-theme=dark] .pdf-builder-card{background:linear-gradient(135deg,var(--emerald-900) 0,var(--emerald-950) 100%);border-color:rgba(45,212,191,.22)}:root[data-theme=dark] .fsel-menu,:root[data-theme=dark] .fsel-trigger,:root[data-theme=dark] .nav-dropdown-menu,:root[data-theme=dark] .quran-reader-pager .btn-ghost{background:var(--paper-raised);color:var(--text-strong);border-color:var(--line)}:root[data-theme=dark] .nav-dropdown-menu{border-color:rgba(255,255,255,.1)}:root[data-theme=dark] .item-title{color:var(--text-strong)}:root[data-theme=dark] .dropdown-item-card:hover .item-title{color:var(--teal-text)}:root[data-theme=dark] .item-desc{color:var(--muted)}:root[data-theme=dark] .dropdown-header{border-bottom-color:var(--line)}:root[data-theme=dark] .dropdown-header-title{color:var(--teal-text)}:root[data-theme=dark] .dropdown-item-card:hover{background:rgba(45,212,191,.08);border-color:rgba(45,212,191,.2)}:root[data-theme=dark] .item-badge{background:rgba(45,212,191,.12);color:var(--teal-text)}:root[data-theme=dark] .item-badge-gold{background:rgba(233,196,106,.14);color:#f0d089}:root[data-theme=dark] body{background-image:radial-gradient(1200px 600px at 85% -10%,rgba(45,212,191,.06),transparent 60%),radial-gradient(900px 500px at -10% 10%,rgba(233,196,106,.05),transparent 55%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--bg);background-image:radial-gradient(1200px 600px at 85% -10%,rgba(45,212,191,.12),transparent 60%),radial-gradient(900px 500px at -10% 10%,rgba(233,196,106,.1),transparent 55%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.6}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}a{color:var(--teal-text);text-decoration:none}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--gold-400);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:8px;top:-48px;z-index:1000;background:var(--emerald-900);color:#fff;padding:10px 18px;border-radius:0 0 10px 10px;font-weight:700;font-size:.9rem;transition:top .15s ease}.skip-link:focus{top:0}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease;background:transparent;border-bottom:1px solid transparent}.site-header.is-scrolled{-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);background:rgba(6,56,46,.82);border-bottom-color:rgba(45,212,191,.2);box-shadow:0 8px 30px rgba(5,46,38,.22)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{font-family:var(--font-display);font-weight:800;font-size:1.18rem;letter-spacing:-.02em;color:#fff;display:inline-flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:radial-gradient(120% 120% at 25% 15%,var(--teal-400),var(--emerald-800) 70%);box-shadow:0 4px 14px rgba(13,148,136,.45),inset 0 1px 0 rgba(255,255,255,.25);flex:none}.brand-mark svg{fill:#fff}.brand-accent{color:var(--gold-400)}.site-nav{display:flex;gap:4px;align-items:center}.site-nav>a{position:relative;display:inline-flex;align-items:center;min-height:40px;color:rgba(255,255,255,.86);font-weight:600;font-size:.92rem;padding:9px 15px;border-radius:999px;transition:background .2s,color .2s}.site-nav>a:hover{background:rgba(45,212,191,.2);color:#fff}.site-nav>a.is-active{color:var(--gold-300)}.site-nav>a.is-active:after{content:"";position:absolute;left:15px;right:15px;bottom:3px;height:2px;background:var(--gold-400);border-radius:2px}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:12px;cursor:pointer}.nav-toggle span{display:block;height:2px;width:100%;background:#fff;border-radius:2px;transition:transform .28s ease,opacity .2s ease}.nav-toggle.is-open span:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-header-actions{display:flex;align-items:center;gap:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-search{position:relative}.site-search-trigger{display:grid;place-items:center;width:44px;height:44px;flex:none;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:12px;cursor:pointer;transition:background .2s ease,transform .15s ease}.site-search-trigger:hover{background:rgba(45,212,191,.22);transform:translateY(-1px)}.site-search-trigger.is-open{background:rgba(45,212,191,.28)}.site-search-trigger .site-search-icon{color:#fff}.site-search-popover{position:absolute;top:calc(100% + 10px);right:0;width:min(460px,94vw);background:var(--paper-raised);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg,0 20px 50px rgba(0,0,0,.25));padding:10px;z-index:1200}.site-search-form{display:flex;align-items:center;gap:8px;padding:0 12px;height:44px;border-radius:12px;background:rgba(6,56,46,.05);border:1px solid var(--line);transition:background .2s ease,border-color .2s ease}.site-search-form:focus-within{background:rgba(6,56,46,.03);border-color:rgba(45,212,191,.7);box-shadow:0 0 0 3px rgba(45,212,191,.18)}.site-search-icon{color:var(--teal-600);flex-shrink:0}.site-search-input{background:transparent;border:none;outline:none;color:var(--ink);font-family:var(--font-body);font-size:.95rem;width:100%;min-width:0}.site-search-input::placeholder{color:var(--muted)}.site-search-input::-webkit-search-cancel-button{-webkit-appearance:none}.site-search-kbd{flex-shrink:0;white-space:nowrap;font-family:var(--font-body);font-size:.72rem;font-weight:600;line-height:1;color:var(--muted);background:rgba(6,56,46,.06);border:1px solid var(--line);border-radius:6px;padding:4px 6px}.site-search-results{margin-top:8px;max-height:420px;overflow-y:auto}.site-search-empty{padding:14px 16px;color:var(--muted);font-size:.9rem}.site-search-popular{display:flex;flex-direction:column;gap:6px}.site-search-section-heading{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:10px 12px 6px}.site-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2px;gap:2px}.site-search-result{display:flex;align-items:center;gap:11px;width:100%;padding:9px 12px;border:none;background:transparent;border-radius:12px;cursor:pointer;text-align:left;color:var(--ink);font-family:var(--font-body)}.site-search-result.is-active,.site-search-result:hover{background:rgba(13,148,136,.12)}.site-search-result-icon{width:34px;height:34px;border-radius:9px}.site-search-result-icon .dropdown-icon{width:17px;height:17px}.site-search-result-body{display:flex;flex-direction:column;gap:1px;min-width:0}.site-search-result-title{font-weight:600;font-size:.9rem;color:var(--ink)}.site-search-result-sub,.site-search-result-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-search-result-sub{font-size:.76rem;color:var(--muted)}.site-search-mobile{width:100%;margin-bottom:8px}.site-search-mobile .site-search-form{height:46px}.site-search-mobile .site-search-results{max-height:300px}.site-search-mobile .site-search-grid{grid-template-columns:1fr}@media (max-width:780px){.site-search-desktop{display:none}}.theme-toggle{display:grid;place-items:center;width:44px;height:44px;flex:none;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:12px;cursor:pointer;transition:background .2s ease,transform .15s ease}.theme-toggle:hover{background:rgba(45,212,191,.22);transform:translateY(-1px)}.theme-toggle svg{display:block}.nav-overlay{position:fixed;inset:0;z-index:9000;overflow:hidden;pointer-events:none}.nav-overlay.is-open{pointer-events:auto}.nav-scrim{position:absolute;inset:0;background:rgba(3,24,19,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-overlay.is-open .nav-scrim{opacity:1;pointer-events:auto}.nav-drawer{position:absolute;top:0;right:0;z-index:9001;width:min(85vw,340px);height:100dvh;background:linear-gradient(160deg,var(--emerald-900),var(--emerald-950));border-left:1px solid rgba(45,212,191,.2);box-shadow:-20px 0 60px rgba(3,24,19,.5);transform:translateX(100%);transition:transform .34s cubic-bezier(.4,0,.2,1);padding:calc(16px + env(safe-area-inset-top, 0px)) 20px 28px}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}.mobile-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#ffffff;cursor:pointer;transition:background .2s ease,transform .15s ease}.mobile-drawer-close:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.nav-overlay.is-open .nav-drawer{transform:translateX(0)}.nav-drawer nav{display:flex;flex-direction:column;gap:4px}.mobile-nav>a{display:flex;align-items:center;min-height:44px;color:rgba(255,255,255,.9);font-weight:600;font-size:1.05rem;padding:15px 16px;border-radius:12px;transition:background .2s,color .2s}.mobile-nav>a.is-active,.mobile-nav>a:hover{background:rgba(45,212,191,.16);color:var(--gold-300)}.landing .hero{margin-top:-68px;padding-top:clamp(96px,8vw,116px)}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.98rem;padding:14px 24px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.btn svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.btn-primary{background:radial-gradient(120% 130% at 15% 12%,var(--gold-300) 0,var(--gold-400) 40%,var(--gold-500) 100%);color:#3a2c05;box-shadow:0 10px 28px rgba(212,165,55,.42),inset 0 1px 0 rgba(255,255,255,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(212,165,55,.55),inset 0 1px 0 rgba(255,255,255,.4)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-ghost:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.hero{position:relative;overflow:hidden;color:#fff;padding:clamp(64px,12vw,130px) 0 clamp(70px,10vw,120px);background:radial-gradient(130% 100% at 12% 8%,var(--emerald-800) 0,var(--emerald-950) 55%,#03231c 100%)}.hero-glow{inset:0;background:radial-gradient(680px 340px at 88% 0,rgba(45,212,191,.42),transparent 62%),radial-gradient(560px 320px at 4% 100%,rgba(233,196,106,.24),transparent 60%)}.hero-glow,.hero-orb{position:absolute;pointer-events:none}.hero-orb{border-radius:50%;filter:blur(8px);opacity:.55}.hero-orb-1{width:320px;height:320px;top:-80px;right:8%;background:radial-gradient(circle at 30% 30%,rgba(45,212,191,.55),transparent 68%);animation:float-a 14s ease-in-out infinite}.hero-orb-2{width:240px;height:240px;bottom:2%;left:10%;background:radial-gradient(circle at 30% 30%,rgba(233,196,106,.4),transparent 68%);animation:float-b 18s ease-in-out infinite}.hero-orb-3{width:160px;height:160px;top:34%;left:44%;background:radial-gradient(circle at 30% 30%,rgba(20,184,166,.4),transparent 70%);animation:float-a 20s ease-in-out infinite reverse}.hero-grid-lines{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-size:54px 54px;mask-image:radial-gradient(80% 70% at 50% 30%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 40%,transparent 100%)}@keyframes float-a{0%,to{transform:translate(0)}50%{transform:translate(-24px,26px)}}@keyframes float-b{0%,to{transform:translate(0)}50%{transform:translate(30px,-22px)}}.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;grid-gap:clamp(30px,5vw,64px);gap:clamp(30px,5vw,64px);align-items:center}.hero-copy{display:flex;flex-direction:column;align-items:flex-start}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;letter-spacing:.01em;color:var(--gold-300);background:rgba(233,196,106,.12);border:1px solid rgba(233,196,106,.28);padding:7px 16px;border-radius:999px;margin-bottom:24px;animation:fade-up .6s ease both}.hero-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--gold-400);box-shadow:0 0 0 0 rgba(233,196,106,.6);animation:ping 1.8s ease-out infinite}@keyframes ping{0%{box-shadow:0 0 0 0 rgba(233,196,106,.55)}to{box-shadow:0 0 0 10px rgba(233,196,106,0)}}.hero-title{font-family:var(--font-display);font-size:clamp(2.3rem,5.4vw,4.1rem);line-height:1.06;font-weight:800;letter-spacing:-.03em;margin:0 0 20px;max-width:15ch;animation:fade-up .6s ease .05s both}.hero-title-accent{position:relative;background:linear-gradient(120deg,var(--gold-300),var(--gold-500));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:clamp(1.02rem,1.4vw,1.18rem);color:rgba(255,255,255,.84);max-width:54ch;margin:0 0 32px;animation:fade-up .6s ease .12s both}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;animation:fade-up .6s ease .18s both}.hero-stats{display:flex;align-items:center;gap:clamp(18px,3vw,40px);margin-top:48px;animation:fade-up .6s ease .26s both}.stat{display:flex;flex-direction:column}.stat strong{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;color:var(--gold-300);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat span{font-size:.82rem;color:rgba(255,255,255,.7);margin-top:6px;letter-spacing:.04em;text-transform:uppercase}.stat-divider{width:1px;height:42px;background:rgba(255,255,255,.2)}.hero-demo{animation:fade-up .7s ease .3s both}.hero-wave{position:absolute;left:0;right:0;bottom:-1px;line-height:0;pointer-events:none}.hero-wave svg{width:100%;height:clamp(40px,6vw,80px);display:block}.hero-wave path{fill:var(--paper)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.demo-card{position:relative;overflow:hidden;background:linear-gradient(165deg,rgba(255,255,255,.14),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:26px 26px 22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 70px rgba(3,24,19,.45),inset 0 1px 0 rgba(255,255,255,.25)}.demo-card-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(300px 160px at 80% 0,rgba(45,212,191,.3),transparent 65%)}.demo-chip{display:inline-flex;align-items:center;gap:8px;position:relative;font-size:.78rem;font-weight:600;color:var(--gold-300);background:rgba(233,196,106,.14);border:1px solid rgba(233,196,106,.3);padding:6px 13px;border-radius:999px;margin-bottom:20px}.demo-dot{width:8px;height:8px;border-radius:50%;background:#37d9a8;box-shadow:0 0 10px #37d9a8;animation:ping 1.6s ease-out infinite}.demo-arabic{position:relative;font-family:var(--font-arabic);font-size:clamp(1.9rem,5vw,2.6rem);line-height:2;text-align:right;margin:0 0 14px;color:#fff;direction:rtl}.demo-translit{position:relative;font-style:italic;color:rgba(255,255,255,.7);margin:0 0 18px;font-size:1rem}.demo-translit .lit{color:var(--gold-300);font-weight:600}.demo-caption{position:relative;color:rgba(255,255,255,.75);font-size:.9rem;margin:0 0 20px}.demo-actions{position:relative;display:flex;align-items:center;gap:16px}.demo-play{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:600;font-size:.88rem;color:#3a2c05;background:linear-gradient(135deg,var(--gold-300),var(--gold-500));border:none;padding:9px 16px;border-radius:999px;box-shadow:0 6px 16px rgba(212,165,55,.4);transition:transform .15s ease}.demo-play:hover{transform:translateY(-1px)}.demo-play svg{fill:currentColor}.demo-link{color:var(--gold-300);font-weight:600;font-size:.9rem}.demo-link:hover{color:#fff}.section{padding:clamp(56px,9vw,100px) 0}#browse{scroll-margin-top:80px}.section-alt{position:relative;background:linear-gradient(180deg,rgba(13,148,136,.06),rgba(233,196,106,.06));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-eyebrow{text-align:center;font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-600);margin:0 0 10px}.section-title{font-family:var(--font-display);text-align:center;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin:0 0 clamp(36px,6vw,60px);color:var(--text-mid)}.section-title.has-lead{margin-bottom:clamp(14px,2.4vw,22px)}.section-lead{text-align:center;color:var(--muted);font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.7;max-width:760px;margin:0 auto clamp(32px,5vw,52px)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:22px;gap:22px}.step-card{position:relative;background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:30px 24px 26px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.step-num{position:absolute;top:-14px;right:22px;font-size:2.4rem;font-weight:800;color:rgba(13,148,136,.14);line-height:1}.step-icon{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,var(--emerald-800),var(--teal-600));margin-bottom:18px}.step-icon svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.step-card h3{margin:0 0 8px;font-size:1.12rem;color:var(--text-mid)}.step-card p{margin:0;color:var(--muted);font-size:.95rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:22px;gap:22px}.feature-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(13,148,136,.3)}.feature-icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:12px;background:rgba(233,196,106,.18);margin-bottom:16px}.feature-icon svg{width:24px;height:24px;fill:none;stroke:var(--gold-500);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feature-card h3{margin:0 0 8px;font-size:1.1rem;color:var(--text-mid)}.feature-card p{margin:0;color:var(--muted);font-size:.95rem}.surah-browser-container{display:flex;flex-direction:column;gap:20px}.search-bar{display:flex;align-items:center;gap:10px;max-width:540px;margin:0 auto;width:100%;background:var(--paper-raised);border:1.5px solid var(--line);border-radius:999px;padding:4px 14px 4px 20px;box-shadow:0 4px 20px rgba(5,46,38,.05);transition:border-color .2s ease,box-shadow .2s ease}.search-bar:focus-within{border-color:var(--teal-500);box-shadow:0 6px 24px rgba(13,148,136,.18),0 0 0 3px rgba(45,212,191,.15)}.search-bar .search-icon{width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:2.2;stroke-linecap:round;flex:none}.search-bar input{flex:1 1;border:none;background:transparent;outline:none;font-size:1rem;padding:12px 6px;color:var(--text);font-family:inherit}.search-clear-btn{background:rgba(13,148,136,.1);border:none;color:var(--muted);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;cursor:pointer;transition:background .15s ease,color .15s ease;flex:none}.search-clear-btn:hover{background:rgba(13,148,136,.22);color:var(--text-mid)}.search-shortcut{flex:none;font-size:.82rem;font-weight:700;color:var(--muted);background:rgba(13,148,136,.08);border:1px solid rgba(13,148,136,.18);padding:2px 9px;border-radius:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.browser-controls{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:4px}.filter-pills-row{justify-content:center;gap:10px}.filter-pill-group,.filter-pills-row{display:flex;flex-wrap:wrap;align-items:center}.filter-pill-group{gap:6px}.filter-btn{background:var(--paper-raised);color:var(--text-mid);border:1px solid rgba(13,148,136,.18);border-radius:999px;padding:7px 16px;font-size:.86rem;font-weight:600;cursor:pointer;transition:all .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-btn:hover{background:rgba(13,148,136,.12);border-color:rgba(13,148,136,.32)}.filter-btn.is-active{background:var(--emerald-900);color:#fff;border-color:var(--text-mid);box-shadow:0 4px 14px rgba(6,56,46,.22)}.sort-select-wrapper{position:relative}.sort-select{background:var(--paper-raised);color:var(--text-mid);border:1px solid rgba(13,148,136,.22);border-radius:999px;padding:7px 16px;font-size:.86rem;font-weight:600;font-family:inherit;cursor:pointer;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.sort-select:focus,.sort-select:hover{border-color:var(--teal-600)}.browser-meta-status{display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-size:.88rem}.results-count{color:var(--muted)}.results-count strong{color:var(--text-mid)}.reset-filters-link{background:none;border:none;color:var(--teal-600);font-weight:600;font-size:.86rem;cursor:pointer;text-decoration:underline;padding:0}.reset-filters-link:hover{color:var(--text-mid)}.surah-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:900px){.surah-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.surah-grid{grid-template-columns:1fr}}.surah-card{display:flex;align-items:center;gap:14px;background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease}.surah-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:rgba(13,148,136,.32)}.surah-number{flex:none}.surah-number-badge{display:grid;place-items:center;width:44px;height:44px;font-weight:700;font-size:.95rem;color:var(--teal-text);background:rgba(13,148,136,.1);border:1px solid rgba(13,148,136,.2);border-radius:14px 4px 14px 4px}.surah-card:hover .surah-number-badge{background:linear-gradient(135deg,var(--emerald-800),var(--teal-600));color:#fff;border-color:transparent}.surah-card-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.surah-card-name{font-weight:700;color:var(--text-mid);font-size:1.05rem}.surah-card-meaning{color:var(--muted);font-size:.9rem}.surah-card-meta{color:var(--teal-text);font-size:.8rem;font-weight:600;letter-spacing:.02em}.surah-card-arabic{flex:none;font-family:var(--font-arabic);font-size:1.6rem;color:var(--text-strong)}.empty-state-box{text-align:center;background:var(--paper-raised);border:1px dashed rgba(13,148,136,.3);border-radius:var(--radius);padding:42px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state-title{font-weight:700;font-size:1.2rem;color:var(--text-mid);margin:0}.empty-state-desc{color:var(--muted);font-size:.95rem;max-width:480px;margin:0 0 8px}.surah-hero{color:#fff;text-align:center;padding:clamp(40px,7vw,72px) 0 clamp(36px,6vw,60px);background:linear-gradient(135deg,var(--emerald-950),var(--emerald-800) 60%,var(--teal-600) 140%);position:relative;overflow:hidden}.surah-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(500px 260px at 82% 0,rgba(45,212,191,.35),transparent 60%)}.surah-hero-inner{position:relative}.surah-back{display:inline-flex;align-items:center;gap:6px;color:var(--gold-300);font-weight:600;font-size:.9rem;margin-bottom:18px}.surah-back:hover{color:#fff}.surah-hero .arabic-name{font-family:var(--font-arabic);font-size:clamp(2.4rem,7vw,3.6rem);margin:0 0 6px;color:var(--gold-300)}.surah-hero h1{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;margin:0 0 6px;letter-spacing:-.02em}.surah-hero .meaning{color:rgba(255,255,255,.82);margin:0 0 16px}.surah-hero .meta{display:inline-flex;gap:10px;font-size:.85rem;color:rgba(255,255,255,.75)}.surah-hero .meta span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:5px 14px;border-radius:999px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.surah-tafsir-hero-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:999px;font-size:.88rem;font-weight:700;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .15s ease,background .2s ease,border-color .2s ease}.surah-tafsir-hero-btn:hover{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.5);transform:translateY(-1px)}.surah-download{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;font-size:.88rem;font-weight:700;color:#3a2c05;background:linear-gradient(135deg,var(--gold-400),var(--gold-500));border:none;box-shadow:0 6px 18px rgba(212,165,55,.4);transition:transform .15s ease,box-shadow .2s ease}.surah-download:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(212,165,55,.5)}.surah-download svg{stroke:currentColor}.surah-view{max-width:860px;margin:0 auto;padding:clamp(30px,5vw,54px) 20px calc(var(--player-h, 96px) + 60px)}.view-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px;padding:12px 18px;background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap}.view-mode-label{font-weight:700;font-size:.88rem;color:var(--text-mid)}.view-mode-tabs{display:flex;background:rgba(13,148,136,.08);padding:4px;border-radius:999px;border:1px solid rgba(13,148,136,.16)}.view-mode-tabs,.view-tab{align-items:center;gap:6px}.view-tab{display:inline-flex;padding:7px 16px;border-radius:999px;border:none;background:transparent;font-family:inherit;font-size:.84rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s ease}.view-tab:hover{color:var(--text-mid);background:rgba(255,255,255,.6)}.view-tab.is-active{background:linear-gradient(135deg,var(--emerald-800),var(--teal-600));color:#fff;box-shadow:0 2px 10px rgba(13,148,136,.3)}.basmala{font-family:var(--font-arabic);font-size:clamp(1.8rem,5vw,2.6rem);text-align:center;color:var(--text-strong);margin:0 0 40px;padding-bottom:28px;border-bottom:1px solid var(--line)}.ayah-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}.ayah{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;box-shadow:var(--shadow-sm);transition:box-shadow .25s ease,border-color .25s ease;scroll-margin-top:80px}.ayah.is-playing{border-color:rgba(233,196,106,.55);box-shadow:0 0 0 1px rgba(233,196,106,.4),var(--shadow-md)}.ayah-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ayah-badge{font-weight:700;font-size:.82rem;color:var(--teal-text);background:rgba(13,148,136,.1);border:1px solid rgba(13,148,136,.2);padding:4px 12px;border-radius:999px}.ayah-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.toggle-tafsir-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--teal-text);background:rgba(13,148,136,.08);border:1px solid rgba(13,148,136,.2);cursor:pointer;transition:all .2s ease}.toggle-tafsir-btn.active,.toggle-tafsir-btn:hover{background:var(--teal-600);color:#fff;border-color:transparent}.ayah-tafsir-box{margin-top:20px;padding:20px 22px;background:rgba(13,148,136,.03);border-radius:0 14px 14px 0;border:1px solid rgba(13,148,136,.12);border-left:4px solid var(--teal-600);animation:fadeIn .25s ease-out}.tafsir-header{margin-bottom:14px;display:flex;align-items:center}.tafsir-badge{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;color:var(--text-mid);text-transform:uppercase;letter-spacing:.04em;background:rgba(13,148,136,.12);padding:5px 12px;border-radius:6px}.tafsir-content{color:var(--text-strong);font-size:.95rem;line-height:1.8}.tafsir-content h1,.tafsir-content h2,.tafsir-content h3{color:var(--text-mid);font-size:1.05rem;font-weight:700;margin:18px 0 10px;border-bottom:1px solid rgba(13,148,136,.15);padding-bottom:4px}.tafsir-content h1:first-child,.tafsir-content h2:first-child,.tafsir-content h3:first-child{margin-top:0}.tafsir-content p{margin:0 0 14px}.tafsir-content p:last-child{margin-bottom:0}.tafsir-content span{color:inherit!important}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;cursor:pointer;color:var(--teal-600);background:rgba(13,148,136,.1);border:1px solid rgba(13,148,136,.2);transition:transform .15s ease,background .2s ease,color .2s ease}.icon-btn svg{fill:currentColor}.icon-btn:hover{transform:scale(1.08)}.icon-btn.active{background:linear-gradient(135deg,var(--gold-400),var(--gold-500));color:#3a2c05;border-color:transparent}.ayah-copy-btn svg,.ayah-share-btn svg{fill:none}.ayah-copy-btn.active{background:rgba(13,148,136,.16);color:var(--teal-text,var(--teal-600));border-color:rgba(13,148,136,.4)}.ayah-bookmark-btn svg{fill:none}.ayah-bookmark-btn.active svg{fill:currentColor}.ayah-bookmark-btn.active{background:linear-gradient(135deg,var(--gold-400),var(--gold-500));color:#3a2c05;border-color:transparent}.ayah-arabic{font-family:var(--font-arabic);font-size:clamp(1.7rem,4.5vw,2.3rem);line-height:2.1;text-align:right;margin:0 0 18px;color:var(--text-strong)}.qword{display:inline-block;padding:0 2px;border-radius:8px;transition:color .15s ease,background .15s ease,transform .15s ease}.qword-active{color:#6a4c00;background:linear-gradient(180deg,rgba(233,196,106,.55),rgba(242,212,146,.85));box-shadow:0 0 0 3px rgba(233,196,106,.35),0 4px 14px rgba(212,165,55,.4);transform:translateY(-2px) scale(1.06);animation:word-pulse 1.1s ease-in-out infinite}@keyframes word-pulse{0%,to{box-shadow:0 0 0 3px rgba(233,196,106,.35),0 4px 14px rgba(212,165,55,.4)}50%{box-shadow:0 0 0 5px rgba(233,196,106,.2),0 6px 20px rgba(212,165,55,.55)}}.ayah-translit{font-style:italic;color:var(--teal-text);font-weight:500;margin:0 0 8px;font-size:1.02rem}.ayah-translation{color:var(--muted);margin:0;font-size:.98rem}.player-bar{position:fixed;left:0;right:0;bottom:0;z-index:900;background:rgba(6,56,46,.96);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-top:1px solid rgba(45,212,191,.24);transform:translateY(0);transition:box-shadow .3s ease}.player-bar.is-active{box-shadow:0 -8px 40px rgba(5,46,38,.4)}.player-progress{height:5px;background:rgba(255,255,255,.14);cursor:pointer}.player-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-400),var(--teal-400));transition:width .12s linear}.player-inner{padding:12px 20px}.player-inner,.player-main-row{display:flex;align-items:center;gap:16px}.player-main-row{flex:1 1;min-width:0}.player-play{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;flex:none;cursor:pointer;background:linear-gradient(135deg,var(--gold-400),var(--gold-500));color:#3a2c05;border:none;box-shadow:0 6px 18px rgba(212,165,55,.45);transition:transform .15s ease}.player-play:hover{transform:scale(1.06)}.player-play svg{fill:currentColor}.player-meta{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.player-title{color:#fff;font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-time{color:rgba(255,255,255,.65);font-size:.82rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.player-reciter{display:flex;align-items:center;gap:8px}.player-reciter-label{color:var(--gold-300);font-size:.8rem;font-weight:600;flex:none}.player-controls{display:flex;align-items:center;gap:8px;flex:none}.player-ctrl{display:inline-flex;align-items:center;gap:5px;min-width:46px;justify-content:center;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 12px;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;outline:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.player-ctrl:hover{background:rgba(255,255,255,.16);border-color:rgba(45,212,191,.5)}.player-ctrl:focus-visible{border-color:var(--gold-400);box-shadow:0 0 0 3px rgba(233,196,106,.35)}.player-ctrl.is-set{background:linear-gradient(135deg,var(--gold-400),var(--gold-500));color:#3a2c05;border-color:transparent}.player-ctrl svg{flex:none}.player-ctrl-label{font-size:.8rem}.resume-banner{position:-webkit-sticky;position:sticky;bottom:calc(var(--player-h, 84px) + 78px);z-index:60;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;max-width:720px;margin:0 auto 14px;padding:12px 18px;background:linear-gradient(135deg,rgba(20,83,79,.96),rgba(15,60,58,.96));border:1px solid rgba(45,212,191,.4);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35)}.resume-text{color:#fff;font-weight:600;font-size:.95rem}.resume-actions{display:flex;gap:8px;flex:none}.resume-btn{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:7px 16px;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.resume-btn:hover{background:rgba(255,255,255,.16)}.resume-btn-primary{background:linear-gradient(135deg,var(--gold-400),var(--gold-500));color:#3a2c05;border-color:transparent}.resume-btn-primary:hover{filter:brightness(1.05)}.rselect{position:relative}.rselect-trigger{display:flex;align-items:center;gap:10px;min-width:200px;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:9px 14px 9px 18px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;outline:none;text-align:left;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.rselect-trigger:hover:not(:disabled){background:rgba(255,255,255,.16);border-color:rgba(45,212,191,.5)}.rselect-trigger:focus-visible{border-color:var(--gold-400);box-shadow:0 0 0 3px rgba(233,196,106,.35)}.rselect-trigger:disabled{opacity:.6;cursor:wait}.rselect-value{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rselect-caret{flex:none;fill:none;stroke:var(--gold-300);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}.rselect-caret.is-open{transform:rotate(180deg)}.rselect-spinner{flex:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--gold-300);animation:spin .7s linear infinite}.rselect-list{position:absolute;z-index:70;right:0;bottom:calc(100% + 10px);min-width:100%;width:max-content;max-width:min(88vw,360px);max-height:320px;overflow-y:auto;margin:0;padding:6px;list-style:none;background:linear-gradient(180deg,var(--emerald-800),var(--emerald-900));border:1px solid rgba(45,212,191,.28);border-radius:16px;box-shadow:0 24px 60px rgba(3,24,19,.55),inset 0 1px 0 rgba(255,255,255,.08);outline:none;animation:rselect-pop .16s ease-out;transform-origin:bottom right}@keyframes rselect-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.rselect-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;color:rgba(255,255,255,.88);font-size:.9rem;font-weight:500;white-space:nowrap;outline:none;transition:background .15s ease,color .15s ease}.rselect-option.is-active{background:rgba(45,212,191,.2);color:#fff}.rselect-option.is-selected{color:var(--gold-300);font-weight:700}.rselect-option.is-selected.is-active{background:rgba(233,196,106,.22)}.rselect-check{flex:none;width:16px;height:16px;display:grid;place-items:center}.rselect-check svg{fill:none;stroke:var(--gold-300);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.rselect-label{flex:1 1;overflow:hidden;text-overflow:ellipsis}.rselect-list::-webkit-scrollbar{width:8px}.rselect-list::-webkit-scrollbar-thumb{background:rgba(45,212,191,.4);border-radius:8px}.fsel{position:relative;display:inline-block;max-width:100%;min-width:0}.fsel--block{display:block;width:100%;min-width:0}.fsel--block .fsel-trigger{min-width:0}.fsel-trigger{display:flex;align-items:center;gap:10px;width:100%;min-width:min(200px,100%);max-width:100%;background:#fff;color:var(--text-strong);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;outline:none;text-align:left;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .12s ease}.fsel-trigger:hover:not(:disabled){border-color:var(--teal-500);box-shadow:0 4px 14px rgba(13,148,136,.16)}.fsel-trigger:focus-visible{border-color:var(--teal-500);box-shadow:0 0 0 3px rgba(20,184,166,.28)}.fsel-trigger[aria-expanded=true]{border-color:var(--teal-500);box-shadow:0 0 0 3px rgba(20,184,166,.28)}.fsel-trigger:disabled{opacity:.6;cursor:not-allowed}.fsel-icon{flex:none;display:grid;place-items:center;color:var(--teal-600)}.fsel-icon svg{display:block}.fsel-value{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fsel-caret{flex:none;fill:none;stroke:var(--teal-600);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}.fsel-caret.is-open{transform:rotate(180deg)}.fsel-list{position:absolute;z-index:70;left:0;top:calc(100% + 8px);min-width:100%;width:max-content;max-width:min(90vw,340px);max-height:300px;overflow-y:auto;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid rgba(13,148,136,.22);border-radius:14px;box-shadow:0 20px 50px rgba(5,46,38,.18),inset 0 1px 0 rgba(255,255,255,.6);outline:none;animation:fsel-pop .16s ease-out;transform-origin:top left}@keyframes fsel-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.fsel-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;color:var(--text-strong);font-size:.9rem;font-weight:500;outline:none;transition:background .15s ease,color .15s ease}.fsel-option.is-active{background:rgba(20,184,166,.12);color:var(--text-strong)}.fsel-option.is-selected{color:var(--teal-text);font-weight:700}.fsel-option.is-selected.is-active{background:rgba(20,184,166,.18)}.fsel-check{flex:none;width:16px;height:16px;display:grid;place-items:center}.fsel-check svg{fill:none;stroke:var(--teal-600);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.fsel-text{flex:1 1;display:flex;flex-direction:column;gap:1px;overflow:hidden}.fsel-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fsel-hint{font-size:.75rem;font-weight:500;color:var(--muted)}.fsel-list::-webkit-scrollbar{width:8px}.fsel-list::-webkit-scrollbar-thumb{background:rgba(13,148,136,.35);border-radius:8px}.player-loading{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--gold-300);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.footer{background:var(--emerald-950);color:rgba(255,255,255,.7);padding:28px 0;font-size:.88rem;text-align:center}.footer a{color:var(--gold-300)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.is-shown{opacity:1;transform:none}@media (max-width:960px){.hero-inner{grid-template-columns:1fr;gap:40px;text-align:center}.hero-copy{align-items:center}.hero-title{max-width:18ch}.hero-demo{width:100%;max-width:460px;margin:0 auto}}@media (max-width:780px){.site-nav{display:none}.nav-toggle{display:flex}.hero-eyebrow,.hero-stats,.hero-sub,.section-lead{display:none}}@media (max-width:620px){.player-ctrl-label,.player-reciter-label{display:none}.player-ctrl{min-width:40px;padding:7px 10px}.resume-banner{margin-left:12px;margin-right:12px}.surah-card-arabic{font-size:1.3rem}.hero-stats{gap:18px}.hero-cta{width:100%}.hero-cta .btn{flex:1 1;justify-content:center}.hero-orb-1{width:220px;height:220px}}@media (prefers-reduced-motion:reduce){.qword-active{animation:none}.demo-dot,.hero-eyebrow-dot,.hero-orb{animation:none!important}.reveal{opacity:1!important;transform:none!important}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.surah-about{max-width:860px;margin:40px auto 0;padding-top:36px;border-top:1px solid var(--line)}.surah-about h3{color:var(--text-mid)}.surah-pager{max-width:860px;margin:40px auto 80px;display:flex;justify-content:space-between;gap:16px}.pager-link{display:flex;flex-direction:column;gap:2px;padding:14px 22px;border-radius:var(--radius);background:var(--paper-raised);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .2s ease}.pager-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.pager-next{text-align:right;margin-left:auto}.pager-dir{font-size:.8rem;font-weight:700;color:var(--teal-text);letter-spacing:.02em}.pager-num{font-weight:700;color:var(--text-mid)}.nav-dropdown-wrapper{position:relative;display:inline-block}.nav-dropdown-btn{background:transparent;border:1px solid transparent;color:rgba(255,255,255,.9);font-family:inherit;font-weight:600;font-size:.92rem;padding:8px 16px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;min-height:40px;gap:6px;transition:all .22s cubic-bezier(.16,1,.3,1)}.nav-dropdown-btn.is-active,.nav-dropdown-btn:hover{background:rgba(45,212,191,.16);border-color:rgba(45,212,191,.35);color:#ffffff;box-shadow:0 0 16px rgba(45,212,191,.2)}.dropdown-chevron{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.dropdown-chevron.is-open{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:620px;max-width:92vw;background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:6px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 20px 50px -12px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.03);z-index:200;animation:dropdownFadeIn .2s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden}.nav-dropdown-menu:before{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,#0d9488,#14b8a6,#0d9488);opacity:.8}.nav-dropdown-menu-resources{width:540px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.dropdown-item-card{animation:cardSlideUp .25s cubic-bezier(.16,1,.3,1) backwards}.dropdown-item-card:first-child{animation-delay:.03s}.dropdown-item-card:nth-child(2){animation-delay:.06s}.dropdown-item-card:nth-child(3){animation-delay:.09s}.dropdown-item-card:nth-child(4){animation-delay:.12s}.dropdown-item-card:nth-child(5){animation-delay:.15s}.dropdown-item-card:nth-child(6){animation-delay:.18s}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:10px;margin:10px 14px 4px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.dropdown-header-title{font-family:var(--font-display);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#0d9488}.dropdown-header-subtitle{font-size:.75rem;color:#94a3b8;margin-left:auto}.dropdown-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px}.dropdown-grid-resources{grid-template-columns:1fr 1fr;gap:2px}.dropdown-item-card{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;background:transparent;border:1px solid transparent;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;overflow:hidden}.dropdown-item-card:hover{background:rgba(13,148,136,.05);border-color:rgba(13,148,136,.15);box-shadow:0 4px 16px rgba(13,148,136,.06)}.dropdown-item-card:after{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:#0d9488;opacity:0;transform:scaleY(0);transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.dropdown-item-card:hover:after{opacity:1;transform:scaleY(1)}.dropdown-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.dropdown-item-card:hover .dropdown-icon-box{transform:scale(1.08);box-shadow:0 4px 12px rgba(0,0,0,.12)}.dropdown-icon{width:20px;height:20px}.icon-box-clock{background:linear-gradient(135deg,#0d9488,#065f46);color:#fef08a}.icon-box-compass{background:linear-gradient(135deg,#0284c7,#0f766e);color:#e0f2fe}.icon-box-beads{background:linear-gradient(135deg,#d97706,#047857);color:#fffbeb}.icon-box-moon{background:linear-gradient(135deg,#4f46e5,#1e1b4b);color:#fde047}.icon-box-palette{background:linear-gradient(135deg,#ec4899,#b45309);color:#fdf2f8}.icon-box-gamepad{background:linear-gradient(135deg,#8b5cf6,#0f766e);color:#f3e8ff}.icon-box-book{background:linear-gradient(135deg,#059669,#0a5940);color:#ecfdf5}.icon-box-file-text{background:linear-gradient(135deg,#e11d48,#9f1239);color:#ffe4e6}.icon-box-table{background:linear-gradient(135deg,#0891b2,#155e75);color:#cffafe}.icon-box-layers{background:linear-gradient(135deg,#7c3aed,#4c1d95);color:#ede9fe}.icon-box-info{background:linear-gradient(135deg,#2563eb,#1e40af);color:#dbeafe}.dropdown-item-content{flex:1 1;min-width:0}.item-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.item-title{font-family:var(--font-display);font-size:.88rem;font-weight:700;color:#1e293b;transition:color .15s ease}.dropdown-item-card:hover .item-title,.item-badge{color:#0d9488}.item-badge{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:4px;background:#f0fdfa;border:none}.item-badge-gold{background:#fef3c7;color:#92400e}.item-desc{font-size:.78rem;line-height:1.5;color:#64748b;margin-top:3px}.item-arrow-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:transparent;color:#cbd5e1;transition:all .2s cubic-bezier(.16,1,.3,1);align-self:center;flex-shrink:0}.dropdown-item-card:hover .item-arrow-wrapper{background:#0d9488;color:#ffffff;transform:translateX(2px);box-shadow:0 2px 8px rgba(13,148,136,.3)}.item-arrow-icon{width:14px;height:14px;transition:transform .15s ease}.mobile-nav{gap:12px}.mobile-nav,.mobile-tools-section{display:flex;flex-direction:column}.mobile-tools-section{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;margin:6px 0}.mobile-tools-toggle{background:transparent;border:none;color:var(--gold-300);font-family:inherit;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;padding:10px 0;min-height:44px}.mobile-tools-list{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.mobile-tool-item{display:flex;align-items:flex-start;gap:12px;text-decoration:none;padding:10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);transition:background .18s ease}.mobile-tool-item.is-active,.mobile-tool-item:hover{background:rgba(45,212,191,.15);border-color:rgba(45,212,191,.3)}.mobile-tool-body{flex:1 1;min-width:0}.mobile-tool-title{font-weight:700;font-size:.92rem;color:#ffffff;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mobile-tool-desc{font-size:.8rem;line-height:1.4;color:rgba(255,255,255,.72);margin-top:4px}.about-hero,.authors-hero,.contact-hero,.policy-hero,.rss-hero,.sitemap-hero{padding:60px 0 40px;text-align:center;background:radial-gradient(circle at top center,rgba(13,148,136,.15),transparent 70%);border-bottom:1px solid var(--line)}.about-hero h1,.authors-hero h1,.contact-hero h1,.policy-hero h1,.rss-hero h1,.sitemap-hero h1{font-family:var(--font-display);font-size:2.75rem;font-weight:800;color:var(--text-strong);margin:12px 0 16px;line-height:1.2}.hero-lead{font-size:1.15rem;color:var(--muted);max-width:760px;margin:0 auto;line-height:1.7}.about-hero-badge,.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:99px;background:rgba(13,148,136,.1);color:var(--teal-600);font-weight:700;font-size:.85rem;letter-spacing:.03em;text-transform:uppercase}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--teal-500);box-shadow:0 0 8px var(--teal-400)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-top:40px}.metric-card{background:var(--paper-raised);border:1px solid var(--line);padding:24px 16px;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center}.metric-value{font-family:var(--font-display);font-size:2.2rem;font-weight:800;color:var(--text-mid)}.metric-label{font-size:.88rem;color:var(--muted);font-weight:600;margin-top:4px}.about-content-section{padding:50px 20px}.about-tabs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.about-tab-btn{padding:12px 24px;border-radius:99px;border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);font-weight:600;cursor:pointer;transition:all .2s ease}.about-tab-btn.active,.about-tab-btn:hover{background:var(--emerald-900);color:var(--gold-300);border-color:var(--text-mid);box-shadow:var(--shadow-md)}.tab-pane-hidden{display:none}.section-header-block{margin-bottom:28px}.section-header-block h2{font-family:var(--font-display);font-size:2rem;color:var(--text-strong);margin:0}.section-header-block .subtitle{color:var(--teal-600);font-weight:600;font-size:.95rem;margin-top:4px}.text-card-lg{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:32px;line-height:1.8;font-size:1.05rem;box-shadow:var(--shadow-sm);margin-bottom:30px}.about-section-divider{height:1px;background:var(--line);margin:60px 0}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:24px;gap:24px}.value-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:transform .2s ease,box-shadow .2s ease}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.value-icon{font-size:2rem;margin-bottom:12px}.timeline-container{display:flex;flex-direction:column;gap:20px;position:relative;padding-left:20px;border-left:3px solid var(--teal-500)}.timeline-item{position:relative}.timeline-year{display:inline-block;background:var(--emerald-900);color:var(--gold-300);padding:4px 12px;border-radius:99px;font-weight:700;font-size:.85rem;margin-bottom:8px}.timeline-content{background:var(--paper-raised);border:1px solid var(--line);padding:20px;border-radius:var(--radius-sm)}.legal-entity-box{background:rgba(6,56,46,.03);border:2px dashed var(--teal-600);padding:28px;border-radius:var(--radius)}.legal-badge{display:inline-block;background:var(--emerald-900);color:#fff;padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:700;text-transform:uppercase;margin-bottom:12px}.legal-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.legal-item{display:flex;flex-direction:column}.legal-label{font-size:.82rem;color:var(--muted);font-weight:600}.legal-val{font-weight:700;color:var(--text-strong)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:24px;gap:24px}.service-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.service-icon-wrap{font-size:2.2rem;margin-bottom:14px}.trusted-source-card{background:linear-gradient(135deg,var(--emerald-950),var(--emerald-900));color:#fff;border-radius:var(--radius);padding:36px;display:flex;gap:24px;box-shadow:var(--shadow-lg);border:1px solid var(--gold-400)}.trusted-icon{font-size:3.5rem}.trusted-body h3{color:var(--gold-300);font-size:1.6rem;margin:0 0 12px}.trusted-body p{color:rgba(255,255,255,.9);line-height:1.7}.trusted-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.trusted-tag{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:var(--gold-300);padding:6px 14px;border-radius:99px;font-size:.85rem;font-weight:600}.workspace-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px;margin-bottom:36px}.workspace-image-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.workspace-img-placeholder{height:220px;position:relative;display:flex;align-items:flex-end;background-size:cover;background-position:50%}.studio-bg{background:linear-gradient(0deg,rgba(5,46,38,.92),rgba(5,46,38,.3)),radial-gradient(circle,#0e5c47,#052e26)}.office-bg{background:linear-gradient(0deg,rgba(5,46,38,.92),rgba(5,46,38,.3)),radial-gradient(circle,#0d9488,#06382e)}.workspace-overlay{padding:20px;color:#fff}.workspace-overlay h3{margin:0 0 6px;color:var(--gold-300);font-size:1.05rem}.workspace-overlay p{margin:0;font-size:.85rem;color:rgba(255,255,255,.85)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:24px;gap:24px}.team-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:center}.avatar-circle{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--teal-600),var(--emerald-900));color:var(--gold-300);font-weight:800;font-size:1.4rem;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 12px rgba(13,148,136,.3)}.team-role{display:block;color:var(--teal-text);font-weight:600;font-size:.85rem;margin-bottom:10px}.team-bio{font-size:.88rem;color:var(--muted)}.testimonial-filter-tabs{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.t-filter-btn{padding:8px 18px;border-radius:99px;border:1px solid var(--line);background:var(--paper-raised);font-size:.88rem;cursor:pointer}.t-filter-btn.active{background:var(--teal-badge);color:#fff;border-color:var(--teal-badge)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:24px;gap:24px}.testimonial-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.stars{color:var(--gold-500);margin-bottom:12px}.t-quote{font-style:italic;color:var(--ink);line-height:1.6}.t-author{margin-top:16px;display:flex;flex-direction:column;font-size:.85rem}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px}.partner-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-sm);padding:20px;display:flex;gap:16px;align-items:flex-start;transition:border-color .2s ease}.partner-card:hover{border-color:var(--teal-600)}.partner-info h3{color:var(--text-strong)}.partner-info p{color:var(--muted)}.partner-icon{font-size:1.8rem}.partner-link-text{display:inline-block;margin-top:8px;font-size:.85rem;font-weight:700;color:var(--teal-text)}.mailing-address-card{background:var(--paper-raised);border:2px solid var(--emerald-900);border-radius:var(--radius);padding:32px}.address-header{display:flex;gap:16px;align-items:center;margin-bottom:20px}.address-icon{font-size:2.5rem}.address-box address{font-style:normal;font-size:1.1rem;line-height:1.7;color:var(--text-strong)}.address-actions{display:flex;gap:16px;margin-top:24px;flex-wrap:wrap}.copy-addr-btn{background:var(--emerald-900);color:var(--gold-300);border:none;cursor:pointer}.contact-link-btn,.copy-addr-btn{padding:12px 24px;border-radius:var(--radius-sm);font-weight:700}.contact-link-btn{background:rgba(13,148,136,.1);color:var(--teal-text)}.authors-controls{margin-top:30px;flex-direction:column;gap:20px}.authors-controls,.search-box{display:flex;align-items:center}.search-box{width:100%;max-width:600px;position:relative}.search-icon{position:absolute;left:16px;font-size:1.1rem}.policy-search-box input,.search-input,.sitemap-search-bar input{width:100%;padding:14px 44px;border-radius:99px;border:1px solid var(--line);background:var(--paper-raised);font-size:1rem;font-family:inherit}.clear-btn{position:absolute;right:16px;background:none;border:none;font-size:1rem;cursor:pointer;color:var(--muted)}.category-pills,.filter-pills,.sitemap-tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.pill-btn,.tab-pill{padding:8px 18px;border-radius:99px;border:1px solid var(--line);background:var(--paper-raised);font-size:.88rem;font-weight:600;cursor:pointer}.pill-btn.active,.tab-pill.active{background:var(--emerald-900);color:var(--gold-300);border-color:var(--text-mid)}.authors-list-section{padding:40px 20px 60px}.authors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:28px;gap:28px}.author-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column}.author-header{display:flex;gap:16px;align-items:center;margin-bottom:16px}.author-avatar{width:60px;height:60px;border-radius:50%;font-size:1.3rem}.author-title-block h2{margin:0;font-size:1.2rem;color:var(--text-strong)}.author-subtitle{display:block;font-size:.85rem;color:var(--teal-text);font-weight:600}.author-location{font-size:.8rem;color:var(--muted)}.author-credentials{font-size:.85rem;background:rgba(13,148,136,.08);padding:8px 12px;border-radius:8px;margin-bottom:14px}.specialties-tags{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.spec-tag{font-size:.78rem;background:var(--paper);border:1px solid var(--line);padding:4px 10px;border-radius:99px;color:var(--muted)}.toggle-author-btn{margin-top:auto;padding:10px;border:1px solid var(--line);background:transparent;border-radius:var(--radius-sm);font-weight:700;color:var(--teal-text);cursor:pointer}.author-expanded-content h3{font-size:1rem;font-weight:700;margin-bottom:8px}.author-learn-link{color:var(--teal-text);font-weight:700}.contact-container{padding:50px 20px}.contact-grid{display:grid;grid-template-columns:1fr 340px;grid-gap:36px;gap:36px}@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}.contact-form-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:36px}.form-subtext{color:var(--muted);margin-bottom:24px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:.9rem;color:var(--text-strong)}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--paper);font-family:inherit;font-size:.95rem}.submit-btn{padding:14px 28px;background:var(--emerald-900);color:var(--gold-300);border:none;border-radius:var(--radius-sm);font-weight:800;font-size:1rem;cursor:pointer}.success-banner{background:rgba(13,148,136,.1);border:2px solid var(--teal-600);border-radius:var(--radius-sm);padding:32px;text-align:center}.success-icon{font-size:3rem;color:var(--teal-600)}.contact-sidebar{display:flex;flex-direction:column;gap:24px}.info-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.email-box{display:flex;align-items:center;justify-content:space-between;background:var(--paper);border:1px solid var(--line);padding:8px 12px;border-radius:8px;margin-top:12px}.copy-sm-btn{padding:4px 10px;background:var(--teal-badge);color:#fff;border:none;border-radius:6px;font-size:.8rem;cursor:pointer}.contact-faq-section{margin-top:60px}.faq-accordion{display:flex;flex-direction:column;gap:16px;margin-top:24px}.faq-item{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.faq-question-btn{width:100%;padding:20px;display:flex;justify-content:space-between;align-items:center;background:none;border:none;font-size:1.05rem;font-weight:700;color:var(--text-strong);text-align:left;cursor:pointer}.faq-answer{padding:0 20px 20px;color:var(--muted);line-height:1.7}.policy-body{padding:50px 20px}.policy-layout{display:grid;grid-template-columns:280px 1fr;grid-gap:40px;gap:40px}@media (max-width:860px){.policy-layout{grid-template-columns:1fr}}.policy-toc{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:-webkit-sticky;position:sticky;top:100px;height:-moz-fit-content;height:fit-content}.policy-toc ul{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:10px}.policy-toc a{color:var(--muted);font-weight:600;font-size:.9rem}.policy-toc a.active{color:var(--teal-600);font-weight:800}.policy-block{margin-bottom:40px}.policy-block h2{font-family:var(--font-display);font-size:1.75rem;color:var(--text-strong)}.callout-card{background:var(--paper-raised);border-left:4px solid var(--teal-600);padding:20px;border-radius:8px;margin:20px 0}.gold-border{border-left-color:var(--gold-500)}.cookie-manager-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:36px;margin-bottom:40px}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);gap:20px}.locked{padding:4px 12px;border-radius:99px;font-size:.8rem;font-weight:700}.locked,.save-prefs-btn{background:var(--emerald-900);color:var(--gold-300)}.save-prefs-btn{padding:14px 28px;border:none;border-radius:var(--radius-sm);font-weight:800;font-size:1rem;cursor:pointer;margin-top:24px}.cookie-table{width:100%;border-collapse:collapse;background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;margin-top:16px}.cookie-table td,.cookie-table th{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line)}.cookie-table th{background:var(--emerald-900);color:var(--gold-300)}.sitemap-body{padding:50px 20px}.sitemap-search-bar{margin-top:24px;display:flex;justify-content:center}.sitemap-search-bar input{max-width:600px}.xml-sitemap-banner{margin-top:20px;font-size:.9rem;color:var(--muted);display:flex;gap:12px;justify-content:center;align-items:center}.xml-link{color:var(--teal-600);font-weight:700}.sitemap-section{margin-top:40px}.sitemap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.sitemap-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-sm);padding:20px;display:flex;flex-direction:column}.card-title{font-weight:700;color:var(--text-strong);font-size:1.05rem}.card-desc{font-size:.85rem;color:var(--muted);margin:6px 0 12px}.card-url{font-size:.78rem;color:var(--teal-600);font-family:monospace}.surah-sitemap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-top:20px}.surah-sitemap-card{background:var(--paper-raised);border:1px solid var(--line);padding:16px;border-radius:var(--radius-sm);gap:14px}.surah-num,.surah-sitemap-card{display:flex;align-items:center}.surah-num{width:36px;height:36px;border-radius:50%;background:var(--emerald-900);color:var(--gold-300);font-weight:800;justify-content:center;font-size:.85rem}.surah-info{display:flex;flex-direction:column}.surah-name{font-weight:700;color:var(--text-strong)}.surah-eng{font-size:.8rem;color:var(--muted)}.rss-copy-card{background:var(--paper-raised);border:2px solid var(--teal-600);border-radius:var(--radius);padding:24px;max-width:680px;margin:30px auto 0;gap:16px}.rss-copy-card,.rss-url-display{display:flex;flex-direction:column}.rss-url-display{gap:6px;align-items:flex-start}.rss-code{background:var(--emerald-950);color:var(--gold-300);padding:8px 16px;border-radius:8px;font-size:.95rem;width:100%}.rss-action-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.copy-feed-btn{padding:12px 24px;background:var(--emerald-900);color:var(--gold-300);border:none;cursor:pointer}.copy-feed-btn,.open-xml-btn{border-radius:var(--radius-sm);font-weight:700}.open-xml-btn{padding:12px 20px;background:rgba(13,148,136,.1);color:var(--teal-600)}.rss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px;margin-top:36px}.rss-feed-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column}.feed-header{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:12px}.feed-cat-badge{background:rgba(13,148,136,.1);color:var(--teal-600);padding:2px 10px;border-radius:99px;font-weight:700}.feed-footer{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;align-items:center}.rss-reader-guide{margin-top:60px;background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:36px}.readers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:24px;gap:24px;margin-top:20px}.reader-box{background:var(--paper);border:1px solid var(--line);padding:20px;border-radius:var(--radius-sm)}.blog-page{padding-bottom:80px}.blog-hero{padding:48px 0 32px;text-align:left}.blog-eyebrow{display:inline-block;font-size:.825rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal-600);background:rgba(13,148,136,.1);padding:4px 14px;border-radius:99px;margin-bottom:16px}.blog-title{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;color:var(--text-strong);line-height:1.15;margin:0 0 16px}.blog-subtitle{font-size:1.125rem;color:var(--muted);max-width:780px;line-height:1.65;margin:0 0 24px}.blog-browse-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--teal-600);transition:gap .2s ease}.blog-browse-link:hover{gap:12px}.blog-explorer-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:var(--paper-raised);border:1px solid var(--line);padding:16px 20px;border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:24px}.blog-search-wrap{position:relative;flex:1 1 280px}.blog-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.blog-search-input{width:100%;padding:10px 14px 10px 42px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease}.blog-search-input:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 3px rgba(45,212,191,.2)}.blog-toolbar-actions{display:flex;align-items:center;gap:12px}.blog-select{padding:10px 14px;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--ink);cursor:pointer}.blog-select,.blog-view-toggle{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm)}.blog-view-toggle{display:flex;padding:3px}.blog-view-btn{border:none;background:transparent;padding:8px 12px;border-radius:8px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.blog-view-btn.is-active{background:var(--emerald-900);color:var(--gold-300)}.blog-topics-wrap{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.blog-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;background:var(--paper-raised);border:1px solid var(--line);font-size:.875rem;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s ease}.blog-chip:hover{border-color:var(--teal-500);background:rgba(13,148,136,.06)}.blog-chip.is-active{background:var(--emerald-900);color:var(--gold-300);border-color:var(--text-mid)}.blog-chip-count{font-size:.75rem;opacity:.8;background:rgba(255,255,255,.15);padding:2px 7px;border-radius:99px}.blog-results-count{font-size:.95rem;color:var(--muted);margin-bottom:20px}.blog-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));grid-gap:28px;gap:28px}.blog-results-list{display:flex;flex-direction:column;gap:20px}.blog-results-list .post-card{display:grid;grid-template-columns:240px 1fr;align-items:stretch}@media (max-width:640px){.blog-results-list .post-card{grid-template-columns:1fr}}.post-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--teal-500)}.post-card-cover{position:relative;height:180px;padding:20px;display:flex;align-items:center;justify-content:center;color:#ffffff;overflow:hidden}.post-card-cover.has-photo{padding:0}.post-card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.post-card:hover .post-card-photo{transform:scale(1.05)}.post-card-cover.has-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.05) 35%,rgba(0,0,0,0) 60%);pointer-events:none}.post-card-badge{left:14px;text-transform:uppercase;letter-spacing:.05em}.post-card-badge,.post-card-time{position:absolute;top:14px;z-index:2;font-size:.75rem;font-weight:700;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:4px 10px;border-radius:99px}.post-card-time{right:14px}.post-card-glyph{opacity:.9;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}.post-card-body{padding:24px;display:flex;flex-direction:column;flex:1 1}.post-card-meta{font-size:.825rem;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:12px}.post-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-strong);line-height:1.35;margin:0 0 12px}.post-card-desc{font-size:.925rem;color:var(--muted);line-height:1.6;margin:0 0 20px;flex:1 1}.post-card-footer{font-size:.875rem;font-weight:700;color:var(--teal-text);padding-top:14px}.blog-pagination,.post-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.blog-pagination{flex-wrap:wrap;gap:20px;margin-top:48px;padding-top:24px}.blog-showing{font-size:.9rem;color:var(--muted)}.blog-pager{gap:6px}.blog-page-btn,.blog-pager{display:flex;align-items:center}.blog-page-btn{min-width:38px;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);font-weight:700;font-size:.875rem;cursor:pointer;justify-content:center;transition:all .2s ease}.blog-page-btn:hover:not(:disabled){border-color:var(--teal-500);color:var(--teal-600)}.blog-page-btn.is-active{background:var(--emerald-900);color:var(--gold-300);border-color:var(--text-mid)}.blog-page-btn:disabled{opacity:.4;cursor:not-allowed}.blog-detail-header-wrap{padding:40px 0 24px}.blog-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted);margin-bottom:16px}.blog-breadcrumbs a{color:var(--muted);transition:color .2s}.blog-breadcrumbs a:hover{color:var(--teal-600)}.blog-detail-meta{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--muted);margin-bottom:16px}.blog-detail-title{font-family:var(--font-display);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;color:var(--text-strong);line-height:1.15;margin:0 0 16px}.blog-detail-description{font-size:1.2rem;color:var(--muted);line-height:1.6;max-width:820px;margin:0 0 24px}.blog-byline{gap:14px;padding-top:16px;border-top:1px solid var(--line)}.author-avatar,.blog-byline{display:flex;align-items:center}.author-avatar{width:44px;height:44px;border-radius:99px;background:var(--emerald-900);color:var(--gold-300);font-weight:800;font-size:.95rem;justify-content:center}.author-info{display:flex;flex-direction:column}.author-name{font-weight:700;color:var(--text-strong);font-size:.95rem}.author-role{font-size:.8rem;color:var(--muted)}.blog-detail-layout{display:grid;grid-template-columns:1fr 320px;grid-gap:48px;gap:48px;margin-top:32px}@media (max-width:900px){.blog-detail-layout{grid-template-columns:1fr}}.blog-detail-banner{height:240px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 0 36px;position:relative;box-shadow:var(--shadow-md);overflow:hidden}.blog-detail-banner.has-photo{height:340px}.blog-detail-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.blog-detail-banner.has-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0) 45%);pointer-events:none}.blog-detail-banner-credit{position:absolute;bottom:12px;right:16px;z-index:2;margin:0;font-size:.75rem;color:rgba(255,255,255,.85);text-shadow:0 1px 3px rgba(0,0,0,.5)}.blog-detail-banner-credit a{color:#fff;text-decoration:underline;text-underline-offset:2px}@media (max-width:640px){.blog-detail-banner.has-photo{height:220px}}.blog-detail-body{font-size:1.075rem;line-height:1.8;color:var(--ink)}.blog-detail-body h2{font-size:1.75rem;color:var(--text-strong);margin:40px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--line)}.blog-detail-body h2,.blog-detail-body h3{font-family:var(--font-display);font-weight:700}.blog-detail-body h3{font-size:1.35rem;color:var(--text-mid);margin:28px 0 12px}.blog-detail-body p{margin-bottom:20px}.blog-detail-body ol,.blog-detail-body ul{margin-bottom:24px;padding-left:24px}.blog-detail-body li{margin-bottom:8px}.blog-key-takeaways{background:rgba(13,148,136,.08);border:1px solid rgba(13,148,136,.25);border-left:5px solid var(--teal-600);border-radius:var(--radius-sm);padding:24px;margin:32px 0}.takeaway-header{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-strong);margin-bottom:14px}.takeaway-list{margin:0;padding-left:20px}.takeaway-list li{font-size:.975rem;color:var(--ink);line-height:1.6;margin-bottom:8px}.blog-table-container{overflow-x:auto;margin:28px 0;border:1px solid var(--line);border-radius:var(--radius-sm)}.blog-table-container table{width:100%;border-collapse:collapse;font-size:.925rem;text-align:left}.blog-table-container th{background:var(--emerald-950);color:var(--gold-300);padding:14px 16px;font-weight:700}.blog-table-container td{padding:14px 16px;border-top:1px solid var(--line);background:var(--paper-raised)}.blog-table-container tr:nth-child(2n) td{background:var(--paper)}.blog-sidebar,.blog-sidebar-sticky{display:flex;flex-direction:column;gap:28px}.blog-sidebar-sticky{position:-webkit-sticky;position:sticky;top:100px}.blog-widget{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.widget-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text-strong);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--line)}.widget-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.widget-link{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:var(--ink);transition:color .2s ease}.widget-link:hover{color:var(--teal-600)}.widget-dot{width:7px;height:7px;border-radius:99px;background:var(--teal-500)}.widget-reads{list-style:none;padding:0;margin:0;gap:14px}.read-item-link,.widget-reads{display:flex;flex-direction:column}.read-item-link{gap:4px;font-size:.9rem;font-weight:600;color:var(--text-strong);transition:color .2s ease}.read-item-link:hover{color:var(--teal-600)}.read-item-meta{font-size:.775rem;color:var(--muted);font-weight:500}.blog-cta-banner{margin-top:48px;background:linear-gradient(135deg,var(--emerald-950) 0,var(--emerald-800) 100%);border-radius:var(--radius);padding:32px;color:#ffffff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-md)}.cta-title{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--gold-300);margin:0 0 6px}.cta-sub{font-size:.95rem;color:rgba(255,255,255,.85);margin:0}.cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--gold-400);color:var(--text-strong);font-weight:700;border-radius:var(--radius-sm);transition:transform .2s ease,background .2s ease}.cta-btn:hover{background:var(--gold-300);transform:translateY(-2px)}.surah-info-container{display:flex;flex-direction:column;gap:28px;max-width:1000px;margin:0 auto}.surah-info-search-wrapper{position:relative;max-width:540px;width:100%;margin:0 auto}.surah-info-search-input{width:100%;padding:14px 24px;font-size:.98rem;border-radius:9999px;border:1px solid var(--line);background:var(--paper-raised);color:var(--text-strong);box-shadow:0 4px 14px rgba(5,46,38,.04);transition:border-color .2s ease,box-shadow .2s ease}.surah-info-search-input:focus{outline:none;border-color:var(--teal-600);box-shadow:0 0 0 3px rgba(13,148,136,.15)}.surah-info-search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;padding:4px 8px}.surah-table-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.surah-info-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.surah-info-table th{background:#f0fdf4;color:#15803d;font-weight:700;font-family:var(--font-display);padding:16px 20px;border-bottom:2px solid #22c55e;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.92rem}.surah-info-table th.sortable-th{cursor:pointer;transition:background .15s ease,color .15s ease}.surah-info-table th.sortable-th:hover{background:#dcfce7;color:#166534}.surah-info-table th.active-sort{color:#166534;background:#e8f5e9}.sort-arrow{display:inline-block;margin-left:4px;opacity:.7;font-size:.85em}.surah-row{border-bottom:1px solid var(--line);transition:background .15s ease;cursor:pointer}.surah-row:last-child{border-bottom:none}.surah-row:hover{background:rgba(13,148,136,.05)}.surah-info-table td{padding:16px 20px;vertical-align:middle}.surah-col-num{color:var(--text-strong)}.surah-col-name,.surah-col-num{font-weight:700}.surah-name-link{color:var(--text-strong);text-decoration:none;transition:color .15s ease}.surah-row:hover .surah-name-link{color:var(--teal-600)}.surah-col-meaning{color:var(--muted)}.surah-col-ruku,.surah-col-verses{color:var(--text-strong);font-weight:500}.revelation-badge{display:inline-block;padding:3px 12px;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.badge-madinah,.badge-makkah{background:#f0fdf4;color:#15803d;border:1px solid rgba(34,197,94,.25)}.section-tools-suite{background:radial-gradient(1000px 500px at 50% 0,rgba(13,148,136,.08),transparent 70%),linear-gradient(180deg,var(--paper) 0,var(--paper-raised) 100%);padding:80px 0;border-top:1px solid var(--line);position:relative}.section-tools-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;gap:24px;flex-wrap:wrap}.section-tools-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:rgba(13,148,136,.12);color:var(--teal-600);font-weight:700;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}.tools-badge-pulse{width:8px;height:8px;border-radius:50%;background:var(--teal-500);box-shadow:0 0 0 0 rgba(20,184,166,.7);animation:pulse-dot 1.8s infinite}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 rgba(20,184,166,.7)}70%{box-shadow:0 0 0 8px rgba(20,184,166,0)}to{box-shadow:0 0 0 0 rgba(20,184,166,0)}}.section-tools-subtitle{color:var(--muted);font-size:1.05rem;max-width:600px;margin:8px 0 0}.btn-tools-explore{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--emerald-950);color:var(--gold-300);border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;transition:all .2s ease;box-shadow:0 4px 14px rgba(5,46,38,.18)}.btn-tools-explore:hover{background:var(--emerald-800);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(5,46,38,.25)}.tools-tabs{display:flex;gap:10px;margin-bottom:40px;overflow-x:auto;padding-bottom:6px}.tools-tab-btn{padding:8px 18px;border-radius:9999px;background:var(--paper-raised);border:1px solid var(--line);color:var(--muted);font-weight:600;font-size:.88rem;cursor:pointer;white-space:nowrap;transition:all .2s ease}.tools-tab-btn:hover{color:var(--text-strong);border-color:var(--teal-500)}.tools-tab-btn.is-active{background:var(--emerald-950);color:var(--gold-300);border-color:var(--text-strong);box-shadow:0 4px 12px rgba(5,46,38,.15)}.tools-interactive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:28px;gap:28px}.tool-widget-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:20px;padding:26px;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(5,46,38,.04);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}.tool-widget-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(5,46,38,.1);border-color:rgba(13,148,136,.35)}.tool-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tool-card-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--emerald-800),var(--emerald-950));color:var(--gold-400);display:grid;placeItems:center;padding:10px;box-shadow:0 4px 12px rgba(5,46,38,.2)}.tool-pill{font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:9999px;letter-spacing:.03em;text-transform:uppercase}.pill-live{background:#f0fdf4;color:#16a34a;border:1px solid rgba(22,163,74,.2)}.pill-popular{background:#fff7ed;color:#ea580c;border:1px solid rgba(234,88,12,.2)}.pill-3d{background:#eff6ff;color:#2563eb;border:1px solid rgba(37,99,235,.2)}.pill-calc{background:#faf5ff;color:#9333ea;border:1px solid rgba(147,51,234,.2)}.pill-family{background:#fdf2f8;color:#db2777;border:1px solid rgba(219,39,119,.2)}.pill-interactive{background:#ecfdf5;color:#059669;border:1px solid rgba(5,150,105,.2)}.tool-card-title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--text-strong);margin:0 0 6px}.tool-card-desc{color:var(--muted);font-size:.92rem;line-height:1.5;margin:0 0 18px}.widget-box{background:rgba(6,56,46,.03);border:1px solid rgba(13,148,136,.12);border-radius:14px;padding:16px;margin-bottom:20px;flex:1 1}.widget-prayer-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:var(--text-strong);margin-bottom:10px}.widget-countdown-badge{background:var(--emerald-950);color:var(--gold-300);padding:2px 8px;border-radius:6px;font-size:.78rem;font-weight:700}.widget-prayer-list{display:flex;flex-direction:column;gap:4px}.prayer-time-row{display:flex;justify-content:space-between;padding:4px 8px;border-radius:6px;font-size:.82rem;color:var(--muted)}.prayer-time-row.is-next{background:rgba(13,148,136,.14);color:var(--text-strong);font-weight:700}.prayer-time-row.is-current{color:var(--teal-600)}.widget-tasbih-phrase-selector{display:flex;gap:6px;margin-bottom:12px}.tasbih-phrase-chip{flex:1 1;padding:4px;font-size:.75rem;font-weight:600;border-radius:6px;border:1px solid var(--line);background:var(--paper-raised);color:var(--muted);cursor:pointer;text-align:center}.tasbih-phrase-chip.is-selected{background:var(--emerald-950);color:var(--gold-400);border-color:var(--text-strong)}.widget-tasbih-arabic{font-family:var(--font-arabic);font-size:1.4rem;color:var(--text-strong);text-align:center;margin-bottom:12px;min-height:38px}.widget-tasbih-action-area{gap:12px}.tasbih-counter-btn,.widget-tasbih-action-area{display:flex;align-items:center;justify-content:center}.tasbih-counter-btn{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--emerald-900),var(--emerald-950));border:3px solid var(--gold-400);color:#fff;flex-direction:column;cursor:pointer;box-shadow:0 6px 16px rgba(5,46,38,.3);transition:transform .1s ease,box-shadow .1s ease}.tasbih-counter-btn:active{transform:scale(.94);box-shadow:0 2px 8px rgba(5,46,38,.4)}.tasbih-count-val{font-size:1.6rem;font-weight:800;color:var(--gold-300);line-height:1}.tasbih-target-sub{font-size:.7rem;color:rgba(255,255,255,.7)}.tasbih-reset-btn{background:transparent;border:1px solid var(--line);color:var(--muted);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem}.tasbih-reset-btn:hover{background:rgba(13,148,136,.1);color:var(--text-strong)}.widget-compass{display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.compass-dial-ring{width:100px;height:100px;border-radius:50%;border:2px dashed var(--teal-600);position:relative;display:grid;place-items:center;background:var(--paper-raised);box-shadow:inset 0 0 12px rgba(5,46,38,.08);margin-bottom:8px}.compass-needle{position:absolute;top:10px;bottom:10px;width:4px;transition:transform .2s ease-out;display:flex;justify-content:center}.needle-head{position:absolute;top:-8px;font-size:1rem}.compass-marks{position:absolute;inset:4px;font-size:.65rem;font-weight:700;color:var(--muted);pointer-events:none}.mark-n{top:2px;left:42px;color:#e11d48}.mark-e,.mark-n{position:absolute}.mark-e{right:4px;top:40px}.mark-s{bottom:2px;left:43px}.mark-s,.mark-w{position:absolute}.mark-w{left:4px;top:40px}.compass-info-readout{text-align:center;font-size:.82rem;color:var(--text-strong)}.compass-subtext{display:block;font-size:.72rem;color:var(--muted);margin-top:2px}.tahajjud-inputs-row{display:flex;gap:10px;margin-bottom:10px}.tahajjud-input-group{flex:1 1}.tahajjud-input-group label{display:block;font-size:.72rem;font-weight:600;color:var(--muted);margin-bottom:4px}.tahajjud-input-group input{width:100%;padding:4px 6px;border-radius:6px;border:1px solid var(--line);background:var(--paper-raised);font-size:.8rem;color:var(--text-strong)}.tahajjud-result-box{background:var(--emerald-950);color:#fff;border-radius:8px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.tahajjud-label{font-size:.78rem;color:rgba(255,255,255,.8)}.tahajjud-val{font-size:1rem;font-weight:700;color:var(--gold-300)}.widget-coloring{display:flex;flex-direction:column;align-items:center;gap:12px}.coloring-pattern-preview{padding:6px;background:var(--paper-raised);border-radius:50%;box-shadow:0 4px 12px rgba(5,46,38,.08)}.coloring-swatch-row{display:flex;gap:8px}.swatch-btn{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.15);cursor:pointer;transition:transform .15s ease}.swatch-btn.is-active,.swatch-btn:hover{transform:scale(1.2);outline:2px solid var(--emerald-950)}.quiz-question{font-size:.85rem;font-weight:600;color:var(--text-strong);margin:0 0 10px;line-height:1.4}.quiz-options-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-bottom:8px}.quiz-opt-btn{padding:6px 8px;font-size:.78rem;border-radius:6px;border:1px solid var(--line);background:var(--paper-raised);color:var(--text-strong);cursor:pointer;transition:all .15s ease;text-align:left}.quiz-opt-btn:hover{background:rgba(13,148,136,.08)}.quiz-opt-btn.is-correct{background:#f0fdf4;color:#16a34a;border-color:#22c55e;font-weight:700}.quiz-opt-btn.is-wrong{background:#fef2f2;color:#ef4444;border-color:#f87171}.quiz-feedback{font-size:.78rem;font-weight:600}.feedback-success{color:#16a34a}.feedback-error{color:#ef4444}.tool-card-link{font-size:.9rem;font-weight:700;color:var(--teal-600);display:inline-flex;align-items:center;gap:4px;transition:gap .2s ease,color .2s ease}.tool-card-link:hover{color:var(--text-strong);gap:8px}@media (max-width:768px){.section-tools-header{flex-direction:column;align-items:flex-start}}.section-resources-suite{background:var(--paper);padding:80px 0;border-top:1px solid var(--line);position:relative}.pill-gold{background:#fefce8;color:#ca8a04;border:1px solid rgba(202,138,4,.25)}.pill-purple{background:#faf5ff;color:#7e22ce;border:1px solid rgba(126,34,206,.25)}.widget-snippet-box{background:rgba(5,46,38,.04);border:1px solid rgba(13,148,136,.15);border-radius:12px;padding:14px 16px;text-align:center}.snippet-arabic{font-family:var(--font-arabic);font-size:1.35rem;color:var(--text-strong);margin-bottom:4px;line-height:1.5}.snippet-latin{font-size:.82rem;font-style:italic;color:var(--muted)}.widget-downloads-box{background:rgba(13,148,136,.03);border:1px solid rgba(13,148,136,.1);border-radius:12px;padding:12px 14px}.downloads-label{display:block;font-size:.72rem;font-weight:700;color:var(--text-strong);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.downloads-tags{display:flex;flex-wrap:wrap;gap:6px}.quick-dl-tag{padding:3px 10px;background:var(--paper-raised);border:1px solid var(--line);border-radius:9999px;font-size:.76rem;font-weight:600;color:var(--teal-600);transition:all .15s ease}.quick-dl-tag:hover{background:var(--emerald-950);color:var(--gold-300);border-color:var(--text-strong)}.floating-actions-container{pointer-events:none}.floating-btn{position:fixed;bottom:24px;z-index:800;pointer-events:auto;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:9999px;font-family:var(--font-body);font-size:.88rem;font-weight:700;letter-spacing:.01em;text-decoration:none;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 24px rgba(5,46,38,.25),0 2px 6px rgba(0,0,0,.1)}.floating-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 32px rgba(5,46,38,.35),0 4px 10px rgba(0,0,0,.15)}.floating-btn:active{transform:translateY(-1px) scale(.98)}.floating-btn-home{left:24px;background:linear-gradient(135deg,rgba(6,56,46,.94),rgba(10,74,58,.94));color:#ffffff;border:1px solid rgba(45,212,191,.35)}.floating-btn-home svg{color:var(--teal-400);transition:transform .2s ease}.floating-btn-home:hover svg{transform:scale(1.1);color:var(--gold-300)}.floating-btn-hadith{right:24px;background:linear-gradient(135deg,rgba(5,46,38,.96),rgba(14,92,71,.96));color:#ffffff;border:1px solid rgba(233,196,106,.4)}.floating-btn-hadith svg{color:var(--gold-400);transition:transform .2s ease}.floating-btn-hadith:hover svg{transform:rotate(-6deg) scale(1.15)}.hadith-badge-glow{position:absolute;top:-3px;right:-3px;width:10px;height:10px;background:var(--gold-400);border-radius:50%;box-shadow:0 0 10px var(--gold-400);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(233,196,106,.7)}70%{transform:scale(1.1);box-shadow:0 0 0 8px rgba(233,196,106,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(233,196,106,0)}}.hadith-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,46,38,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .2s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hadith-modal-card{position:relative;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;background:var(--paper-raised);border:1px solid rgba(45,212,191,.25);border-radius:20px;box-shadow:0 24px 60px rgba(5,46,38,.35);overflow:hidden;animation:modalPop .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalPop{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.hadith-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(135deg,var(--emerald-950) 0,var(--emerald-900) 100%);border-bottom:1px solid rgba(45,212,191,.18)}.hadith-modal-title-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hadith-pill-badge{background:linear-gradient(135deg,var(--gold-400),var(--gold-500));color:var(--text-strong);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:9999px}.hadith-category-tag{background:rgba(45,212,191,.15);color:var(--teal-400);font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:9999px}.hadith-close-btn{background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.8);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;transition:all .2s ease}.hadith-close-btn:hover{background:rgba(255,255,255,.25);color:#ffffff;transform:rotate(90deg)}.hadith-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.hadith-title{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--text-strong)}.hadith-arabic-box{background:linear-gradient(135deg,rgba(6,56,46,.05),rgba(45,212,191,.08));border:1px solid rgba(13,148,136,.18);border-radius:14px;padding:20px;text-align:center}.hadith-arabic-text{margin:0;font-family:var(--font-arabic);font-size:1.7rem;line-height:2.2;color:var(--text-strong);direction:rtl}.hadith-field-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--teal-600);margin-bottom:4px}.hadith-transliteration-text{margin:0;font-size:.96rem;font-style:italic;color:var(--text-mid);line-height:1.6}.hadith-translation-text{margin:0;font-size:1.02rem;font-weight:500;color:var(--ink);line-height:1.65}.hadith-meta-row{display:flex;flex-wrap:wrap;gap:12px 20px;padding:12px 16px;background:var(--paper);border-radius:12px;border:1px solid var(--line);font-size:.85rem;color:var(--muted)}.hadith-meta-item{display:flex;align-items:center;gap:6px}.grade-badge{background:rgba(13,148,136,.12);color:var(--teal-600);font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:6px;margin-left:4px}.hadith-reflection-card{background:rgba(233,196,106,.14);border-left:4px solid var(--gold-500);border-radius:0 12px 12px 0;padding:14px 18px}.reflection-header{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-strong);margin-bottom:4px}.reflection-text{margin:0;font-size:.88rem;color:var(--text-mid);line-height:1.55}.hadith-modal-footer{display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--paper);border-top:1px solid var(--line)}.hadith-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:12px;font-family:var(--font-body);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid var(--line);background:var(--paper-raised);color:var(--text-strong)}.hadith-action-btn:hover{background:var(--emerald-950);color:#ffffff;border-color:var(--text-strong)}.hadith-action-btn.is-copied{background:#10b981;color:#ffffff;border-color:#10b981}.hadith-next-btn{background:linear-gradient(135deg,var(--emerald-800) 0,var(--emerald-950) 100%);color:var(--gold-300);border:1px solid rgba(45,212,191,.3)}.hadith-next-btn:hover{background:linear-gradient(135deg,var(--emerald-700) 0,var(--emerald-900) 100%);color:#ffffff;border-color:var(--teal-400)}.hadith-close-secondary{margin-left:auto;border:none;background:transparent;color:var(--muted)}.hadith-close-secondary:hover{background:rgba(0,0,0,.05);color:var(--ink)}@media (max-width:640px){.floating-btn{bottom:16px;padding:10px 14px;font-size:.8rem}.floating-btn-home{left:14px}.floating-btn-hadith{right:14px}.hadith-modal-body{padding:16px;gap:14px}.hadith-arabic-text{font-size:1.45rem}.hadith-modal-footer{padding:12px 16px;flex-wrap:wrap}.hadith-close-secondary{margin-left:0;width:100%}}.para-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.para-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 22px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.para-card:hover{box-shadow:0 10px 28px rgba(5,46,38,.1);transform:translateY(-2px);border-color:var(--teal-600)}.para-card-link{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;border-radius:8px}.para-card-link:hover .para-card-num{color:var(--teal-text)}.para-card-link:focus-visible{outline:2px solid var(--teal-600);outline-offset:3px}.para-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.para-card-num{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--text-strong)}.para-card-arabic{font-size:1.4rem;color:var(--teal-text);line-height:1.2}.para-card-name{font-size:.95rem;font-weight:600;color:#15803d}.para-card-range{font-size:.85rem;color:var(--muted)}.para-card-surahs{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.para-surah-chip{display:inline-block;padding:4px 10px;font-size:.78rem;font-weight:600;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.para-surah-chip:hover{background:#dcfce7;color:#14532d;border-color:#22c55e}@media (max-width:620px){.para-index-grid{grid-template-columns:1fr}}html{-webkit-text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent}body{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.nav-drawer{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(28px + env(safe-area-inset-bottom, 0px))}@supports (-webkit-touch-callout:none){body{background-attachment:scroll}}@media (max-width:480px){.container{padding:0 16px}.landing .hero{padding-top:clamp(100px,14vw,150px)}.hero{padding-bottom:clamp(50px,8vw,90px)}.hero-eyebrow{font-size:.75rem;padding:6px 12px}.hero-sub{font-size:.95rem}.hero-stats{display:none}.stat strong{font-size:clamp(1.5rem,3.5vw,2rem)}.demo-card{padding:18px 16px 16px;border-radius:18px}.demo-arabic{font-size:clamp(1.5rem,4.5vw,2rem)}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%;justify-content:center}.surah-card{padding:14px;gap:10px}.surah-card-arabic{font-size:1.2rem}.ayah{padding:18px 14px}.ayah-top{margin-bottom:12px;flex-wrap:wrap;gap:8px}.section-tools-suite{padding:48px 0}.tools-interactive-grid{grid-template-columns:1fr;gap:20px}.tool-widget-card{padding:20px 16px}.tool-card-title{font-size:1.15rem}.tools-tabs{gap:6px;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,transparent 0,#000 8px,#000 calc(100% - 20px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8px,#000 calc(100% - 20px),transparent)}.tools-tab-btn{scroll-snap-align:start;padding:8px 14px;font-size:.82rem}.section-title{font-size:clamp(1.4rem,3.5vw,2rem);margin-bottom:clamp(24px,4vw,40px)}.section-tools-subtitle{font-size:.92rem}.section-tools-badge{font-size:.75rem}.form-row{gap:16px}.authors-grid,.contact-grid,.form-row{grid-template-columns:1fr}.author-card{padding:20px 16px}.blog-results-grid{gap:20px}.blog-results-grid,.blog-results-list .post-card{grid-template-columns:1fr}.post-card-body{padding:18px 16px}.blog-detail-layout{grid-template-columns:1fr;gap:32px}.blog-detail-title{font-size:clamp(1.8rem,4vw,2.6rem)}.blog-explorer-toolbar{flex-direction:column;gap:12px;padding:14px}.blog-toolbar-actions{width:100%;justify-content:space-between}.blog-pagination{flex-direction:column;align-items:stretch;gap:14px}.blog-pager{justify-content:center}.policy-layout{grid-template-columns:1fr}.policy-toc{position:static}.policy-block h2{font-size:1.4rem}.cookie-table{display:block}.cookie-table,.surah-table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.surah-info-table{min-width:600px}.surah-info-table td,.surah-info-table th{padding:12px;font-size:.88rem}.rss-grid,.sitemap-grid{grid-template-columns:1fr}.surah-sitemap-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.testimonials-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.partners-grid,.services-grid,.values-grid{grid-template-columns:1fr}.trusted-source-card{flex-direction:column;padding:24px;gap:16px}.legal-details-grid{grid-template-columns:1fr}.address-actions{flex-direction:column}.contact-link-btn,.copy-addr-btn{width:100%;text-align:center}.view-mode-bar{flex-direction:column;gap:10px;padding:12px 14px}.view-mode-tabs{width:100%;justify-content:center}.view-tab{padding:9px 14px;min-height:40px;font-size:.8rem}.surah-back{padding:6px 2px;margin-bottom:12px}.player-inner{padding:10px 14px;gap:10px}.player-play{width:42px;height:42px}.player-title{font-size:.88rem}.rselect-trigger{min-width:150px;font-size:.82rem;padding:8px 10px 8px 14px}.resume-banner{flex-direction:column;align-items:stretch}.resume-actions{width:100%;flex:1 1}.resume-btn{flex:1 1;text-align:center;justify-content:center}.footer-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.footer-grid a{display:flex;align-items:center;min-height:40px}.footer .container>div:last-child{font-size:.78rem;padding-top:1rem}.about-hero h1,.authors-hero h1,.contact-hero h1,.policy-hero h1,.rss-hero h1,.sitemap-hero h1{font-size:2rem}.hero-lead{font-size:1rem}.about-tabs{gap:8px}.about-tab-btn{padding:10px 16px;font-size:.88rem}.workspace-gallery{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.mailing-address-card{padding:20px 16px}.rss-reader-guide{padding:24px 16px}.readers-grid{grid-template-columns:1fr}.floating-btn-label{display:none}.floating-btn{padding:12px;bottom:calc(16px + env(safe-area-inset-bottom, 0px))}.floating-btn-home{left:calc(12px + env(safe-area-inset-left, 0px))}.floating-btn-hadith{right:calc(12px + env(safe-area-inset-right, 0px))}.hadith-modal-backdrop{padding:12px;align-items:flex-end}.hadith-modal-card{max-height:85vh;border-radius:20px 20px 0 0}.hadith-modal-header{padding:14px 16px}.hadith-modal-body{padding:16px;gap:14px}.hadith-arabic-text{font-size:1.3rem;line-height:2}.hadith-modal-footer{flex-wrap:wrap;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px))}.hadith-action-btn{flex:1 1;min-width:0;justify-content:center;padding:10px 12px;font-size:.82rem}.hadith-close-secondary{margin-left:0;width:100%}.surah-pager{flex-direction:column;margin-bottom:40px}.pager-link{padding:12px 16px}.pager-next{text-align:left;margin-left:0}.basmala{margin-bottom:28px;padding-bottom:20px}.section{padding:clamp(36px,6vw,64px) 0}.text-card-lg{padding:20px 16px;font-size:.95rem}.blog-cta-banner{flex-direction:column;text-align:center;padding:24px 20px}}@media (max-width:780px){.swatch-btn{width:36px;height:36px}.tasbih-reset-btn{width:44px;height:44px;font-size:1.2rem}.search-clear-btn{width:36px;height:36px}.hadith-close-btn{font-size:1.1rem}.hadith-close-btn,.icon-btn{width:44px;height:44px}.blog-chip,.filter-btn{padding:10px 16px;min-height:44px}.pill-btn,.t-filter-btn,.tab-pill{padding:10px 18px;min-height:44px}.about-tab-btn{min-height:44px}.blog-page-btn{min-width:44px;height:44px}.toggle-tafsir-btn{padding:8px 14px;min-height:44px}.faq-question-btn{min-height:52px}.brand{white-space:nowrap;font-size:1.05rem}.nav-drawer{padding-top:calc(16px + env(safe-area-inset-top, 0px))}.compass-subtext{font-size:.72rem}.quiz-opt-btn{padding:10px 12px;font-size:.82rem;min-height:44px}.tasbih-phrase-chip{padding:8px 6px;font-size:.78rem;min-height:36px}.form-row{grid-template-columns:1fr;gap:16px}.contact-form-card{padding:24px 18px}body,html{overflow-x:hidden}}@media (min-width:481px) and (max-width:768px){.tools-interactive-grid{grid-template-columns:repeat(2,1fr);gap:20px}.tool-widget-card{padding:20px 18px}.blog-results-grid{grid-template-columns:repeat(2,1fr)}.authors-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.floating-btn-label{display:none}.floating-btn{padding:12px}}@media (max-width:780px) and (orientation:landscape){.hero{padding:clamp(40px,6vw,80px) 0}.landing .hero{padding-top:clamp(80px,12vw,120px)}.hadith-modal-card{max-height:90vh;border-radius:20px}.hadith-modal-backdrop{align-items:center}.nav-drawer{width:min(60vw,320px)}}.blog-faq-section{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.blog-faq-title{font-family:var(--font-display);font-size:1.6rem;font-weight:800;margin:0 0 20px;color:var(--text)}.blog-faq-list{display:grid;grid-gap:12px;gap:12px}.blog-faq-item{background:var(--paper-raised);border:1px solid var(--line);border-radius:12px;padding:4px 20px;transition:border-color .2s ease}.blog-faq-item[open]{border-color:var(--teal-600)}.blog-faq-question{font-weight:700;font-size:1.02rem;color:var(--text);cursor:pointer;list-style:none;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.blog-faq-question::-webkit-details-marker{display:none}.blog-faq-question:after{content:"+";font-size:1.5rem;font-weight:400;color:var(--teal-600);line-height:1;flex-shrink:0;transition:transform .2s ease}.blog-faq-item[open] .blog-faq-question:after{transform:rotate(45deg)}.blog-faq-answer{margin:0;padding:0 0 18px;color:var(--muted);font-size:.97rem;line-height:1.7}@media (max-width:620px){.player-inner{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 14px calc(12px + env(safe-area-inset-bottom, 0px))!important}.player-main-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.player-play{width:46px;height:46px;flex:none}.player-meta{flex:1 1;min-width:0}.player-controls{flex:none;gap:8px}.player-ctrl{min-width:44px;min-height:40px;padding:8px 12px}.player-reciter{width:100%;justify-content:space-between;gap:10px;margin-top:0}.player-reciter-label{display:inline-block!important;font-size:.8rem;color:var(--gold-300);flex:none}.rselect{flex:1 1;min-width:0}.rselect-trigger{width:100%;min-width:0}.surah-view{padding-bottom:calc(var(--player-h, 200px) + 90px)!important}body:has(.player-bar) .floating-btn{bottom:calc(var(--player-h, 150px) + 14px + env(safe-area-inset-bottom, 0px))!important}.resume-banner{bottom:calc(var(--player-h, 150px) + 74px)}}body:has(.player-bar) .floating-btn{bottom:calc(var(--player-h, 96px) + 16px + env(safe-area-inset-bottom, 0px))!important}@media (max-width:780px){.nav-overlay.is-open~.floating-actions-container,body.nav-drawer-open .floating-actions-container,body:has(.nav-overlay.is-open) .floating-actions-container{display:none!important}body:has(.player-bar) .floating-btn-home{display:none!important}}.blog-diagram{margin:28px 0;padding:24px 20px;background:linear-gradient(135deg,rgba(13,148,136,.06),rgba(13,148,136,.02));border:1px solid var(--line);border-radius:14px;text-align:center}.diagram-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.diagram-node{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:var(--paper-raised);border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-weight:700;color:var(--text);font-size:1rem;box-shadow:0 1px 2px rgba(0,0,0,.04)}.diagram-node small{font-weight:500;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.diagram-node--arabic{font-size:1.5rem;border-color:var(--teal-600)}.diagram-node--root{background:var(--teal-badge);color:#fff;border-color:var(--teal-badge)}.diagram-node--root small{color:rgba(255,255,255,.85)}.diagram-arrow{color:var(--teal-600);font-size:1.3rem;font-weight:700}.blog-diagram figcaption{margin-top:16px;font-size:.88rem;color:var(--muted);font-style:italic}@media (max-width:640px){.diagram-flow{flex-direction:column}.diagram-arrow{transform:rotate(90deg)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--paper) 25%,rgba(13,148,136,.08) 37%,var(--paper) 63%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:8px;display:block}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.skeleton-block{height:1rem;margin-bottom:.75rem}.skeleton-hero{background:linear-gradient(135deg,#052e2b,#064e3b);padding:56px 0}.skeleton-hero .skeleton{background:rgba(255,255,255,.12)}.skeleton-page{padding:40px 0;min-height:60vh}.pwa-install-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom, 0px));z-index:9500;display:flex;align-items:center;gap:14px;width:min(calc(100vw - 24px),440px);padding:14px 16px;background:linear-gradient(150deg,var(--emerald-800,#064e3b),var(--emerald-900,#052e2b));border:1px solid rgba(45,212,191,.35);border-radius:18px;box-shadow:0 18px 50px rgba(3,24,19,.55),inset 0 1px 0 rgba(255,255,255,.08);color:#fff;animation:pwa-slide-up .35s cubic-bezier(.16,1,.3,1)}body:has(.player-bar) .pwa-install-banner{bottom:calc(var(--player-h, 150px) + 16px + env(safe-area-inset-bottom, 0px))}@keyframes pwa-slide-up{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.pwa-install-icon{flex:none;width:44px;height:44px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3)}.pwa-install-icon img{width:100%;height:100%;display:block;object-fit:cover}.pwa-install-body{flex:1 1;min-width:0}.pwa-install-title{font-weight:800;font-size:.98rem;color:#fff;margin-bottom:2px}.pwa-install-text{margin:0;font-size:.82rem;line-height:1.4;color:rgba(255,255,255,.8)}.pwa-install-actions{display:flex;align-items:center;gap:8px;flex:none}.pwa-btn{border:none;border-radius:999px;padding:9px 16px;font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:filter .2s ease,background .2s ease,border-color .2s ease}.pwa-btn-primary{background:linear-gradient(135deg,var(--gold-400,#e9c46a),var(--gold-500,#d4a537));color:#3a2c05}.pwa-btn-primary:hover{filter:brightness(1.06)}.pwa-btn-ghost{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff}.pwa-btn-ghost:hover{background:rgba(255,255,255,.18)}.pwa-install-close{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:transparent;border:none;color:rgba(255,255,255,.55);cursor:pointer;transition:background .2s ease,color .2s ease}.pwa-install-close:hover{background:rgba(255,255,255,.12);color:#fff}@media (max-width:480px){.pwa-install-banner{flex-wrap:wrap;gap:10px 12px}.pwa-install-actions{width:100%;justify-content:flex-end}.pwa-install-close{position:absolute;top:10px;right:10px}}@media (prefers-reduced-motion:reduce){.pwa-install-banner{animation:none}}.mushaf{max-width:820px;margin:0 auto;padding:0 16px 4rem}.mushaf-controls{position:-webkit-sticky;position:sticky;top:64px;z-index:20;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 14px;margin-bottom:24px;background:var(--paper-raised);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}.mushaf-control-group{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.mushaf-icon-btn,.mushaf-seg{border:none;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:.9rem;font-weight:600;padding:8px 14px;cursor:pointer;min-height:40px;transition:background .15s ease,color .15s ease}.mushaf-seg.is-active{background:var(--teal-600);color:#fff}.mushaf-icon-btn{min-width:44px}.mushaf-icon-btn:disabled{opacity:.4;cursor:not-allowed}.mushaf-toggle{border:1px solid var(--line);background:transparent;color:var(--muted);font-family:var(--font-body);font-size:.9rem;font-weight:600;padding:8px 14px;border-radius:10px;cursor:pointer;min-height:40px;transition:background .15s ease,color .15s ease,border-color .15s ease}.mushaf-toggle.is-active{background:rgba(13,148,136,.12);color:var(--teal-600);border-color:var(--teal-600)}.mushaf-block{margin-bottom:2.5rem}.mushaf-block-header{text-align:center;padding:18px 0 8px;border-bottom:1px solid var(--line);margin-bottom:20px}.mushaf-block-arabic{display:block;font-size:1.8rem;color:var(--gold-500);margin-bottom:4px}.mushaf-block-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-strong);margin:0}.mushaf-basmala{text-align:center;color:var(--text-strong);margin:0 0 24px;line-height:2}.mushaf-ayah-list{list-style:none;margin:0;padding:0}.mushaf-ayah{padding:18px 0;border-bottom:1px solid var(--line)}.mushaf-ayah:last-child{border-bottom:none}.mushaf-arabic{margin:0 0 12px;line-height:2.1;text-align:right;color:var(--ink)}.mushaf-ayah-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-family:var(--font-body);font-size:.78rem;font-weight:700;color:var(--teal-600);background:rgba(13,148,136,.1);border-radius:999px;padding:2px 10px;margin-right:8px}.mushaf-translit{color:var(--teal-text);font-style:italic}.mushaf-translation,.mushaf-translit{margin:0 0 6px;font-size:1rem;line-height:1.7}.mushaf-translation{color:var(--muted)}.mushaf-translation:last-child{margin-bottom:0}.mushaf-translation-ur{font-family:var(--font-urdu);direction:rtl;text-align:right;line-height:2.6;font-size:1.35rem}.mushaf-translation-hi{font-family:var(--font-hindi);line-height:1.9;font-size:1.05rem}@media (max-width:600px){.mushaf-controls{top:56px;gap:8px;padding:10px}.mushaf-seg,.mushaf-toggle{padding:8px 10px;font-size:.82rem}}.quran-hub{margin-top:1.5rem}.reading-progress{display:grid;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.reading-progress-eyebrow{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-text,var(--teal-600));margin-bottom:.5rem}.reading-progress-continue-link{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(13,148,136,.1),rgba(13,148,136,.04));border:1px solid rgba(13,148,136,.25);color:var(--text-strong);text-decoration:none;font-weight:600;transition:border-color .2s ease,transform .15s ease}.reading-progress-continue-link:hover{border-color:rgba(13,148,136,.5);transform:translateY(-1px)}.reading-progress-continue-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:rgba(13,148,136,.15);color:var(--teal-text,var(--teal-600))}.reading-progress-continue-label{flex:1 1 auto}.reading-progress-continue-arrow{color:var(--teal-text,var(--teal-600));font-size:1.1rem}.reading-progress-saved-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.reading-progress-saved-item{display:inline-flex;align-items:center;gap:2px;background:var(--paper-raised);border:1px solid var(--line);border-radius:999px;padding:4px 4px 4px 12px;font-size:.82rem}.reading-progress-saved-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-strong);text-decoration:none;font-weight:600}.reading-progress-saved-link:hover{color:var(--teal-text,var(--teal-600))}.reading-progress-saved-star{color:var(--gold-500);display:inline-flex}.reading-progress-saved-remove{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:var(--muted,#6b7280);cursor:pointer;transition:background .15s ease,color .15s ease}.reading-progress-saved-remove:hover{background:rgba(220,38,38,.1);color:#dc2626}.quran-hub-search{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:1.25rem}.quran-hub-input{flex:1 1 320px;min-height:48px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;font-family:var(--font-body);font-size:1rem;background:var(--paper-raised);color:var(--ink)}.quran-hub-input:focus{outline:none;border-color:var(--teal-600);box-shadow:0 0 0 3px rgba(13,148,136,.15)}.quran-hub-jump{white-space:nowrap}.quran-hub-tabs{display:inline-flex;gap:4px;padding:4px;background:var(--paper-raised);border:1px solid var(--line);border-radius:12px;margin-bottom:1.5rem}.quran-hub-tab{border:none;background:transparent;color:var(--muted);font-family:var(--font-body);font-weight:600;font-size:.92rem;padding:9px 18px;border-radius:9px;cursor:pointer;min-height:42px}.quran-hub-tab.is-active{background:var(--teal-600);color:#fff}.quran-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px}.quran-hub-grid[hidden]{display:none}.quran-hub-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--paper-raised);border:1px solid var(--line);border-radius:12px;text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.quran-hub-card:hover{border-color:var(--teal-600);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.quran-hub-num{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(13,148,136,.1);color:var(--teal-600);font-weight:700;font-size:.95rem}.quran-hub-card-body{display:flex;flex-direction:column;flex:1 1;min-width:0}.quran-hub-card-name{font-family:var(--font-display);font-weight:700;color:var(--text-strong);font-size:1rem}.quran-hub-card-sub{color:var(--muted);font-size:.82rem}.quran-hub-card-arabic{flex:none;font-family:var(--font-arabic);font-size:1.5rem;color:var(--text-strong)}.quran-hub-empty{color:var(--muted);grid-column:1/-1;padding:1rem 0}.quran-reader-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;max-width:820px;margin:2rem auto 0;padding:0 16px}.quran-reader-pager .btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}.quran-reader-pager .btn-ghost:hover{background:var(--paper);border-color:rgba(13,148,136,.28)}.quran-reader-top-cta{display:flex;justify-content:center;margin:.5rem 0 1.5rem}.quran-reader-header{text-align:center;margin:.5rem auto 1rem;max-width:720px}.quran-reader-h1{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800;color:var(--text-strong);margin:0 0 8px;line-height:1.2}.quran-reader-sub{color:var(--muted);font-size:.95rem;margin:0;line-height:1.6}