:root{--font-body:"Segoe UI", Tahoma, Geneva, Verdana, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-headline:"Georgia", "Times New Roman", "Amiri", serif;--font-arabic-headline:var(--font-headline);--background:#1d0b29;--surface:#1d0b29;--surface-dim:#1d0b29;--surface-bright:#453152;--surface-container-lowest:#170624;--surface-container-low:#261432;--surface-container:#2a1836;--surface-container-high:#352242;--surface-container-highest:#402d4d;--surface-variant:#402d4d;--primary-container:#2d0052;--primary:#ddb7ff;--secondary:#fff9ef;--secondary-fixed:#ffe16d;--secondary-fixed-dim:#e9c400;--secondary-container:#ffdb3c;--gold:gold;--tertiary-container:#2c0054;--on-tertiary-container:#a268e4;--on-surface:#f3daff;--on-surface-variant:#cdc3d1;--outline:#968e9a;--outline-variant:#4b444f;--shadow-color:#06001273;--border-soft:#cdc3d11f;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:36px;--page-width:min(1440px, calc(100% - 48px));--page-width-wide:min(1536px, calc(100% - 48px));--header-height:74px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--on-surface);font-family:var(--font-body), sans-serif;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}input{color:inherit;background:0 0;border:0;outline:0}.site-body{min-height:100vh}.material-symbols-outlined{font-family:"Segoe UI Symbol", "Arial Unicode MS", var(--font-body);letter-spacing:normal;text-transform:none;text-align:center;white-space:nowrap;word-wrap:normal;direction:ltr;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.site-header{top:0;z-index:60;position:fixed;inset-inline:0;box-shadow:0 20px 40px #22003c40}.site-header__gradient{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#2d0052f5 0%,#1d0b29f5 100%)}.site-header__inner{width:var(--page-width-wide);min-height:var(--header-height);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.site-header__tools,.site-header__branding{align-items:center;gap:18px;display:flex}.site-header__brand{font-family:var(--font-arabic-headline), var(--font-headline), serif;color:var(--gold);white-space:nowrap;font-size:2rem;line-height:1}.site-nav,.mobile-nav__list,.site-footer__links,.check-list,.verse-list{margin:0;padding:0;list-style:none}.site-nav{align-items:center;gap:24px;display:flex}.site-nav__link,.mobile-nav__link{color:var(--on-surface-variant);padding-bottom:8px;font-size:.98rem;font-weight:600;transition:color .25s,border-color .25s}.site-nav__link:hover,.mobile-nav__link:hover,.site-nav__link[aria-current=page],.mobile-nav__link[aria-current=page]{color:var(--gold)}.site-nav__link[aria-current=page]{border-bottom:2px solid var(--gold)}.site-search{background:var(--surface-container-highest);min-width:248px;color:var(--on-surface-variant);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;display:flex}.site-search input{direction:rtl;width:100%}.site-search__icon{color:var(--gold);font-size:20px}.site-menu-button{width:42px;height:42px;color:var(--gold);place-items:center;display:inline-grid}.mobile-nav{width:var(--page-width-wide);opacity:0;max-height:0;margin:0 auto;transition:max-height .3s,opacity .3s;overflow:hidden}.mobile-nav--open{opacity:1;max-height:480px}.mobile-nav__panel{border:1px solid var(--border-soft);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:#170624f2;margin-top:8px;padding:16px 20px 22px}.mobile-nav__list{gap:16px;display:grid}.site-search--mobile{min-width:0;margin-bottom:16px}.page{width:var(--page-width);padding-top:calc(var(--header-height) + 24px);margin:0 auto;padding-bottom:64px}.page-intro{margin-bottom:48px}.page-intro--center{text-align:center}.page-title{font-family:var(--font-arabic-headline), var(--font-headline), serif;letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(2.75rem,6vw,4.5rem);line-height:1.14}.page-title--accent{color:var(--secondary-fixed)}.page-copy,.section-copy,.hero__copy,.tabs-panel__text{color:var(--on-surface-variant);font-size:1.05rem;line-height:1.9}.hero{border-radius:var(--radius-xl);position:relative;overflow:hidden}.hero__media,.hero__media img,.hero__overlay{position:absolute;inset:0}.hero__media img{object-fit:cover;width:100%;height:100%}.hero__overlay--home{background:linear-gradient(90deg,#1d0b29e0 0%,#1d0b299e 50%,#1d0b2933 100%)}.hero__overlay--azkar{background:linear-gradient(90deg,#2d0052eb 0%,#1d0b29d1 50%,#1d0b29a6 100%)}.hero__overlay--learn{background:linear-gradient(270deg,#1d0b29f0 0%,#1d0b29ad 42%,#1d0b291f 100%)}.hero__content{z-index:2;position:relative}.hero--home{align-items:center;min-height:520px;margin-bottom:40px;padding:72px;display:flex}.hero--azkar{place-items:center;min-height:300px;margin-bottom:56px;display:grid}.hero--learn{align-items:center;min-height:860px;margin-bottom:88px;padding:88px 64px;display:flex}.hero__content--center{text-align:center;max-width:780px;padding:32px}.hero__title{font-family:var(--font-arabic-headline), var(--font-headline), serif;letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(2.5rem,7vw,4.5rem);line-height:1.12}.hero__title--home,.hero__title--learn{color:var(--secondary)}.hero__title--learn span{color:var(--secondary-container)}.hero__copy{max-width:720px;margin:0}.hero__copy--narrow{max-width:720px;margin-inline:auto}.hero__copy--wide{max-width:780px}.hero__actions{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.hero__actions--learn{flex-direction:row-reverse;justify-content:flex-end}.button{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 28px;font-size:1rem;font-weight:800;transition:transform .2s,background-color .2s,border-color .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--secondary-container);color:#3a3000}.button--secondary{background:var(--surface-bright);color:var(--on-surface);border:1px solid #cdc3d129}.button--tertiary{background:var(--primary-container);color:#9b73c3;border:1px solid #ffdb3c33}.button--with-icon .material-symbols-outlined{font-size:22px}.eyebrow{color:var(--secondary-container);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:.85rem;font-weight:800;display:inline-block}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.section-heading--search{align-items:center}.section-title{font-family:var(--font-arabic-headline), var(--font-headline), serif;color:var(--secondary);margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.22}.section-title--lined{padding-inline-start:16px;position:relative}.section-title--lined:before{content:"";inset-inline-start:0;background:var(--secondary-container);border-radius:999px;width:4px;height:calc(100% - 12px);position:absolute;top:6px}.search-field{border-radius:var(--radius-sm);background:var(--surface-container-highest);min-width:320px;color:var(--on-surface-variant);align-items:center;gap:10px;padding:14px 16px;display:flex}.search-field input{width:100%}.pill-badge{width:fit-content;min-height:34px;color:var(--secondary-container);background:#ffdb3c24;border-radius:999px;align-items:center;padding:0 14px;font-size:.85rem;font-weight:800;display:inline-flex}.pill-badge--soft{background:var(--tertiary-container);color:var(--on-tertiary-container)}.surface-card,.resource-card,.tabs-panel,.azkar-card,.lesson-card,.counter-card,.benefit-card,.featured-banner,.track-card{border:1px solid var(--border-soft);box-shadow:0 24px 40px var(--shadow-color)}.surface-card{border-radius:var(--radius-lg);background:var(--surface-container-low);min-height:100%;padding:32px}.surface-card h2,.surface-card h3,.resource-card h3,.tabs-panel h3,.lesson-card h3,.azkar-card h3,.benefit-card h2,.track-card h3{font-family:var(--font-arabic-headline), var(--font-headline), serif;color:var(--secondary);margin:16px 0 12px}.surface-card p,.resource-card p,.tabs-panel p,.lesson-card p,.benefit-card p,.track-card p,.azkar-card p{color:var(--on-surface-variant);margin:0;line-height:1.85}.surface-card--highlight{background:linear-gradient(#2d0052f2 0%,#261432f2 100%)}.feature-icon{color:var(--secondary);font-size:2rem}.section-grid{gap:24px;display:grid}.section-grid--three{grid-template-columns:1.25fr 1fr 1fr}.ruqyah-tabs{margin-bottom:40px}.tabs-nav{border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid var(--border-soft);flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px;display:flex}.tabs-nav__button{min-height:48px;color:var(--on-surface-variant);border-radius:14px;padding:0 18px;font-size:.95rem;font-weight:700}.tabs-nav__button--active{background:var(--secondary-container);color:#3a3000}.tabs-panel-grid{grid-template-columns:1.7fr .95fr;gap:24px;display:grid}.tabs-panel{border-radius:var(--radius-lg);background:var(--surface-container-low);padding:28px}.tabs-panel--primary{background:linear-gradient(#2d00527a 0%,#261432f5 100%)}.tabs-panel-stack{gap:24px;display:grid}.tabs-panel__intro p{margin-top:10px}.verse-card{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:#ffffff08;margin-top:22px;padding:24px}.verse-card__quote{font-family:var(--font-arabic-headline), var(--font-headline), serif;color:var(--secondary);font-size:1.28rem;line-height:2.1}.verse-card__reference{color:var(--secondary-container);margin-top:10px;font-size:.9rem;font-weight:700;display:inline-block}.verse-list{gap:16px;margin-top:24px;display:grid}.tabs-rich-copy{gap:18px;margin-top:24px;display:grid}.tabs-rich-copy__lead,.tabs-rich-copy__notice p,.tabs-rich-copy__closing p{color:var(--on-surface);margin:0;line-height:2}.tabs-rich-copy__list{color:var(--on-surface-variant);gap:10px;margin:0;padding-right:22px;line-height:1.95;display:grid}.tabs-rich-copy__notice,.tabs-rich-copy__closing{border-radius:var(--radius-md);border:1px solid var(--border-soft);padding:18px 20px}.tabs-rich-copy__verse-block{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:#ffffff08;padding:22px 24px}.tabs-rich-copy__verse-block p{white-space:pre-line;font-family:var(--font-arabic-headline), var(--font-headline), serif;color:var(--secondary);margin:0;font-size:1.15rem;line-height:2.3}.tabs-rich-copy__passages{gap:20px;display:grid}.tabs-rich-copy__passage-card{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:#ffffff08;padding:22px 24px}.tabs-rich-copy__passage-card h4{font-family:var(--font-arabic-headline), var(--font-headline), serif;color:var(--secondary-container);margin:0 0 14px;font-size:1.08rem}.tabs-rich-copy__passage-card p{white-space:pre-line;font-family:var(--font-arabic-headline), var(--font-headline), serif;color:var(--secondary);margin:0;font-size:1.08rem;line-height:2.25}.repeat-counter{gap:12px;margin-top:16px;display:grid}.repeat-counter__targets,.repeat-counter__actions{flex-wrap:wrap;gap:10px;display:flex}.repeat-counter__target,.repeat-counter__action{border-radius:999px;min-height:38px;padding:0 14px;font-size:.88rem;font-weight:800;transition:background-color .2s,color .2s,border-color .2s}.repeat-counter__target{border:1px solid var(--border-soft);color:var(--on-surface-variant);background:#ffffff08}.repeat-counter__target--active{color:var(--secondary-container);background:#ffdb3c1f}.repeat-counter__status{background:#2d005259;border-radius:14px;align-items:baseline;gap:8px;width:fit-content;padding:8px 14px;display:inline-flex}.repeat-counter__status strong{color:var(--secondary);font-size:1.2rem}.repeat-counter__status span{color:var(--on-surface-variant);font-size:.86rem}.repeat-counter__action--primary{background:var(--secondary-container);color:#3a3000}.repeat-counter__action--primary.repeat-counter__action--done{color:var(--secondary-container);background:#ffdb3c33}.repeat-counter__action--secondary{border:1px solid var(--border-soft);min-width:44px;color:var(--on-surface-variant);background:#ffffff08;place-items:center;display:inline-grid}.repeat-counter__action--secondary .material-symbols-outlined{font-size:1.1rem}.tabs-rich-copy__notice--warning{background:#ffdb3c14}.tabs-rich-copy__notice--tip{background:#dbb8ff14}.tabs-rich-copy__closing{background:#2d00526b}.verse-list__item,.check-list li{align-items:flex-start;gap:14px;display:flex}.verse-list__icon{background:var(--primary-container);width:48px;height:48px;color:var(--secondary-container);border-radius:14px;flex:none;place-items:center;display:grid}.verse-list__item h4{color:var(--secondary);margin:0 0 6px;font-size:1rem}.verse-list__item p{margin:0}.check-list{gap:14px;margin-top:20px;display:grid}.check-list li .material-symbols-outlined{color:var(--secondary-container)}.mini-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.mini-stats__item{background:var(--surface-container-highest);text-align:center;border-radius:14px;padding:14px 12px}.mini-stats__item strong{color:var(--secondary);font-size:1rem;display:block}.mini-stats__item span{color:var(--on-surface-variant);margin-top:4px;font-size:.84rem;display:block}.listen-grid{grid-template-columns:1.75fr .95fr;gap:24px;margin-bottom:40px;display:grid}.player-card{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--surface-container-low);min-height:420px;position:relative;overflow:hidden}.player-card__background,.player-card__background img{position:absolute;inset:0}.player-card__background img{object-fit:cover;opacity:.2;width:100%;height:100%}.player-card__content{z-index:1;justify-content:space-between;align-items:center;gap:28px;height:100%;padding:40px;display:flex;position:relative}.player-card__details{max-width:460px}.player-card__details h2{font-family:var(--font-arabic-headline), var(--font-headline), serif;color:var(--secondary);margin:14px 0 8px;font-size:clamp(2rem,3vw,3rem)}.player-card__details p{color:var(--on-surface-variant);margin:0}.player-card__cover{border-radius:var(--radius-lg);flex:none;width:280px;overflow:hidden;box-shadow:0 30px 40px #0006}.player-card__cover img{object-fit:cover;width:100%;height:100%}.visualizer{align-items:flex-end;gap:6px;height:60px;margin:28px 0;display:flex}.visualizer__bar{background:var(--secondary);border-radius:999px;width:4px}.visualizer__bar--1,.visualizer__bar--10{opacity:.45;height:18px}.visualizer__bar--2{opacity:.7;height:34px}.visualizer__bar--3,.visualizer__bar--13{height:48px}.visualizer__bar--4,.visualizer__bar--11{height:42px}.visualizer__bar--5,.visualizer__bar--12{opacity:.8;height:26px}.visualizer__bar--6{height:38px}.visualizer__bar--7{opacity:.55;height:20px}.visualizer__bar--8{height:44px}.visualizer__bar--9{opacity:.75;height:28px}.player-controls{align-items:center;gap:18px;display:flex}.player-controls__button{width:52px;height:52px;color:var(--on-surface-variant);place-items:center;display:inline-grid}.player-controls__button--play{background:var(--secondary-container);color:#3a3000;border-radius:50%;width:72px;height:72px}.player-controls__button--play .material-symbols-outlined{font-size:2.5rem}.track-list{gap:18px;display:grid}.track-card{border-radius:var(--radius-md);background:var(--surface-container);grid-template-columns:64px 1fr 64px;align-items:center;gap:18px;padding:18px;display:grid}.track-card__play,.track-card__icon{border-radius:16px;place-items:center;width:56px;height:56px;display:inline-grid}.track-card__play{background:#ffffff14;border-radius:50%}.track-card--interactive{cursor:pointer;border:1px solid #0000;transition:background-color .2s,transform .2s,border-color .2s}.track-card--interactive:hover{background:var(--surface-container-high);border-color:#ffdb3c26;transform:translate(-4px)}.track-card--interactive:hover .track-card__play{background:var(--secondary-container);color:#3a3000}.track-card__icon{background:var(--primary-container);color:var(--secondary)}.track-card__copy h3{margin-top:0}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.resource-card{border-radius:var(--radius-lg);background:var(--surface-container-lowest);padding:32px}.azkar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:80px;display:grid}.azkar-card{border-radius:var(--radius-lg);background:var(--surface-container-low);min-height:100%;padding:28px;display:block}.azkar-card--link{text-align:right;color:inherit;border:1px solid #0000;text-decoration:none;transition:border-color .2s,transform .2s,background-color .2s}.azkar-card--link:hover{border-color:#ffdb3c33;transform:translateY(-2px)}.azkar-card__icon{background:var(--primary-container);width:64px;height:64px;color:var(--secondary);border-radius:999px;place-items:center;margin-bottom:24px;display:grid}.azkar-card__footer{color:var(--primary);justify-content:space-between;align-items:center;gap:16px;margin-top:24px;font-size:.82rem;font-weight:700;display:flex}.azkar-placeholder{margin-top:8px}.azkar-section{margin-bottom:80px}.featured-split{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.featured-split__media{position:relative}.featured-split__media--circle:after{content:"";border:1px dashed #ffd7002e;border-radius:50%;position:absolute;inset:12px}.featured-split__circle{aspect-ratio:1;border:2px solid #ffd7001f;border-radius:50%;width:min(560px,100%);padding:28px}.featured-split__circle img{object-fit:cover;border-radius:50%;width:100%;height:100%}.benefits-grid{grid-template-columns:1.3fr .92fr;align-items:flex-start;gap:24px;margin-bottom:72px;display:grid}.benefits-list{gap:18px;display:grid}.benefit-card{border-radius:var(--radius-lg);background:var(--surface-container);justify-content:space-between;align-items:center;gap:24px;padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex}.benefit-card--interactive:hover{border-color:#ffdb3c33;transform:translateY(-3px);box-shadow:0 28px 44px #0600128f}.benefit-card__content{flex:1}.benefit-card__image{border-radius:var(--radius-md);background:var(--primary-container);flex:none;width:96px;height:96px;overflow:hidden}.benefit-card__image img{object-fit:cover;width:100%;height:100%}.benefit-card__footer{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.counter-card{background:var(--surface-container-low);border-radius:30px;padding:28px}.counter-card--interactive{top:calc(var(--header-height) + 24px);position:sticky}.counter-card__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.counter-card__header h2{font-family:var(--font-arabic-headline), var(--font-headline), serif;color:var(--secondary);margin:0}.counter-card__hint{color:var(--on-surface-variant);margin:10px 0 0;font-size:.92rem;line-height:1.8}.counter-card__reset{border:1px solid var(--border-soft);width:46px;height:46px;color:var(--on-surface-variant);background:#ffffff08;border-radius:50%;flex:none;place-items:center;display:inline-grid}.counter-card__dial{aspect-ratio:1;width:min(100%,360px);margin:24px auto 28px;position:relative}.counter-card__dial svg{fill:none;width:100%;height:100%}.counter-card__dial circle{stroke:var(--surface-container-highest);stroke-width:6px}.counter-card__progress{stroke:var(--secondary-container);stroke-dasharray:641;stroke-dashoffset:165px;transform-origin:50%;filter:drop-shadow(0 0 10px #ffd70059);transition:stroke-dashoffset .28s;transform:rotate(-90deg)}.counter-card__number{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.counter-card__number strong{color:var(--secondary);font-size:clamp(3.25rem,8vw,4.75rem);line-height:1;display:block}.counter-card__number span{color:var(--on-surface-variant);letter-spacing:.18em;text-transform:uppercase;margin-top:8px;font-size:.8rem;display:block}.counter-card__action{isolation:isolate;background:var(--secondary-container);color:#3a3000;border-radius:20px;place-items:center;gap:10px;width:100%;min-height:124px;font-size:1.25rem;font-weight:800;transition:transform .16s,box-shadow .2s;display:grid;position:relative;overflow:hidden;transform:translateZ(0)}.counter-card__action .material-symbols-outlined{font-size:2.5rem}.counter-card__action:hover{transform:translateY(-1px);box-shadow:0 18px 32px #ffdb3c38}.counter-card__action:active{transform:scale(.985)}.counter-card__sparkles{pointer-events:none;z-index:-1;position:absolute;inset:0}.counter-card__sparkle{left:var(--sparkle-x);width:var(--sparkle-size);height:var(--sparkle-size);opacity:0;filter:blur(.4px)drop-shadow(0 0 10px #ffd70099);animation:golden-dust-rise var(--sparkle-duration) ease-out forwards, golden-dust-flicker calc(var(--sparkle-duration) * .58) ease-in-out var(--sparkle-delay) 2 alternate;animation-delay:var(--sparkle-delay), var(--sparkle-delay);background:radial-gradient(circle at 30% 30%,#fffcd8f2 0%,#ffd700eb 48%,#ffc4001f 100%);border-radius:999px;position:absolute;bottom:18%}.counter-card__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.counter-card__stats>div{background:var(--surface-container-highest);text-align:center;border-radius:14px;padding:16px}.counter-card__stats span,.lesson-card__footer span,.video-card p{color:var(--on-surface-variant);font-size:.86rem;display:block}.counter-card__stats strong{color:var(--secondary);margin-top:6px;display:block}.benefits-tabs{margin-bottom:72px}.benefits-tabs__nav{margin-bottom:24px}.benefit-tip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.benefit-tip-card{border-radius:var(--radius-lg);border:1px solid var(--border-soft);min-height:100%;box-shadow:0 24px 40px var(--shadow-color);background:linear-gradient(#2d00526b 0%,#261432eb 100%);padding:24px 24px 24px 88px;position:relative}.benefit-tip-card__index{width:46px;height:46px;color:var(--secondary-container);background:#ffdb3c24;border-radius:16px;place-items:center;font-size:1rem;font-weight:800;display:inline-grid;position:absolute;top:20px;left:20px}.benefit-tip-card h3{font-family:var(--font-arabic-headline), var(--font-headline), serif;color:var(--secondary);margin:0 0 10px;font-size:1.25rem;line-height:1.7}.benefit-tip-card p{color:var(--on-surface-variant);margin:0;line-height:1.95}.benefits-tabs__closing{background:#ffdb3c14;margin-top:20px}.featured-banner{background:var(--surface-container-low);border-radius:48px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.featured-banner__media img{object-fit:cover;width:100%;height:100%;min-height:420px}.featured-banner__content{padding:64px}.floating-action{background:var(--secondary-container);color:#3a3000;border-radius:50%;place-items:center;width:64px;height:64px;display:inline-grid;position:fixed;bottom:32px;left:32px;box-shadow:0 20px 30px #0000004d}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:88px;display:grid}.lesson-featured,.lesson-banner{border-radius:var(--radius-lg);border:1px solid var(--border-soft);position:relative;overflow:hidden}.lesson-featured{grid-column:span 2;min-height:430px}.lesson-featured img,.lesson-banner img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lesson-featured__overlay,.lesson-banner__overlay{position:absolute;inset:0}.lesson-featured__overlay{background:linear-gradient(#1706242e 0%,#170624eb 100%)}.lesson-banner__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#170624b8}.lesson-featured__content,.lesson-banner__content{z-index:1;position:relative}.lesson-featured__content{flex-direction:column;justify-content:flex-end;height:100%;padding:40px;display:flex}.lesson-featured__content h3,.lesson-banner__content h3{font-family:var(--font-arabic-headline), var(--font-headline), serif;color:var(--secondary);margin:14px 0 10px;font-size:clamp(1.9rem,3vw,2.6rem)}.lesson-featured__content p,.lesson-banner__content p{max-width:520px;color:var(--on-surface-variant);margin:0 0 24px;line-height:1.8}.lesson-card{border-radius:var(--radius-lg);background:var(--surface-container-low);flex-direction:column;justify-content:space-between;padding:32px;display:flex}.lesson-card__icon{background:var(--primary-container);width:56px;height:56px;color:var(--secondary-container);border-radius:50%;place-items:center;display:grid}.lesson-card__footer{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.text-link{color:var(--secondary-container);align-items:center;gap:6px;font-weight:800;display:inline-flex}.lesson-banner{grid-column:span 2;min-height:260px}.lesson-banner__content{justify-content:space-between;align-items:center;gap:20px;height:100%;padding:32px;display:flex}.lesson-banner__play{background:var(--primary);color:#431c67;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:inline-grid}.video-section{background:var(--surface-container-low);margin-bottom:88px;padding:88px 0}.video-section__heading{width:var(--page-width);text-align:center;margin:0 auto 48px}.video-grid{width:var(--page-width);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 auto;display:grid}.video-card__thumb{aspect-ratio:16/9;border-radius:14px;margin-bottom:14px;position:relative;overflow:hidden}.video-card__thumb img{object-fit:cover;width:100%;height:100%}.video-card__overlay{background:#00000042;place-items:center;display:grid;position:absolute;inset:0}.video-card__overlay .material-symbols-outlined{color:#3a3000;background:#ffdb3ceb;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.video-card h3{margin:0 0 8px;font-size:1rem;line-height:1.8}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.about-grid__media{position:relative}.about-grid__media img{border:1px solid var(--border-soft);border-radius:32px;width:100%;box-shadow:0 30px 40px #00000059}.about-grid__stat{border-radius:var(--radius-lg);background:var(--surface-bright);border:1px solid #ffdb3c33;padding:24px;position:absolute;bottom:-24px;left:-20px}.about-grid__stat strong{color:var(--secondary-container);font-size:2rem;line-height:1;display:block}.about-grid__stat span{color:var(--on-surface-variant);margin-top:8px;font-size:.85rem;display:block}.site-footer{margin-top:auto}.site-footer__bar{background:var(--primary-container);border-top:1px solid var(--border-soft)}.site-footer__inner{width:var(--page-width-wide);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:28px 0;display:flex}.site-footer__brand-block{gap:8px;display:grid}.site-footer__brand{font-family:var(--font-arabic-headline), var(--font-headline), serif;color:var(--gold);font-size:1.35rem}.site-footer__description{max-width:280px;color:var(--on-surface-variant);margin:0;font-size:.82rem;line-height:1.8}.site-footer__links{flex-wrap:wrap;gap:24px;display:flex}.site-footer__links a{color:var(--on-surface-variant);text-underline-offset:3px;text-decoration:underline}.site-footer__socials{gap:12px;display:flex}.site-footer__social{color:#cdc3d1b3;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:40px;height:40px;display:inline-grid}.site-footer__copyright{text-align:center;border-top:1px solid #ffffff0f;padding:14px 24px}.site-footer__copyright p{color:var(--on-surface-variant);margin:0;font-size:.78rem}@keyframes golden-dust-rise{0%{opacity:0;transform:translate(0,0)scale(.4)}15%{opacity:var(--sparkle-opacity)}to{opacity:0;transform:translate3d(var(--sparkle-drift), -135px, 0) scale(var(--sparkle-scale))}}@keyframes golden-dust-flicker{0%{filter:blur(.4px)drop-shadow(0 0 6px #ffd70057)}to{filter:blur(1px)drop-shadow(0 0 14px #ffeb82c7)}}@media (max-width:1200px){.section-grid--three,.tabs-panel-grid,.benefits-grid,.listen-grid,.featured-split,.featured-banner,.about-grid{grid-template-columns:1fr}.azkar-grid,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-grid{grid-template-columns:1fr}.lesson-featured,.lesson-banner{grid-column:span 1}.hero--learn{min-height:700px;padding:72px 40px}}@media (max-width:960px){:root{--page-width:min(100% - 32px, 100%);--page-width-wide:min(100% - 32px, 100%)}.site-nav{display:none}.site-search{width:180px;min-width:0}.hero--home,.hero--learn{padding:56px 28px}.hero--learn{min-height:620px}.player-card__content,.benefit-card,.featured-banner__content,.lesson-banner__content{flex-direction:column;align-items:flex-start}.player-card__cover{width:220px}.benefit-tip-grid{grid-template-columns:1fr}.azkar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-grid{grid-template-columns:1fr}.site-footer__inner,.section-heading,.section-heading--search,.site-header__inner{flex-direction:column;align-items:stretch}.site-header__inner{padding:12px 0}.site-header__branding,.site-header__tools{justify-content:space-between}.site-footer__links{justify-content:center}}@media (max-width:640px){.hero--home,.hero--learn{min-height:auto;padding:40px 20px}.page{padding-bottom:48px}.hero__actions,.hero__actions--learn{flex-direction:column}.button,.button--with-icon{width:100%}.azkar-grid,.video-grid,.mini-stats,.counter-card__stats,.benefit-tip-grid{grid-template-columns:1fr}.track-card{grid-template-columns:56px 1fr}.track-card__icon{grid-column:2;justify-self:end}.search-field,.site-search{width:100%}.featured-banner__content,.surface-card,.resource-card,.tabs-panel,.lesson-card,.azkar-card,.counter-card{padding:24px}.featured-split__circle{padding:18px}.floating-action{width:56px;height:56px;bottom:18px;left:18px}}.player-card__reciter{color:var(--secondary-container);align-items:center;gap:8px;margin:4px 0 0;font-size:1rem;font-weight:700;display:flex}.player-card__reciter .material-symbols-outlined{font-size:1.15rem}.player-card__duration{color:var(--on-surface-variant);font-size:.95rem;font-weight:500}.audio-player{margin-top:18px}.audio-player__progress{cursor:pointer;background:#ffffff1f;border-radius:999px;height:6px;margin-bottom:8px;position:relative}.audio-player__progress-fill{background:var(--secondary-container);pointer-events:none;border-radius:999px;height:100%;transition:width .1s linear}.audio-player__progress-thumb{background:var(--secondary);pointer-events:none;border-radius:50%;width:14px;height:14px;transition:left .1s linear;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #ffdb3c80}.audio-player__time{color:var(--on-surface-variant);direction:ltr;justify-content:space-between;margin-bottom:14px;font-size:.82rem;display:flex}.audio-player__volume{color:var(--on-surface-variant);align-items:center;gap:10px;margin-top:14px;display:flex}.audio-player__volume .material-symbols-outlined{font-size:1.25rem}.audio-player__volume-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:999px;outline:none;flex:1;max-width:130px;height:4px}.audio-player__volume-slider::-webkit-slider-thumb{appearance:none;background:var(--secondary-container);cursor:pointer;border-radius:50%;width:14px;height:14px}.audio-player__spinner{border:3px solid #3a30004d;border-top-color:#3a3000;border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.visualizer--active .visualizer__bar{animation:1.2s ease-in-out infinite alternate equalize}.visualizer--active .visualizer__bar--1{animation-duration:.9s;animation-delay:0s}.visualizer--active .visualizer__bar--2{animation-duration:1.1s;animation-delay:.1s}.visualizer--active .visualizer__bar--3{animation-duration:.8s;animation-delay:.2s}.visualizer--active .visualizer__bar--4{animation-duration:1s;animation-delay:.15s}.visualizer--active .visualizer__bar--5{animation-duration:1.3s;animation-delay:.3s}.visualizer--active .visualizer__bar--6{animation-duration:.95s;animation-delay:50ms}.visualizer--active .visualizer__bar--7{animation-duration:1.15s;animation-delay:.25s}.visualizer--active .visualizer__bar--8{animation-duration:.85s;animation-delay:0s}.visualizer--active .visualizer__bar--9{animation-duration:1.2s;animation-delay:.18s}.visualizer--active .visualizer__bar--10{animation-duration:1.05s;animation-delay:.35s}.visualizer--active .visualizer__bar--11{animation-duration:.92s;animation-delay:80ms}.visualizer--active .visualizer__bar--12{animation-duration:1.18s;animation-delay:.28s}.visualizer--active .visualizer__bar--13{animation-duration:.88s;animation-delay:.12s}@keyframes equalize{0%{transform:scaleY(.3)}to{transform:scaleY(1.2)}}.track-list__label{color:var(--on-surface-variant);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.85rem;font-weight:700}.track-card--soon{opacity:.65}.track-card--soon .track-card__play{cursor:not-allowed;color:var(--on-surface-variant);background:#ffffff0a}.page--lesson-single{padding-block:var(--space-2xl) var(--space-4xl)}.breadcrumbs{align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-xl);color:var(--on-surface-variant);flex-wrap:wrap;font-size:.9rem;display:flex}.breadcrumbs__link{color:var(--on-surface-variant);text-decoration:none;transition:color .2s}.breadcrumbs__link:hover{color:var(--primary)}.breadcrumbs__separator{opacity:.6;font-size:1.2rem}.breadcrumbs__current{color:var(--on-surface);font-weight:500}.lesson-video-container{background:var(--surface-container-low);border-radius:var(--radius-xl);border:1px solid var(--outline-variant);overflow:hidden;box-shadow:0 4px 20px #0000000d}.lesson-video-wrapper{background:#000;height:0;padding-bottom:56.25%;position:relative}.lesson-video-wrapper iframe,.lesson-video-wrapper video{width:100%;height:100%;position:absolute;top:0;left:0}.lesson-video-details{padding:var(--space-2xl)}.lesson-video-header{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;align-items:flex-start;display:flex}.lesson-video-title{color:var(--on-surface);margin:0;font-size:1.75rem;line-height:1.3}.lesson-video-meta{gap:var(--space-xl);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--outline-variant);display:flex}.lesson-video-stat{align-items:center;gap:var(--space-xs);color:var(--on-surface-variant);font-size:.95rem;display:flex}.lesson-video-stat .material-symbols-outlined{color:var(--primary);font-size:1.25rem}.lesson-video-desc{color:var(--on-surface-variant);max-width:800px;font-size:1.05rem;line-height:1.8}@media (max-width:768px){.lesson-video-title{font-size:1.5rem}.lesson-video-details{padding:var(--space-xl)}.ad-slot{margin:var(--space-xl) auto;background:var(--surface-container-high);border:1px dashed var(--outline-variant);border-radius:var(--radius-sm);width:100%;max-width:970px;padding:var(--space-md);text-align:center;justify-content:center;align-items:center;display:flex}.ad-slot__content{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.ad-slot__label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.ad-slot__placeholder{min-height:90px;color:var(--on-surface-variant);background:var(--surface-container-lowest);border-radius:var(--radius-xs);justify-content:center;align-items:center;font-size:.9rem;font-weight:500;display:flex}.ad-slot--topPage{background:var(--surface);border-top:none;border-left:none;border-right:none;border-radius:0;margin-top:0}.ad-slot--stickyMobile{z-index:1000;background:var(--surface);padding:var(--space-xs);border-radius:0;margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}@media (min-width:768px){.ad-slot--stickyMobile{display:none}}.page--blog{padding-block:var(--space-2xl) var(--space-4xl)}.blog-grid{gap:var(--space-md);margin-top:var(--space-2xl);grid-template-columns:1fr;display:grid}@media (min-width:768px){.blog-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:linear-gradient(180deg, var(--surface-container-high), var(--surface-container));border-radius:var(--radius-lg);border:1px solid var(--outline-variant);flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden;box-shadow:0 6px 18px #00000059}.blog-card:hover{border-color:#ffd70073;transform:translateY(-4px);box-shadow:0 14px 34px #00000080,0 0 0 1px #ffd7001f}.blog-card__link{color:inherit;flex-direction:row;height:100%;text-decoration:none;display:flex}.blog-card__image-wrapper{background:var(--surface-container-lowest);flex:none;align-self:stretch;width:118px;position:relative;overflow:hidden}.blog-card__image{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.blog-card:hover .blog-card__image{transform:scale(1.06)}.blog-card__content{padding:var(--space-md) var(--space-lg);flex-direction:column;flex-grow:1;min-width:0;display:flex}.blog-card__title{margin:0 0 var(--space-xs);color:var(--gold);font-size:1.06rem;line-height:1.55;transition:color .2s}.blog-card:hover .blog-card__title{color:var(--gold);text-underline-offset:4px;-webkit-text-decoration:underline #ffd70080;text-decoration:underline #ffd70080}.blog-card__excerpt{color:var(--on-surface-variant);margin:0 0 var(--space-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;font-size:.9rem;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-card__meta{justify-content:space-between;align-items:center;gap:var(--space-sm);color:var(--on-surface-variant);border-top:1px solid var(--outline-variant);padding-top:var(--space-sm);font-size:.8rem;display:flex}@media (min-width:768px){.blog-card__link{flex-direction:column}.blog-card__image-wrapper{align-self:auto;width:100%;padding-bottom:42%}.blog-card__content{padding:var(--space-lg)}.blog-card__title{margin-bottom:var(--space-sm);font-size:1.2rem}.blog-card__excerpt{-webkit-line-clamp:3;margin-bottom:var(--space-lg)}.blog-card__meta{padding-top:var(--space-md);font-size:.85rem}}.page--blog-single{padding-block:var(--space-xl) var(--space-4xl)}.blog-layout{gap:var(--space-2xl);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.blog-layout{grid-template-columns:1fr 300px;align-items:start}}.blog-article{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-2xl);border:1px solid var(--outline-variant);box-shadow:0 4px 24px #00000008}.blog-article__title{margin:0 0 var(--space-md);color:var(--gold);font-size:2rem;line-height:1.3}.blog-article__meta{gap:var(--space-md);color:var(--on-surface-variant);margin-bottom:var(--space-xl);font-size:.95rem;display:flex}.blog-article__cover{border-radius:var(--radius-lg);width:100%;height:auto;margin-bottom:var(--space-2xl)}.blog-article__content{color:var(--on-surface);font-size:1.1rem;line-height:1.9}.blog-article__content p{margin-bottom:var(--space-lg)}.blog-article__content h2{margin-top:var(--space-3xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);color:var(--gold);border-bottom:2px solid #ffd70059;font-size:1.5rem;line-height:1.8}.blog-separator{margin:var(--space-3xl) 0;border:0;border-top:1px solid var(--outline-variant)}.blog-comments-section h3{margin-bottom:var(--space-xl)}.comment{background:var(--surface-container-lowest);padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-md);border:1px solid var(--outline-variant)}.comment strong{color:var(--on-surface);font-size:1.05rem;display:block}.comment-date{color:var(--on-surface-variant);margin-bottom:var(--space-sm);font-size:.8rem;display:block}.comment p{color:var(--on-surface-variant);margin:0;line-height:1.6}.blog-sidebar{gap:var(--space-xl);top:var(--space-2xl);flex-direction:column;display:flex;position:sticky}.sidebar-widget{background:var(--surface-container-lowest);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--outline-variant)}.sidebar-widget h3{margin-top:0;margin-bottom:var(--space-md);border-bottom:2px solid var(--primary);padding-bottom:var(--space-xs);font-size:1.2rem;display:inline-block}.sidebar-widget ul{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar-widget ul li a{color:var(--on-surface);line-height:1.5;text-decoration:none;transition:color .2s;display:block}.sidebar-widget ul li a:hover{color:var(--primary)}.blog-article__content img{max-width:100%;height:auto;margin:var(--space-md) 0;border-radius:8px;box-shadow:0 4px 12px #0000001a}.blog-article__content h3{margin-top:var(--space-2xl);margin-bottom:var(--space-sm);color:var(--gold);border-inline-start:3px solid var(--gold);padding-inline-start:var(--space-md);font-size:1.22rem;line-height:1.8}.blog-article__content h4{margin-top:var(--space-xl);margin-bottom:var(--space-sm);color:var(--gold);font-size:1.08rem;line-height:1.8}.blog-article__content ul{margin-bottom:var(--space-lg);padding-inline-start:1.6rem;list-style:outside}.blog-article__content ul li{margin-bottom:var(--space-xs)}.blog-article__content ul li::marker{color:var(--gold)}.blog-article__content .quran-verse{font-family:var(--font-arabic-headline), serif;text-align:center;color:var(--gold);margin:var(--space-xl) 0 var(--space-sm);font-size:1.25rem;line-height:2.3}.blog-article__content .quran-ref{font-family:var(--font-body), sans-serif;color:var(--on-surface-variant);margin-top:var(--space-xs);font-size:.95rem;line-height:1.8;display:block}.blog-article__content .quoted-text{color:var(--primary);border-inline-start:3px solid var(--primary);margin-bottom:var(--space-lg);padding-inline-start:var(--space-md)}.blog-article__content .verse-translation{color:var(--on-surface-variant);font-size:1rem}.blog-article__content .talism-item{align-items:flex-start;gap:var(--space-md);background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md);display:flex}.blog-article__content .talism-item__num{background:var(--gold);color:#201400;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.blog-article__content .talism-item__body{flex:1;min-width:0}.blog-article__content .talism-item__text{font-family:var(--font-arabic-headline), serif;color:var(--gold);margin:0 0 var(--space-xs);font-size:1.2rem;line-height:2.2}.blog-article__content .talism-item__repeat{color:var(--on-surface-variant);font-size:.9rem;display:block}.benefit-card__links{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}@media (max-width:640px){.page-copy,.section-copy,.hero__copy,.tabs-panel__text{font-size:1.1rem;line-height:2}.tabs-rich-copy__verse-block p{font-size:1.28rem;line-height:2.35}.tabs-rich-copy__passage-card p{font-size:1.2rem;line-height:2.35}.verse-card__quote{font-size:1.35rem;line-height:2.2}}}