.home-page{display:flex;flex-direction:column}.home-hero{position:relative;margin-top:-79px;min-height:min(820px,100vh);overflow:hidden;color:#fff}.home-hero__media,.home-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.home-hero__media{background-image:url(/images/home/hero-night-desert.webp);background-position:center;background-size:cover}.home-hero__overlay{background:linear-gradient(90deg,#064c3ba8,#0764485c 38%,#10538b0a 66%),linear-gradient(180deg,#09687205 55%,#0548392e)}.home-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;max-width:690px;min-height:min(820px,100vh);padding:96px 24px 76px;margin-left:clamp(0px,6vw,92px);text-shadow:0 2px 22px rgba(6,49,64,.28)}.home-hero__eyebrow{display:flex;align-items:center;gap:7px;margin:0 0 14px;color:#fff4a9;font-size:13px;font-weight:600}.home-hero__eyebrow span{color:var(--yellow)}.home-hero__content h1{max-width:650px;margin:0;font-size:clamp(42px,5.5vw,68px);line-height:1.08;font-weight:600;letter-spacing:0}.home-hero__content h1 em{color:#fff3a2;font-style:normal;font-weight:600}.home-hero__body{max-width:590px;margin:22px 0 0;color:#fffffff0;font-size:clamp(16px,1.5vw,18px);line-height:1.7;font-weight:400}.home-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.home-hero__actions .button{min-height:52px;padding:0 24px;font-size:15px}.home-hero__actions .button-secondary{color:var(--brand-deep);border-color:#ffffffd9;background:#ffffffe6;box-shadow:0 10px 28px #052d4621}.home-hero__actions .button-secondary:hover{background:#fff}.home-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:590px;margin-top:40px}.home-hero__stats>div{opacity:0;animation:home-stat-in .22s cubic-bezier(.16,1,.3,1) forwards}@keyframes home-stat-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-hero__stat-card{padding:16px 18px;border:1px solid rgba(255,255,255,.42);border-radius:8px;background:#05604f6b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:default;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease}@media (hover: hover) and (pointer: fine){.home-hero__stat-card:hover{transform:rotate(-1.5deg) translateY(-3px);border-color:#ffffffb3;box-shadow:0 14px 30px #04241e59}}.home-hero__stats strong{display:block;font-size:24px;line-height:1.1;font-weight:600}.home-hero__stats span{display:block;margin-top:5px;color:#ffffffe0;font-size:12px;font-weight:500}.home-section{padding:88px 24px}.home-section-heading{max-width:720px;margin:0 auto 40px;text-align:center}.home-kicker{display:block;margin:0 0 14px;color:var(--brand);font-size:13px;font-weight:600;text-transform:uppercase}.home-section-heading h2,.home-prayer-copy h2,.home-family-copy h2{margin:0;color:var(--brand-deep);font-size:clamp(30px,3.5vw,44px);line-height:1.18;font-weight:600}.home-section-heading p,.home-prayer-copy p,.home-family-copy p{margin:16px 0 0;color:var(--muted);font-size:16px;line-height:1.72;font-weight:400}.home-featured{background:linear-gradient(180deg,#f8fffb,#fff 64%)}.home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1160px;margin:0 auto}.home-feature-card{display:block;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 18px 48px #064c3b17;transition:transform .2s ease,box-shadow .2s ease}.home-feature-card:hover{transform:translateY(-5px);box-shadow:0 24px 54px #064c3b24}.home-feature-card__image-wrap{aspect-ratio:16 / 9;overflow:hidden}.home-feature-card img{display:block;width:100%;height:100%;object-fit:cover}.home-feature-card__body{padding:24px 24px 26px}.home-card-label{display:inline-flex;min-height:28px;align-items:center;padding:0 11px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase}.home-card-label--mint{color:var(--brand-dark);background:var(--mint)}.home-card-label--yellow{color:#765a00;background:var(--yellow-soft)}.home-card-label--blue{color:var(--blue-dark);background:var(--sky)}.home-feature-card h3{margin:17px 0 9px;color:var(--brand-deep);font-size:22px;line-height:1.3;font-weight:600}.home-feature-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}.home-feature-card__link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--brand);font-size:14px;font-weight:600}.home-feature-card__link span{transition:transform .18s ease}.home-feature-card:hover .home-feature-card__link span{transform:translate(4px)}.home-prayer-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,470px);gap:56px;align-items:center;padding:92px clamp(24px,7vw,110px);background:linear-gradient(135deg,#ffffffb8,#fff3),var(--prayer-band, #dff7ea)}.home-prayer-copy{max-width:610px}.home-prayer-panel{padding:26px;border:1px solid rgba(11,143,98,.18);border-radius:8px;background:#fff;box-shadow:0 24px 58px #064c3b21;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}@media (hover: hover) and (pointer: fine){.home-prayer-panel:hover{transform:rotate(-.6deg) translateY(-4px);box-shadow:0 30px 64px #064c3b33}}.home-prayer-panel--state{display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:var(--muted);font-size:14px}.home-prayer-panel__header,.home-prayer-panel__next{display:flex;align-items:center;justify-content:space-between}.home-prayer-panel__header{color:var(--muted);font-size:13px;font-weight:500}.home-prayer-panel__header strong{color:var(--brand-dark);font-weight:600}.home-prayer-panel__next{margin-top:22px;padding:22px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#056649cc,#0e759c94),url(/images/home/hero-night-desert.webp) center / cover}.home-prayer-panel__next span{max-width:80px;color:#ffffffe0;font-size:12px;font-weight:500}.home-prayer-panel__next strong{font-size:28px;font-weight:600}.home-prayer-panel__next em{font-size:14px;font-style:normal;font-weight:600}.home-prayer-panel__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.home-prayer-panel__list span{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:8px;background:var(--soft, #f6fbf8);color:var(--muted);font-size:13px;font-weight:500}.home-prayer-panel__list b{color:var(--brand-deep);font-weight:600}.home-prayer-panel__link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--brand);font-size:14px;font-weight:600}.home-family{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:54px;max-width:1180px;margin:0 auto}.home-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-quick-link{display:block;min-height:150px;padding:22px;border:1px solid var(--border);border-radius:8px;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.home-quick-link--yellow{background:#fffcdf;border-color:#f3eab0}.home-quick-link--blue{background:#edf8ff;border-color:#d6e9f5}.home-quick-link:hover{transform:translateY(-3px);border-color:#9fd3bd;box-shadow:0 18px 42px #064c3b1a}.home-quick-link strong{display:block;color:var(--brand-dark);font-size:17px;font-weight:600}.home-quick-link span{display:block;margin-top:10px;color:var(--muted);font-size:13px;line-height:1.6}@media (max-width: 1080px){.home-feature-grid{grid-template-columns:1fr;max-width:720px}.home-prayer-band{grid-template-columns:1fr}.home-prayer-copy{max-width:720px}.home-family{grid-template-columns:1fr}}@media (max-width: 680px){.home-hero{min-height:700px}.home-hero__media{background-position:61% center}.home-hero__overlay{background:linear-gradient(90deg,#055242c2,#094b6647)}.home-hero__content{min-height:700px;padding:56px 20px 50px;margin-left:0}.home-hero__content h1{font-size:40px}.home-hero__stats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%;gap:8px;margin-top:26px}.home-hero__stat-card{padding:10px 8px;border-radius:7px}.home-hero__stats strong{font-size:17px}.home-hero__stats span{margin-top:2px;font-size:10px;line-height:1.3}.home-section,.home-prayer-band{padding:68px 20px}.home-prayer-panel__list,.home-quick-links{grid-template-columns:1fr}.home-prayer-panel__next{align-items:flex-start;flex-direction:column;gap:7px}}@media (prefers-reduced-motion: reduce){.home-page *{transition-duration:.01ms!important}.home-hero__stats div{animation:none;opacity:1;transform:none}.home-hero__stat-card:hover,.home-prayer-panel:hover{transform:none}}:root{--prayer-active-glow: 0 0 0 2px rgba(11, 143, 98, .35), 0 10px 30px rgba(6, 76, 59, .18);font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#17352e;background:#f6fbf8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f6fbf8;--panel: #ffffff;--panel-alt: #e9f8f1;--brand: #0b8f62;--brand-dark: #076448;--brand-deep: #064c3b;--mint: #e9f8f1;--sky: #eaf6ff;--blue: #1677d2;--blue-dark: #123f82;--yellow: #ffd75e;--yellow-soft: #fff7cf;--text: #17352e;--muted: #5a6f69;--border: #dce9e4;--success: #0b8f62;--shadow: 0 12px 38px rgba(6, 76, 59, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}:lang(ur),[lang=ur]{font-family:Noto Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}:lang(hi){font-family:Noto Sans Devanagari,system-ui,sans-serif}:lang(bn){font-family:Noto Sans Bengali,system-ui,sans-serif}:lang(ur) h1,[lang=ur] h1{font-size:clamp(1.75rem,3.5vw,2.4rem)!important;line-height:1.4!important}:lang(ur) h2,[lang=ur] h2{font-size:clamp(1.4rem,2.5vw,1.8rem)!important;line-height:1.4!important}:lang(ur) h3,[lang=ur] h3{line-height:1.4!important}:lang(ur) p,[lang=ur] p{font-size:.95rem;line-height:1.8!important}:lang(ur) span,:lang(ur) a,:lang(ur) button{line-height:1.7}:lang(ur) .hero,:lang(ur) .prayer-hero{overflow:visible;padding-block:48px}:lang(ur) .hero,:lang(ur) .auth-visual{padding-top:56px}header,footer,.app-header,.app-footer{direction:ltr!important;text-align:left}body{margin:0;min-height:100vh;overflow-x:clip;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:4px}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-bottom:1px solid var(--border)}.site-header .container{width:min(1320px,calc(100% - 32px))}.nav-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:20px;min-height:78px}.brand{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--brand-dark);flex-shrink:0;white-space:nowrap}.main-nav{display:flex;align-items:center;gap:20px}.nav-link{color:var(--muted);font-weight:600;white-space:nowrap;transition:color .2s ease}.nav-link.active,.nav-link:hover{color:var(--brand-dark)}.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.icon-button{width:38px;height:38px;border:1px solid var(--border);border-radius:999px;background:var(--panel);cursor:pointer}.mobile-nav-toggle{display:none;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;background:var(--panel);font-size:1.05rem;line-height:1;cursor:pointer;flex-shrink:0}.mobile-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:none;padding:0;background:#0f172a73;z-index:998;cursor:pointer}.mobile-nav-drawer{position:fixed;top:79px;inset-inline-end:0;bottom:0;z-index:999;width:min(300px,84vw);display:flex;flex-direction:column;padding:12px 8px;background:#fff;border-inline-start:1px solid var(--border);border-radius:16px 0 0 16px;box-shadow:var(--shadow);overflow-y:auto}.mobile-nav-drawer .nav-link{display:flex;align-items:center;width:100%;box-sizing:border-box;min-height:44px;padding:12px 16px;font-size:.9rem;font-weight:600;color:var(--text);border-bottom:1px solid #f1f5f9;transition:background-color .15s ease}.mobile-nav-drawer .nav-link:last-child{border-bottom:none}.mobile-nav-drawer .nav-link:hover{background:#f8fafc}.mobile-nav-drawer .nav-link.active{background:#eff6ff;color:var(--brand);font-weight:600}.mobile-nav-utility{display:flex;flex-direction:column;gap:8px;padding:8px 16px 16px;border-bottom:1px solid #f1f5f9;margin-bottom:8px}.mobile-nav-utility .language-selector,.mobile-nav-utility .currency-toggle{width:100%;text-align:start}.mobile-nav-auth{display:flex;flex-direction:column;gap:8px;padding:12px 16px 8px;margin-top:8px;border-top:1px solid #f1f5f9}.mobile-nav-auth .button{width:100%}.mobile-nav-auth .nav-link{padding:10px 16px;border-bottom:none}.mobile-nav-signout{color:#dc2626;text-align:start}.currency-toggle{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:999px;padding:.55rem .75rem;font-size:.78rem;font-weight:800;cursor:pointer}.language-selector{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:999px;padding:.55rem .75rem;font-size:.78rem;font-weight:700;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid transparent;padding:.72rem 1.15rem;font-weight:700;transition:.2s ease}.button-secondary{background:var(--panel);border-color:var(--border);color:var(--text)}.button:not(:disabled):hover{transform:translateY(-1px)}.button-secondary:not(:disabled):hover{background:var(--panel-alt);border-color:var(--brand)}.button-primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;box-shadow:0 8px 20px #0b8f6247}.button-primary:not(:disabled):hover{filter:brightness(1.05)}.button-yellow{background:var(--yellow);color:var(--brand-deep);box-shadow:0 8px 20px #06241c2e}.button-yellow:not(:disabled):hover{background:#ffcf3d}.auth-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.auth-actions .button{padding:.6rem 1rem;font-size:.88rem;white-space:nowrap}.auth-controls-skeleton{width:170px;height:40px;border-radius:999px;background:var(--panel-alt);flex-shrink:0}.site-header--home{transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease}@media (prefers-reduced-motion: reduce){.site-header--home{transition-duration:.01ms}}.site-header--transparent{background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.site-header--transparent .brand{color:#fff;text-shadow:0 2px 14px rgba(6,49,64,.4)}.site-header--transparent .nav-link{color:#ffffffeb;text-shadow:0 1px 8px rgba(6,49,64,.3)}.site-header--transparent .nav-link.active,.site-header--transparent .nav-link:hover{color:var(--yellow)}.site-header--transparent .main-nav{padding:10px 22px;border-radius:999px;background:#064c3b61;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18)}.site-header--transparent .currency-toggle,.site-header--transparent .icon-button,.site-header--transparent .mobile-nav-toggle{border-color:#fff6;background:#ffffff24;color:#fff}.site-header--transparent .auth-actions .button-secondary{display:none}.site-header--transparent .auth-actions .button-primary{background:var(--yellow);color:var(--brand-deep);box-shadow:0 10px 26px #06241c47}.site-header--transparent .auth-actions .button-primary:hover{background:#ffcf3d}.breadcrumbs{padding:14px 0;border-bottom:1px solid var(--border);background:var(--panel)}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none}.breadcrumbs li{display:flex;align-items:center;gap:6px}.breadcrumbs a{color:var(--muted);font-size:.82rem;font-weight:600;transition:color .18s ease}.breadcrumbs a:hover{color:var(--brand-dark)}.breadcrumbs span[aria-current=page]{color:var(--text);font-size:.82rem;font-weight:600}.breadcrumbs__sep{color:var(--border);font-size:.82rem}.page-main{flex:1;padding:32px 0 64px}.page-main:has(.home-hero){padding-top:0}.site-footer{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#ffffffc7}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:48px 0 32px}.footer-brand__name{display:block;color:#fff;font-size:1.4rem;font-weight:800;margin-bottom:12px}.footer-brand p{margin:0;max-width:320px;line-height:1.6;color:#ffffffb8}.footer-col h4{margin:0 0 16px;color:#fff;font-size:1rem;font-weight:700}.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.footer-col a,.footer-col li{color:#ffffffb8;text-decoration:none;font-size:.92rem;line-height:1.5}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:20px 0;border-top:1px solid rgba(255,255,255,.18)}.footer-copyright{margin:0;font-size:.85rem;color:#ffffffa6}.footer-social{display:flex;align-items:center;gap:10px}.footer-social__link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:#ffffff1f;color:#fff;transition:background .2s ease}.footer-social__link:hover{background:#ffffff38}.page{width:min(1180px,calc(100% - 32px));margin:0 auto}.catalog-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.inactivity-banner{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding:14px 16px;border:1px solid #b9e7d2;border-radius:16px;background:#effbf5}.inactivity-banner__icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:12px;background:#d5f3e4;color:var(--success);font-weight:900}.inactivity-banner__content{flex:1}.inactivity-banner__content strong{display:block}.inactivity-banner__content p{margin:4px 0 0;color:var(--muted);font-size:.82rem}.inactivity-banner__actions{display:flex;align-items:center;gap:10px}.inactivity-dismiss{border:0;background:transparent;color:var(--muted);font-size:.78rem;font-weight:800;cursor:pointer}.toolbar-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-box,.filter-select,.sort-select{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:.8rem .9rem;color:var(--text)}.search-box{min-width:220px}.status-tabs{display:inline-flex;gap:8px;background:#edf3ff;border:1px solid var(--border);padding:6px;border-radius:999px}.status-tab{border:0;background:transparent;color:var(--muted);font-weight:700;border-radius:999px;padding:.55rem .9rem;cursor:pointer}.status-tab.active{background:var(--panel);color:var(--brand-dark);box-shadow:0 4px 10px #112c5d14}.view-toggle{display:inline-flex;background:#edf3ff;border:1px solid var(--border);border-radius:999px;padding:4px}.view-toggle button{border:0;background:transparent;color:var(--muted);font-weight:700;padding:.5rem .8rem;border-radius:999px;cursor:pointer}.view-toggle button.active{background:var(--panel);color:var(--brand-dark)}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.course-list{display:flex;flex-direction:column;gap:16px}.course-list .course-card{flex-direction:row}.course-list .course-card__media{flex:0 0 clamp(160px,26%,260px);aspect-ratio:auto;align-self:stretch;min-height:200px}.course-list .course-card__body{padding:20px 24px}.course-list .course-card__subtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-list .course-card__pricing{align-items:center}@media (max-width: 680px){.course-list .course-card{flex-direction:column}.course-list .course-card__media{flex:none;width:100%;aspect-ratio:16 / 10;min-height:0}.course-list .course-card__body{padding:18px 18px 16px}}.course-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #edf2f7;background:var(--panel);border-radius:20px;box-shadow:0 8px 24px #102a510f;transition:transform .22s ease,box-shadow .22s ease}.course-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #102a511a}.course-card__media{position:relative;display:block;aspect-ratio:16 / 10;background:#c6d9ff}.course-card__media img{width:100%;height:100%;object-fit:cover;display:block}.course-badge{position:absolute;top:12px;inset-inline-start:12px;background:#0b8f62e6;color:#fff;font-size:.7rem;font-weight:700;padding:.4rem .55rem;border-radius:999px}.course-card__body{padding:18px 18px 16px;display:flex;flex:1;flex-direction:column;cursor:pointer}.course-card__topline{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.pill{display:inline-flex;align-items:center;border-radius:999px;font-size:.65rem;font-weight:800;padding:.28rem .5rem}.pill-success{background:#e7f9f2;color:var(--success)}.pill-discount{background:var(--yellow);color:#1a1a1a}h3.course-card__title-link{color:var(--text);margin:0;font-size:1.12rem;line-height:1.45;transition:color .15s ease}.course-card__body:hover h3.course-card__title-link{color:var(--brand-dark)}.course-card__subtitle{margin:12px 0 0;color:var(--muted);line-height:1.55}.course-card__meta{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:.76rem;font-weight:700}.course-card__pricing{margin-top:auto;padding-top:14px;border-top:1px solid #edf2f7;display:flex;align-items:end;justify-content:space-between;gap:10px}.price-stack{display:flex;flex-direction:column}.price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price-current{font-size:1.2rem;font-weight:800;color:var(--text)}.price-original{font-size:.76rem;color:#647591;text-decoration:line-through}.gst-note{margin-top:4px;color:#647591;font-size:.7rem}.price-free{font-size:1.4rem;font-weight:800;color:#0e9f71}.course-card__cta{border:0;background:transparent;color:var(--brand);font-weight:800;font-size:.8rem;cursor:pointer;padding:0;text-decoration:none;transition:color .15s ease}.course-card__cta:hover{color:var(--brand-dark)}.sales-page{display:grid;grid-template-columns:1.4fr .7fr;gap:24px;align-items:start}@media (max-width: 860px){.sales-page{grid-template-columns:1fr}.purchase-box{position:static}}.sales-hero{border:1px solid var(--border);background:var(--panel);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.sales-page-skeleton{display:grid;grid-template-columns:1.4fr .7fr;gap:24px;align-items:start}@media (max-width: 860px){.sales-page-skeleton{grid-template-columns:1fr}}.sales-page-skeleton__main{display:flex;flex-direction:column;gap:14px}.skeleton-block{border-radius:16px;background:linear-gradient(90deg,#edf2f9 25%,#f6f9ff 37%,#edf2f9 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.skeleton-media{aspect-ratio:16 / 9;border-radius:24px}.skeleton-line{height:16px;width:100%}.skeleton-line--wide{width:70%;height:28px}.skeleton-line--short{width:40%}.skeleton-panel{min-height:320px;border-radius:24px}@media (prefers-reduced-motion: reduce){.skeleton-block{animation:none}}.sales-hero__media{position:relative;background:#e5ecff;aspect-ratio:16 / 9}.sales-hero__media img{width:100%;height:100%;object-fit:cover;display:block}.sales-hero__content{padding:22px}.sales-hero__meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sales-hero__meta span[aria-hidden]{opacity:.5}.sales-hero__content h1{margin:12px 0 10px;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.15;letter-spacing:-.03em}.sales-hero__content p{margin:0;color:var(--muted);line-height:1.7}.highlights-stack{display:grid;gap:16px;margin-top:18px}.highlights-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.highlights-grid{grid-template-columns:repeat(2,1fr)}}.highlight-item{background:#f6f9ff;border:1px solid var(--border);border-radius:16px;padding:16px;color:var(--text)}.highlight-item--full{padding:20px}.highlight-item h2{margin:0 0 8px;font-size:1rem;font-weight:700}.highlight-item p,.highlight-item li{color:var(--muted);line-height:1.6}.list--columns{margin:0}.list--columns li{line-height:1.7;padding-left:2px}.list--columns li+li{margin-top:8px}@media (min-width: 640px){.list--columns{display:grid;grid-template-columns:repeat(2,1fr);column-gap:40px;row-gap:10px}.list--columns li+li{margin-top:0}}.detail-section{margin-top:22px;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:22px}.detail-section h2{margin-top:0;margin-bottom:16px;font-size:1.3rem}.accordion{display:flex;flex-direction:column;gap:10px}.accordion-item{border:1px solid var(--border);border-radius:14px;background:#fafcff;transition:border-color .2s ease}.accordion-item--open{border-color:#c9dcfb}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:transparent;border:none;color:var(--text);font-weight:700;padding:1rem;cursor:pointer;transition:background-color .15s ease}.accordion-header:hover{background:#f2f6ff}.accordion-header__title{flex:1;text-align:start}.accordion-header__meta{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.8rem;font-weight:600;flex-shrink:0}.accordion-chevron{transition:transform .2s ease}.accordion-item--open .accordion-chevron{transform:rotate(180deg)}.accordion-body{padding:0 1rem 1rem;color:var(--muted)}.accordion-lesson-list{list-style:none;margin:0;padding:4px 0 0;display:flex;flex-direction:column;gap:2px}.accordion-lesson{display:flex;align-items:center;gap:10px;padding:8px 4px;border-top:1px solid #eef2f9;font-size:.88rem}.accordion-lesson:first-child{border-top:none}.accordion-lesson__icon{flex-shrink:0;color:#a7b3c6}.accordion-lesson__icon--preview{color:var(--brand)}.accordion-lesson__title{flex:1;color:var(--text)}.accordion-lesson__duration{color:var(--muted);font-size:.76rem;font-variant-numeric:tabular-nums}.accordion-empty{margin:4px 0 0;font-size:.85rem}.purchase-box{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:22px;position:sticky;top:110px;box-shadow:var(--shadow)}.price-display{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.price-display strong{font-size:2rem;letter-spacing:-.05em}.price-display span{color:#647591;text-decoration:line-through}.purchase-box .cta-stack{display:flex;flex-direction:column;gap:10px;margin-top:18px}.purchase-box .cta-stack button,.purchase-box .cta-stack a{display:flex;align-items:center;justify-content:center;border-radius:12px;padding:.9rem 1rem;font-weight:800}.purchase-box .primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border:none;transition:transform .15s ease,box-shadow .15s ease}.purchase-box .primary:hover:not(:disabled){box-shadow:0 10px 24px #0b8f6247}.purchase-box .primary:active:not(:disabled){transform:translateY(1px)}.purchase-box .secondary{background:#fff;border:1px solid var(--border);color:var(--text);transition:background-color .15s ease}.purchase-box .secondary:hover:not(:disabled){background:#f6f9ff}.purchase-note{margin-top:8px;color:var(--muted);font-size:.8rem}.purchase-error{margin:10px 0 0}.course-tags{margin-top:16px;padding-bottom:20px;display:flex;flex-wrap:wrap;gap:8px}.tag-pill{display:inline-flex;align-items:center;border-radius:999px;background:var(--panel-muted, #f4f6fb);border:1px solid var(--border);color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:.32rem .7rem}.sidebar-section{padding:20px 0;border-top:1px solid var(--border)}.sidebar-label{margin:0 0 8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.includes-text{margin:0;color:var(--text);line-height:1.7;font-size:.9rem}.markdown-content{color:var(--text);line-height:1.7;font-size:.9rem}.markdown-content>*:first-child{margin-top:0}.markdown-content>*:last-child{margin-bottom:0}.markdown-content p{margin:0 0 12px}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--text);font-weight:700;line-height:1.3;margin:20px 0 10px}.markdown-content h1{font-size:1.15rem}.markdown-content h2{font-size:1.05rem}.markdown-content h3{font-size:.95rem}.markdown-content ul,.markdown-content ol{margin:0 0 12px;padding-left:20px}.markdown-content li{margin:0 0 6px}.markdown-content li:last-child{margin-bottom:0}.markdown-content li>p{margin:0}.markdown-content blockquote{margin:0 0 12px;padding-left:14px;border-left:3px solid var(--border);color:var(--muted)}.markdown-content a{color:var(--success);text-decoration:underline;text-decoration-color:currentColor}.markdown-content strong{font-weight:700}@media (max-width: 680px){.markdown-content h1{font-size:1.05rem}.markdown-content h2{font-size:1rem}.markdown-content h3{font-size:.92rem}}.purchase-meta{margin:0}.purchase-meta__row dd{margin:0;color:var(--text);line-height:1.6;font-size:.9rem}.prerequisites-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.prerequisites-list li{position:relative;padding-left:20px;color:var(--text);line-height:1.5;font-size:.9rem}.prerequisites-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--success);font-weight:700;font-size:.8rem}.prerequisites-empty{margin:0;color:var(--muted);font-size:.9rem}.learning-layout{display:grid;grid-template-columns:1.45fr .55fr;gap:24px}.video-panel{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.video-placeholder{background:radial-gradient(circle at top,#0d1d33,#040c14 60%,#01070d);border-radius:18px;min-height:360px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;letter-spacing:.04em}.video-placeholder iframe{display:block;width:100%;aspect-ratio:16 / 9;min-height:360px;border:0;border-radius:18px}.lesson-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-breadcrumb__link{display:inline-flex;align-items:center;white-space:nowrap;gap:4px;color:var(--muted);font-weight:600;font-size:.9rem}.lesson-breadcrumb__link:hover{color:var(--brand-dark)}.lesson-breadcrumb__text-short{display:none}.curriculum-drawer-trigger{display:none;align-items:center;gap:6px;background:var(--panel-alt);border:1px solid var(--border);border-radius:999px;padding:.45rem .85rem;font-size:.82rem;font-weight:700;color:var(--brand-dark);cursor:pointer;white-space:nowrap}.curriculum-drawer-trigger__chevron{flex-shrink:0}.lesson-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 14px}.lesson-header h2,.lesson-title{margin:0;font-size:clamp(1.25rem,2vw,2.2rem);font-weight:700}.lesson-nav-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.lesson-nav-button{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;border-color:var(--brand);color:var(--brand)}.lesson-nav-button:not(:disabled):hover{background:var(--panel);border-color:var(--brand);box-shadow:0 4px 12px #0000001a}.lesson-nav-button svg{stroke:var(--brand)}.lesson-nav-complete__text-short{display:none}.quiz-gate-notice{margin:10px 0 0;color:var(--muted);font-size:.85rem;text-align:center}.sidebar-instructor-card{margin-top:16px}.lesson-meta{display:flex;align-items:center;gap:14px;margin-top:16px;color:var(--muted);font-size:.85rem;font-weight:700}.tab-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;border-bottom:1px solid var(--border);padding-bottom:8px}.tab-button{background:transparent;border:none;border-radius:10px;color:var(--muted);font-weight:700;padding:.7rem .9rem;cursor:pointer}.tab-button.active{background:#edf3ff;color:var(--brand-dark)}.tab-panel{margin-top:18px;min-height:220px}.notes-box,.resources-box,.quiz-box,.instructor-card{background:#fafcff;border:1px solid var(--border);border-radius:16px;padding:18px}.notes-box{max-width:100%;overflow-x:hidden;overflow-wrap:anywhere}quran-player,quran-player-v2,quran-player-v3{display:block;width:100%;max-width:100%;min-width:0;overflow:hidden}.audio-lesson-player{position:relative;padding:3px;border-radius:18px}.audio-lesson-player quran-player-v3{height:640px;border-radius:15px;overflow:hidden}@media (max-width: 680px){.audio-lesson-player quran-player-v3{height:480px}}@property --quran-border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes quran-border-spin{to{--quran-border-angle: 360deg}}.quran-player-page-host:before,.audio-lesson-player:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:3px;border-radius:inherit;background:conic-gradient(from var(--quran-border-angle),rgba(230,168,68,.18) 0deg,rgba(230,168,68,.18) 270deg,#e6a844 315deg,#ffe1a3 330deg,#e6a844 345deg,rgba(230,168,68,.18) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:quran-border-spin 5s linear infinite;pointer-events:none}@media (prefers-reduced-motion: reduce){.quran-player-page-host:before,.audio-lesson-player:before{animation:none}}.quran-player-page{padding:24px 0 40px}.quran-player-page-host{position:relative;max-width:100%;padding:3px;border-radius:24px}.quran-player-page-host quran-player-v3{height:80vh;border-radius:21px;overflow:hidden}.qp-page-header{max-width:560px;margin:0 auto 32px;text-align:center}.qp-page-header__row{display:flex;align-items:center;justify-content:center;gap:12px}.qp-page-header__icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:999px;background:var(--mint, var(--panel-alt));color:var(--brand-dark)}.qp-page-header h1{margin:0;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.03em}.qp-page-header p{margin:14px 0 0;color:var(--muted);line-height:1.65}.qp-browse{margin-top:40px}.qp-browse-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.qp-browse-header h2{margin:0;font-size:1.3rem}.qp-browse-search{width:260px;max-width:100%}.qp-browse-loading,.qp-browse-empty{color:var(--muted);font-size:.9rem}.qp-surah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.qp-surah-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel);text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.qp-surah-card:hover{border-color:var(--brand);box-shadow:0 10px 24px #064c3b1a;transform:translateY(-1px)}.qp-surah-card--active{border-color:var(--brand);background:var(--panel-alt)}.qp-surah-card__number{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:999px;background:var(--mint, var(--panel-alt));color:var(--brand-dark);font-size:.78rem;font-weight:700}.qp-surah-card__body{display:flex;flex-direction:column;gap:2px;min-width:0}.qp-surah-card__name{font-weight:700;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qp-surah-card__meta{font-size:.76rem;color:var(--muted)}@media (prefers-reduced-motion: reduce){.qp-surah-card:hover{transform:none}}@media (max-width: 680px){.quran-player-page{padding:20px 0 40px}.quran-player-page-host quran-player-v3{height:min(640px,80svh)}}.notes-box p,.resources-box p,.quiz-box p,.instructor-card p{color:var(--muted);line-height:1.7}.notes-box p,.notes-box ul,.notes-box ol{margin:0 0 14px}.notes-box p:last-child,.notes-box ul:last-child,.notes-box ol:last-child{margin-bottom:0}.notes-box ul,.notes-box ol{padding-left:24px}.notes-box ul{list-style:disc}.notes-box ol{list-style:decimal}.notes-box li{color:var(--muted);line-height:1.7;margin-bottom:6px}.notes-box li>p{margin:0}.notes-box strong{color:inherit;font-weight:700}.notes-box a{color:var(--brand-dark)}.resource-list,.quiz-list{display:grid;gap:12px;padding:0;list-style:none;margin:0}.resource-item,.quiz-item{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px 14px}.resource-item--file{display:flex;align-items:center;gap:10px}.resource-item__icon{color:var(--brand);flex-shrink:0}.resource-item__name{flex:1;border:0;background:transparent;padding:0;text-align:start;font-weight:700;color:var(--text);cursor:pointer}.resource-item__name:disabled{opacity:.6;cursor:wait}.resource-item__download-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);border-radius:9px;background:var(--panel-alt);color:var(--muted);cursor:pointer;flex-shrink:0}.resource-item__download-icon:hover{color:var(--text)}.resource-item__download-icon:disabled{opacity:.5;cursor:wait}.resource-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:20px;background:#0f1b3080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:paywall-fade-in .2s ease-out}.resource-viewer-modal{width:min(920px,100%);height:min(85vh,900px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:0 30px 90px #0e204159;overflow:hidden;animation:paywall-rise-in .25s ease-out}.resource-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--panel-alt)}.resource-viewer-title{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-viewer-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.resource-viewer-action{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:#fff;color:var(--text);font-weight:700;font-size:.82rem;padding:7px 12px;border-radius:9px;cursor:pointer}.resource-viewer-action:hover{border-color:var(--brand);color:var(--brand-dark)}.resource-viewer-action:disabled{opacity:.5;cursor:wait}.resource-viewer-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.resource-viewer-close:hover{background:var(--border);color:var(--text)}.resource-viewer-body{flex:1;min-height:0;background:#525659}.resource-viewer-body iframe{width:100%;height:100%;border:0;display:block}.resource-viewer-status{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;padding:20px;text-align:center}@media (max-width: 680px){.resource-viewer-modal{height:92vh;border-radius:14px}.resource-viewer-title{display:none}}.sidebar-panel{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.progress-card{margin-bottom:18px;padding:16px;background:linear-gradient(135deg,#f2f8ff,#edf5f1);border:1px solid var(--border);border-radius:18px}.progress-bar{height:10px;background:#dbe7ff;border-radius:999px;overflow:hidden;margin-top:12px}.progress-bar span{display:block;width:42%;height:100%;background:linear-gradient(90deg,#13a06d,#58d2a4)}.curriculum-groups{display:grid;gap:12px}.curriculum-module{border:1px solid var(--border);border-radius:14px;background:var(--panel);overflow:hidden}.curriculum-module__trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;background:transparent;border:none;text-align:left;cursor:pointer;color:var(--text)}.curriculum-module__trigger:hover{background:var(--panel-alt)}.curriculum-module__trigger:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.curriculum-module__title{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.01em;color:var(--text)}.curriculum-module__chevron{flex-shrink:0;color:var(--muted);transition:transform .2s ease}.curriculum-module__chevron.is-open{transform:rotate(180deg)}.curriculum-module__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.curriculum-module__body.is-open{grid-template-rows:1fr}.curriculum-module__body-inner{overflow:hidden}.curriculum-module__body .curriculum-list{padding:0 14px 14px}.curriculum-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.curriculum-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 10px;border:1px solid var(--border);border-radius:12px;background:#fafcff;color:var(--text)}.curriculum-item--active{border-color:var(--brand);background:#edf3ff}.curriculum-item small{color:var(--muted)}.curriculum-item__link{display:flex;flex:1;align-items:center;justify-content:space-between;gap:10px;color:inherit}.curriculum-item__link:hover{color:var(--brand-dark)}.status-complete{color:var(--success);font-weight:800}.status-open{color:var(--brand);font-weight:800}.status-lock{color:#8895a5;font-weight:800}.instructor-card{display:flex;gap:14px;align-items:center}.curriculum-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end}.curriculum-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#09142780;cursor:pointer}.curriculum-drawer__sheet{position:relative;width:100%;max-height:85vh;overflow-y:auto;background:var(--panel);border-radius:20px 20px 0 0;padding:18px;box-shadow:0 -12px 38px #224ea02e;animation:curriculum-drawer-rise .2s ease}@keyframes curriculum-drawer-rise{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.curriculum-drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.curriculum-drawer__close{background:var(--panel-alt);border:1px solid var(--border);border-radius:999px;width:32px;height:32px;display:grid;place-items:center;color:var(--text);cursor:pointer}.instructor-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#dfeaff,#c8d9ff);display:grid;place-items:center;font-weight:800;color:var(--brand-dark)}.unlock-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:220px;padding:24px;border:1px solid #f0d9a6;border-radius:18px;background:#fff9eb}.unlock-banner strong{font-size:1.1rem}.unlock-banner p{margin:8px 0 0;color:var(--muted)}.quiz-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.quiz-heading h3{margin:6px 0 0}.quiz-passing-score{color:var(--muted);font-size:.76rem;font-weight:800;white-space:nowrap}.quiz-question-list{display:grid;gap:16px}.quiz-question{min-width:0;margin:0;padding:14px;border:1px solid var(--border);border-radius:12px}.quiz-question legend{max-width:100%;padding:0 6px;font-weight:800}.quiz-options{display:grid;gap:8px;margin-top:12px}.quiz-option{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--muted);cursor:pointer}.quiz-option.selected{border-color:var(--brand);background:#edf5ff;color:var(--text)}.quiz-option.incorrect{border-color:#e2a53a;background:var(--yellow-soft);color:var(--text)}.quiz-option.incorrect input{accent-color:#c87518}.quiz-option input{accent-color:var(--brand)}.quiz-answer-mark{margin-inline-start:auto;color:var(--success);font-size:.72rem}.quiz-answer-mark--incorrect{color:#c87518}.quiz-explanation{margin:12px 0 0;color:var(--muted);font-size:.82rem;line-height:1.55}.quiz-score-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:18px;padding:14px;border:1px solid #f0d9a6;border-radius:12px;background:#fff9eb}.quiz-score-card.passed{border-color:#b9e7d2;background:#effbf5}.quiz-score-card span{color:var(--muted);font-size:.82rem}.quiz-score-card__actions{display:flex;align-items:stretch;gap:8px;width:100%}.quiz-score-card__actions .button{flex:1 1 0;min-width:0;white-space:nowrap;padding:.68rem 1rem;font-size:.9rem}.quiz-retake-button{border-radius:12px;border:1px solid transparent;background:var(--yellow);color:var(--brand-deep)}.quiz-retake-button:not(:disabled):hover{background:#ffcf3d}@media (min-width: 480px){.quiz-score-card__actions{width:auto;max-width:320px}}.quiz-box{margin-top:18px}.progress-message{margin:14px 0 0;color:var(--muted);font-size:.8rem}.curriculum-extras{display:grid;gap:10px;margin-top:14px}.sidebar-action-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border);border-radius:14px;background:#fafcff}.sidebar-action-card__top{display:flex;align-items:center;gap:10px;min-width:0}.sidebar-action-card__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:#edf5ff;color:var(--brand-dark)}.sidebar-action-card__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.sidebar-action-card__body strong{font-size:.88rem}.sidebar-action-card__body span{color:var(--muted);font-size:.76rem}.sidebar-action-card .button{width:100%;justify-content:center;padding:.6rem .85rem;font-size:.82rem}.sidebar-action-card--locked{background:#f8f7f4}.sidebar-action-card--locked .sidebar-action-card__icon{background:var(--border);color:var(--muted)}.flashcard-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:20px;background:#06281e8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:paywall-fade-in .2s ease-out}.flashcard-modal{position:relative;width:min(520px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:48px 32px 28px;background:linear-gradient(180deg,#fffdf6,#fff9ec);border-radius:22px;border:1px solid #d9b768;box-shadow:inset 0 0 0 6px #fffdf6,inset 0 0 0 7px #d9b768,0 30px 80px #06281e66;animation:paywall-rise-in .25s ease-out}.flashcard-modal__corner{position:absolute;width:34px;height:34px;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%23c79a3f' stroke-width='1.6'%3E%3Crect x='13' y='13' width='14' height='14' transform='rotate(45 20 20)'/%3E%3Crect x='17' y='17' width='6' height='6' transform='rotate(45 20 20)'/%3E%3Ccircle cx='20' cy='20' r='18.2'/%3E%3C/g%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.75}.flashcard-modal__corner--tl{top:10px;left:10px}.flashcard-modal__corner--tr{top:10px;right:10px;transform:rotate(90deg)}.flashcard-modal__corner--bl{bottom:10px;left:10px;transform:rotate(-90deg)}.flashcard-modal__corner--br{bottom:10px;right:10px;transform:rotate(180deg)}.flashcard-modal__close{position:absolute;top:12px;right:12px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #d9b768;border-radius:50%;background:#fffdf6;color:var(--brand-dark);box-shadow:0 2px 8px #06281e2e;cursor:pointer}.flashcard-modal__close:hover{background:#f1e5c4;color:var(--text)}.flashcard-modal__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.flashcard-modal__category{color:var(--brand-dark);font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.flashcard-modal__count{color:var(--muted);font-size:.76rem;font-weight:700}.flashcard-modal__stage{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;perspective:1200px}.flashcard-modal__card{position:relative;display:grid;min-height:200px;transition:transform .5s;transform-style:preserve-3d}.flashcard-modal__stage.is-flipped .flashcard-modal__card{transform:rotateY(180deg)}.flashcard-modal__face{position:relative;grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px 22px 38px;border:1px solid #ecdcae;border-radius:16px;background:#fff;backface-visibility:hidden;text-align:center}.flashcard-modal__face--back{transform:rotateY(180deg);background:#f6fbf8}.flashcard-modal__arabic{font-size:2.1rem;line-height:1.5;color:var(--brand-deep);font-weight:700}.flashcard-modal__arabic--long{font-size:1.45rem;line-height:1.8}.flashcard-modal__translit{font-size:1rem;font-style:italic;color:var(--muted)}.flashcard-modal__question{font-size:1.05rem;font-weight:700;color:var(--text);line-height:1.5}.flashcard-modal__answer{font-size:1.05rem;font-weight:700;color:var(--text);line-height:1.6}.flashcard-modal__answer--long{font-size:.95rem;font-weight:600}.flashcard-modal__hint{position:absolute;bottom:14px;left:0;right:0;color:var(--muted);font-size:.72rem}.flashcard-modal__nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px}@media (max-width: 560px){.flashcard-modal{padding:34px 18px 22px;border-radius:18px}.flashcard-modal__arabic{font-size:1.7rem}.flashcard-modal__card{min-height:220px}}.quiz-page{max-width:760px;margin:0 auto}.checkout-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0f1b3085}.checkout-modal{width:min(820px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:22px;box-shadow:0 24px 80px #0e204147}.checkout-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;border-bottom:1px solid var(--border)}.checkout-header h2{margin:6px 0 0;font-size:1.45rem}.checkout-close{border:0;background:transparent;color:var(--muted);font-size:1.8rem;line-height:1;cursor:pointer}.checkout-body{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;padding:24px}.checkout-summary,.checkout-form{display:flex;flex-direction:column;gap:12px}.checkout-summary{padding:18px;border:1px solid var(--border);border-radius:16px;background:#f8fbff;align-self:start}.checkout-course{display:flex;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border)}.checkout-course img{width:62px;height:48px;object-fit:cover;border-radius:9px}.checkout-course strong,.checkout-course span{display:block}.checkout-course span,.checkout-caption,.form-hint,.form-success,.form-error{color:var(--muted);font-size:.76rem}.checkout-line,.checkout-total{display:flex;justify-content:space-between;gap:16px;color:var(--muted)}.checkout-discount,.form-success{color:var(--success)}.checkout-total{padding-top:14px;border-top:1px solid var(--border);color:var(--text);font-size:1.05rem}.checkout-label{color:var(--text);font-size:.8rem;font-weight:800}.checkout-form input{width:100%;border:1px solid var(--border);border-radius:10px;padding:.75rem .8rem;background:#fff;color:var(--text)}.checkout-code-row{display:flex;gap:8px}.checkout-code-row input{flex:1}.checkout-accordion-toggle{display:flex;align-items:flex-start;gap:8px;margin-top:8px;color:var(--text);font-size:.85rem;font-weight:700;cursor:pointer}.checkout-accordion-toggle input{width:auto;margin-top:3px}.terms-agree-toggle{margin:12px 0;font-weight:500}.terms-agree-toggle a{color:var(--brand)}.terms-warning{margin:-4px 0 8px;font-size:.8rem}.purchase-box .cta-stack button.is-locked{opacity:.55;cursor:not-allowed}.invoice-fields{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#f8fbff}.form-error,.payment-message.error{color:#c33754}.payment-message{padding:10px 12px;border-radius:10px;background:#e7f9f2;color:var(--success);font-size:.8rem}.checkout-pay-button{border:0;border-radius:11px;padding:.9rem 1rem;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;font-weight:800;cursor:pointer}.checkout-pay-button:disabled{opacity:.65;cursor:wait}.paywall-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#0f1b3073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:paywall-fade-in .2s ease-out}.paywall-modal{width:min(420px,100%);padding:32px 28px;background:var(--panel);border:1px solid var(--border);border-radius:24px;box-shadow:0 30px 90px #0e20414d;text-align:center;animation:paywall-rise-in .25s ease-out}.paywall-icon{color:var(--brand);margin-bottom:14px}.paywall-modal h2{margin:0 0 10px;font-size:1.35rem}.paywall-copy{margin:0 0 20px;color:var(--muted);font-size:.92rem;line-height:1.5}.paywall-price{display:flex;flex-direction:column;gap:2px;margin:0 0 24px;padding:14px;border-radius:14px;background:var(--panel-alt)}.paywall-price strong{font-size:1.4rem}.paywall-price span{color:var(--muted);font-size:.78rem}.paywall-actions{display:flex;flex-direction:column;gap:10px}.paywall-primary{width:100%}.paywall-secondary{width:100%;background:transparent}@keyframes paywall-fade-in{0%{opacity:0}to{opacity:1}}@keyframes paywall-rise-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.curriculum-item__locked{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 8px;border:0;background:transparent;color:var(--text);text-align:start;opacity:.55;cursor:pointer;border-radius:10px}.curriculum-item__locked:hover{opacity:.8;background:var(--panel-alt)}.curriculum-item__lock-icon{color:var(--muted);flex-shrink:0}@media (max-width: 980px){.sales-page,.learning-layout{grid-template-columns:1fr}.purchase-box{position:static}}@media (max-width: 767px){.sidebar-panel{display:none}.curriculum-drawer-trigger{display:inline-flex}.curriculum-drawer-trigger__count{display:none}}@media (max-width: 680px){.nav-actions .language-selector,.nav-actions .currency-toggle,.icon-button,.nav-actions .auth-actions,.nav-actions .auth-controls-skeleton{display:none}.checkout-body{grid-template-columns:1fr;padding:18px}.checkout-header{padding:18px}.footer-grid{grid-template-columns:1fr 1fr;text-align:start}.footer-brand{grid-column:1 / -1}.footer-bottom{flex-direction:column;align-items:flex-start}.unlock-banner{align-items:flex-start;flex-direction:column}.quiz-heading{flex-direction:column}.quiz-score-card .button{margin-inline-start:0}.lesson-header{gap:10px}.lesson-header h2,.lesson-title{font-size:1.25rem}.lesson-breadcrumb{width:100%}.lesson-nav-row{width:100%;max-width:100%;box-sizing:border-box;gap:8px}.lesson-nav-row .lesson-nav-button,.lesson-nav-row .button.primary-button{flex:1 1 0;min-width:0;padding:.5rem .6rem;font-size:.8rem;justify-content:center}.lesson-nav-complete__text-full{display:none}.lesson-nav-complete__text-short{display:inline}.video-panel,.sidebar-panel{padding:14px}.tab-button{padding:.6rem .7rem;font-size:.92rem}.progress-card{padding:13px}.curriculum-item{padding:10px 8px}.lesson-meta-count,.lesson-meta-access{display:none}}@media (max-width: 420px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.lesson-breadcrumb__text-full{display:none}.lesson-breadcrumb__text-short{display:inline}.lesson-nav-button__text{display:none}.lesson-nav-row .lesson-nav-button{flex:0 0 auto;padding:.5rem .55rem}}.hero{background:linear-gradient(135deg,#dfeaff,#f7f9ff);border:1px solid var(--border);border-radius:28px;padding:52px 42px;box-shadow:var(--shadow)}.hero h1{margin:0 0 18px;font-size:clamp(2.3rem,4vw,4rem);line-height:1.1;letter-spacing:-.06em}.hero p{max-width:700px;margin:0;color:var(--muted);font-size:1.08rem}.section{margin-top:36px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-header h2{margin:0;font-size:clamp(1.4rem,2vw,2.1rem);letter-spacing:-.04em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}.card{display:block;background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:0 10px 28px #1b305e0d;color:inherit;text-decoration:none}.card h3{margin:0 0 10px;font-size:1.15rem}.card p{margin:0;color:var(--muted)}.card .meta{display:flex;justify-content:space-between;gap:14px;margin-top:18px;color:var(--muted);font-size:.92rem}.auth-shell{display:grid;grid-template-columns:1.15fr 1fr;background:var(--panel);border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.auth-visual{background:radial-gradient(130% 150% at 100% 0%,#ffd75e3d,#ffd75e00 45%),linear-gradient(135deg,var(--brand-deep) 0%,var(--brand-dark) 55%,var(--brand) 100%);color:#fff;padding:44px 36px;display:flex;flex-direction:column;justify-content:space-between}.dev-admin-toggle{border:1px dashed var(--brand);background:transparent;color:var(--brand-dark);border-radius:999px;padding:.48rem .7rem;font-size:.72rem;font-weight:800;cursor:pointer}.admin-page{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.admin-page-header,.admin-section-heading,.admin-module-heading,.admin-lesson-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.admin-page-header h1{margin:8px 0 6px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.05em}.admin-page-header p{margin:0;color:var(--muted)}.admin-create-course-button{width:fit-content;padding:.72rem 1.15rem;white-space:nowrap}.admin-back-link{color:var(--brand);font-size:.82rem;font-weight:800}.admin-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tab,.admin-tab-link{flex-shrink:0}.admin-tab{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:.75rem .9rem;font-weight:800;cursor:pointer}.admin-tab.active{border-bottom-color:var(--brand);color:var(--brand-dark)}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.admin-stat-card,.admin-panel,.admin-editor-section,.admin-access-card{border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:0 8px 24px #102a510d}.admin-access-card{position:relative;overflow:hidden}.admin-access-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20400%20200%27%3E%3Cg%20fill%3D%27%231852B4%27%3E%3Crect%20x%3D%2730%27%20y%3D%2770%27%20width%3D%2714%27%20height%3D%27120%27/%3E%3Crect%20x%3D%2724%27%20y%3D%2760%27%20width%3D%2726%27%20height%3D%278%27%20rx%3D%272%27/%3E%3Ccircle%20cx%3D%2737%27%20cy%3D%2752%27%20r%3D%279%27/%3E%3Crect%20x%3D%2734%27%20y%3D%2738%27%20width%3D%276%27%20height%3D%2714%27/%3E%3Crect%20x%3D%27356%27%20y%3D%2770%27%20width%3D%2714%27%20height%3D%27120%27/%3E%3Crect%20x%3D%27350%27%20y%3D%2760%27%20width%3D%2726%27%20height%3D%278%27%20rx%3D%272%27/%3E%3Ccircle%20cx%3D%27363%27%20cy%3D%2752%27%20r%3D%279%27/%3E%3Crect%20x%3D%27360%27%20y%3D%2738%27%20width%3D%276%27%20height%3D%2714%27/%3E%3Crect%20x%3D%27108%27%20y%3D%27140%27%20width%3D%2764%27%20height%3D%2750%27/%3E%3Cpath%20d%3D%27M108%20140%20a32%2032%200%200%201%2064%200%20z%27/%3E%3Crect%20x%3D%27228%27%20y%3D%27140%27%20width%3D%2764%27%20height%3D%2750%27/%3E%3Cpath%20d%3D%27M228%20140%20a32%2032%200%200%201%2064%200%20z%27/%3E%3Crect%20x%3D%27150%27%20y%3D%27120%27%20width%3D%27100%27%20height%3D%2770%27/%3E%3Cpath%20d%3D%27M150%20120%20a50%2050%200%200%201%20100%200%20z%27/%3E%3Crect%20x%3D%27193%27%20y%3D%2755%27%20width%3D%2714%27%20height%3D%2715%27/%3E%3Ccircle%20cx%3D%27200%27%20cy%3D%2750%27%20r%3D%277%27/%3E%3C/g%3E%3C/svg%3E);background-repeat:no-repeat;background-position:center 110%;background-size:480px auto;opacity:.07;pointer-events:none}.admin-access-card>*{position:relative}.admin-stat-card{display:grid;gap:7px;padding:18px}.admin-stat-card span,.admin-stat-card small{color:var(--muted);font-size:.78rem}.admin-stat-card strong{font-size:1.7rem;letter-spacing:-.04em}.admin-stat-card.alert-stat strong{color:#c87518}.admin-panel,.admin-editor-section{padding:22px}.admin-section-heading h2{margin:6px 0 0;font-size:1.25rem}.admin-section-heading.admin-accordion-header{align-items:center;flex-wrap:nowrap}.admin-section-heading.admin-accordion-header>div{flex:1;min-width:0}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;margin-top:18px;min-width:680px}.admin-table th,.admin-table td{padding:13px 12px;border-bottom:1px solid var(--border);text-align:start;vertical-align:middle}.admin-table th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.admin-table td small{display:block;margin-top:4px;color:var(--muted)}.admin-table-message{padding:22px 12px!important;color:var(--muted);text-align:center!important}.coupon-code{color:var(--brand-dark);letter-spacing:.06em}.coupon-action-button{width:auto}.table-progress{width:110px;height:7px;margin-bottom:5px;overflow:hidden;border-radius:999px;background:#dbe7ff}.table-progress span{display:block;height:100%;border-radius:inherit;background:var(--success)}.admin-course-list{display:grid;gap:10px;margin-top:18px}.admin-course-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#fafcff}.admin-course-row strong,.admin-course-row span{display:block}.admin-course-row span{margin-top:4px;color:var(--muted);font-size:.8rem}.admin-row-actions{display:flex;align-items:center;gap:12px}.text-button{border:0;background:transparent;font-weight:800;cursor:pointer}.danger-text{color:#c33754}.admin-inline-confirm{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border:1px solid #f0c6ce;border-radius:10px;background:#fff4f5;font-size:.85rem;color:var(--text)}.admin-export-sales{justify-self:start;border:0;background:transparent;color:var(--brand);font-weight:800;cursor:pointer}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.admin-form-grid label{display:grid;gap:7px;color:var(--text);font-size:.8rem;font-weight:800}.admin-form-grid input,.admin-form-grid textarea,.admin-form-grid select,.admin-module-heading input,.admin-lesson-heading input{width:100%;border:1px solid var(--border);border-radius:10px;padding:.72rem .8rem;background:#fff;color:var(--text);font-weight:400}.wide-field{grid-column:1 / -1}.tags-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;border:1px solid var(--border);border-radius:10px;padding:.5rem .6rem;background:#fff}.tags-input__pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#f4f6fb;color:var(--text);font-size:.78rem;font-weight:700;padding:.3rem .4rem .3rem .7rem;white-space:nowrap}.tags-input__remove{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--muted);font-size:1rem;line-height:1;cursor:pointer;padding:0 .15rem}.tags-input__remove:hover{color:var(--text)}.tags-input__field{flex:1;min-width:120px;border:0;outline:none;padding:.22rem .1rem;font-weight:400;color:var(--text)}.admin-toggle{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px!important}.admin-toggle input{width:auto}.admin-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:currentColor;border-radius:50%;animation:admin-spin .7s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-curriculum-editor{display:grid;gap:16px;margin-top:18px}.admin-module-card{display:grid;gap:16px;padding:18px;border:1px solid var(--border);border-radius:16px;background:#f8fbff;transition:border-color .15s ease,background-color .15s ease}.admin-module-card.admin-drag-over,.admin-lesson-card.admin-drag-over{border-color:var(--brand);background:#eef4ff}.admin-drag-handle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:30px;color:var(--muted);cursor:grab;-webkit-user-drag:element;user-select:none;-webkit-user-select:none}.admin-drag-handle:active{cursor:grabbing}.admin-module-heading input{flex:1;font-size:1rem;font-weight:800}.admin-module-heading>div{display:grid;gap:4px}.admin-module-heading small{color:var(--muted);font-size:.76rem}.admin-quiz-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-lesson-list{display:grid;gap:12px}.admin-lesson-card,.admin-question-card{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#fff;transition:border-color .15s ease,background-color .15s ease}.admin-lesson-heading{align-items:center}.admin-accordion-header.admin-module-heading,.admin-accordion-header.admin-lesson-heading{align-items:center;flex-wrap:nowrap}.admin-accordion-toggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);cursor:pointer;padding:0}.admin-accordion-chevron{transition:transform .2s ease}.admin-accordion-item--open .admin-accordion-toggle .admin-accordion-chevron{transform:rotate(180deg)}.admin-module-summary,.admin-lesson-summary{flex-shrink:0;color:var(--muted);font-size:.78rem;font-weight:700;white-space:nowrap}.admin-lesson-summary{flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis}.admin-reorder-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.admin-reorder-button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text);cursor:pointer;padding:0}.admin-reorder-button:disabled{opacity:.35;cursor:not-allowed}.admin-quiz-builder{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--border)}.admin-quiz-lesson-hint{background:var(--panel-alt);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--muted);font-size:.88rem;line-height:1.5}.admin-empty-state{padding:22px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);text-align:center}.admin-save-message{margin:0;padding:12px 14px;border-radius:10px;background:#e7f9f2;color:var(--success);font-weight:700}.admin-access-card{width:min(620px,100%);margin:8vh auto 0;padding:30px}.admin-access-card h1{margin:8px 0}.admin-access-card p{color:var(--muted)}.admin-access-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.coupon-modal{max-width:760px}.coupon-modal-body{padding:24px}.coupon-form{display:grid;gap:16px}.coupon-form>.admin-form-grid{margin-top:0}.coupon-form label{display:grid;gap:7px;color:var(--text);font-size:.8rem;font-weight:800}.coupon-form .admin-form-grid>div{display:grid;gap:7px}.coupon-form input,.coupon-form select{width:100%;border:1px solid var(--border);border-radius:10px;padding:.72rem .8rem;background:#fff;color:var(--text);font-weight:400}.coupon-code-input{text-transform:uppercase;letter-spacing:.06em}.coupon-form-error{margin-bottom:18px;padding:12px 14px;border:1px solid #f0c6ce;border-radius:10px;background:#fff4f5}.coupon-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:18px;border-top:1px solid var(--border)}.coupon-submit{width:auto}@media (max-width: 900px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 680px){.admin-page-header,.admin-section-heading,.admin-module-heading,.admin-course-row{flex-direction:column}.admin-form-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}.admin-stat-grid{grid-template-columns:1fr}.admin-row-actions{width:100%;justify-content:space-between}.admin-create-course-button{width:fit-content;padding:.65rem .9rem;font-size:.85rem}.coupon-modal-body{padding:18px}.coupon-three-column-grid{grid-template-columns:1fr}.coupon-form-actions{justify-content:stretch}.coupon-form-actions .button{flex:1}}.auth-badge{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow-soft);opacity:.95}.auth-visual h1{margin:18px 0 0;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.05em}.auth-visual p{margin:18px 0 0;font-size:1.05rem;color:#ffffffd1}.auth-form{padding:32px 28px}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;font-weight:800;font-size:1.2rem;margin-bottom:18px}.auth-form h2{margin:0 0 8px;font-size:2rem;letter-spacing:-.05em}.auth-form p{margin:0 0 24px;color:var(--muted)}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.input-group label{font-weight:600;color:var(--text)}.input-group input{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--soft, #f6fbf8);padding:.9rem .95rem}.password-box{display:flex;align-items:center;border:1px solid var(--border);border-radius:12px;background:var(--soft, #f6fbf8);overflow:hidden}.password-box input{border:none;background:transparent;flex:1}.password-toggle{border:none;background:transparent;color:var(--brand-dark);font-weight:700;padding:0 12px;cursor:pointer}.primary-button,.secondary-button,.social-button{width:100%;border:none;border-radius:12px;padding:.92rem 1rem;font-weight:700;cursor:pointer}.primary-button{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff}.primary-button:not(:disabled):hover,.secondary-button:not(:disabled):hover,.social-button:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.05)}.admin-page-header .admin-create-course-button{width:fit-content;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:8px;white-space:nowrap}.secondary-button{background:var(--mint);color:var(--brand-dark)}.social-button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid transparent;color:var(--text);background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,var(--brand) 0%,var(--yellow) 50%,var(--blue) 100%);background-origin:border-box;background-clip:padding-box,border-box}.social-button-icon{width:20px;height:20px;flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:var(--muted);font-weight:600}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--border);flex:1}.social-row{display:grid;gap:10px}.otp-block{margin-top:18px;display:grid;gap:12px}.otp-row{display:flex;gap:8px}.otp-row input{flex:1;border-radius:12px;border:1px solid var(--border);padding:.8rem .9rem}.link-button{border:none;background:transparent;color:var(--brand-dark);font-weight:700;cursor:pointer;padding:0}.auth-status{margin-top:18px;color:var(--brand-dark);background:var(--mint);border:1px solid var(--border);border-radius:12px;padding:.8rem .9rem;font-weight:600}.auth-toggle-row{margin-top:22px;text-align:center}.user-menu-wrap{position:relative}.avatar-button{width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;font-weight:800;cursor:pointer}.user-menu{position:absolute;inset-inline-end:0;top:calc(100% + 12px);min-width:240px;max-width:90vw;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;z-index:40}.user-menu__header{padding:14px 16px;border-bottom:1px solid var(--border);display:grid;gap:4px}.user-menu__header small{color:var(--muted)}.user-menu ul{list-style:none;padding:0;margin:0}.user-menu li a,.user-menu li button{display:block;width:100%;box-sizing:border-box;text-align:start;border:none;background:transparent;color:var(--text);padding:10px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.user-menu li a:hover,.user-menu li button:hover{background:#f8fafc}.user-menu__group{padding:6px 0;border-top:1px solid var(--border)}.user-menu__group-label{margin:0;padding:8px 16px 2px;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.user-menu__signout{color:#dc2626!important}@media (max-width: 1350px){.main-nav{display:none}.mobile-nav-toggle{display:inline-flex}}@media (max-width: 840px){.auth-shell,.course-detail{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.otp-row{flex-direction:column}}.lesson-shell{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.lesson-video{background:#060d18;border-radius:20px;min-height:320px;display:flex;align-items:center;justify-content:center;color:#ffffffe6;font-weight:600;margin-bottom:22px}.course-detail{display:grid;grid-template-columns:1.3fr .7fr;gap:26px}.list{margin:0;padding-inline-start:18px;color:var(--muted)}.prayer-page{max-width:880px;margin:0 auto;padding:32px 20px 64px;display:flex;flex-direction:column;gap:24px}.prayer-loading{padding:60px 0;text-align:center;color:var(--muted)}.prayer-hero{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,var(--panel) 0%,var(--panel-alt) 100%);box-shadow:var(--shadow);padding:20px}@media (min-width: 641px){.prayer-hero{padding:24px}}.prayer-hero__motif{position:absolute;top:50%;inset-inline-end:6%;width:260px;height:260px;transform:translateY(-50%) scale(.85);color:var(--brand);opacity:.1;pointer-events:none}@media (max-width: 640px){.prayer-hero__motif{display:none}}.prayer-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}.prayer-hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.prayer-hero__identity{display:flex;flex-direction:column;gap:6px;min-width:0}.prayer-hero__badge{align-self:flex-start;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);background:var(--panel-alt);border-radius:999px;padding:3px 10px}.prayer-hero__location{margin:0;font-size:1.1rem;font-weight:700;overflow-wrap:anywhere}.prayer-hero__location--pending{color:var(--muted);font-weight:500}.prayer-hero__controls{display:flex;gap:8px;flex-shrink:0}.prayer-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--brand-dark);transition:background .2s ease,border-color .2s ease,color .2s ease}.prayer-icon-btn:hover{background:var(--panel-alt);border-color:var(--brand);color:var(--brand)}.prayer-hero__active{margin:0;font-size:1.05rem;font-weight:600;color:var(--text)}.prayer-hero__active strong{color:var(--brand-dark)}.prayer-hero__countdown{display:flex;align-items:baseline;gap:12px;margin-top:6px;flex-wrap:wrap}.prayer-hero__countdown-label{font-size:.85rem;color:var(--muted);font-weight:600}.prayer-hero__countdown-value{font-size:2.2rem;font-weight:800;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:var(--text)}.prayer-error{color:#b3261e;font-size:.85rem;margin:4px 0 0}.prayer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.prayer-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;border:1px solid var(--border);background:var(--panel);transition:box-shadow .2s ease,border-color .2s ease}.prayer-card--active{border-color:var(--brand);box-shadow:var(--prayer-active-glow)}.prayer-badge{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--brand-dark);flex-shrink:0}.prayer-badge--active{color:var(--brand)}.prayer-badge__arabic{font-size:1rem;font-weight:600;color:var(--text)}.prayer-card__body{display:flex;flex-direction:column;gap:2px}.prayer-card__name{font-weight:700;color:var(--text)}.prayer-card__time{color:var(--muted);font-variant-numeric:tabular-nums}.prayer-manual-search{border:1px solid var(--border);border-radius:16px;padding:20px;background:var(--panel);display:flex;flex-direction:column;gap:10px}.prayer-city-results{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.prayer-city-results li button{width:100%;text-align:start;padding:10px 14px;border:0;background:var(--panel);cursor:pointer}.prayer-city-results li button:hover{background:var(--panel-alt)}.prayer-settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a59;z-index:40;cursor:pointer}.prayer-settings-drawer{position:fixed;top:0;inset-inline-end:0;bottom:0;width:min(380px,100vw);background:var(--panel);box-shadow:-12px 0 40px #0f172a2e;z-index:50;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.prayer-settings-drawer__header{display:flex;align-items:center;justify-content:space-between}.prayer-settings-drawer__header h2{margin:0}.prayer-field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;color:var(--text)}.prayer-field select,.prayer-field input[type=text],.prayer-field input[type=number]{padding:8px 10px;border-radius:8px;border:1px solid var(--border);font:inherit}.prayer-field--row{flex-direction:row;align-items:center;justify-content:space-between}.prayer-offsets{display:flex;flex-direction:column;gap:8px}.prayer-offset-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:500}.prayer-offset-row input{width:70px}.prayer-current-location{margin:0;font-weight:500;color:var(--muted)}@media (max-width: 640px){.prayer-hero__countdown-value{font-size:1.7rem}.prayer-grid{grid-template-columns:repeat(2,1fr)}}.back-to-top{position:fixed;right:24px;bottom:24px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:none;background:var(--brand, #1f6feb);color:#fff;box-shadow:0 8px 24px #0000002e;cursor:pointer;z-index:999;transition:transform .15s ease,background .15s ease}.back-to-top:hover{background:var(--brand-dark, #1649a1);transform:translateY(-2px)}@media (max-width: 640px){.back-to-top{right:16px;bottom:16px;width:40px;height:40px}}.topic-chips{display:flex;flex-wrap:wrap;gap:8px}.topic-chip{display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:999px;padding:.5rem .95rem;font-weight:700;font-size:.88rem;text-decoration:none;cursor:pointer;transition:border-color .15s ease,color .15s ease}.topic-chip:hover{border-color:var(--brand);color:var(--brand-dark)}.topic-chip.active{background:var(--yellow);color:#5a4300;border-color:#e8c84a;font-weight:800}.hadith-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}.hadith-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;background:linear-gradient(165deg,#ffffff 0%,var(--hadith-accent-bg, var(--panel-alt)) 150%);border:1px solid color-mix(in srgb,var(--hadith-accent, var(--brand)) 28%,var(--border));border-radius:22px;padding:20px;box-shadow:0 10px 28px #1b305e0d}.hadith-card:before{content:"";position:absolute;top:-44px;right:-44px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--hadith-accent, var(--brand)) 0%,transparent 72%);opacity:.1;pointer-events:none}.hadith-card[data-topic=health]{--hadith-accent: #0b8f62;--hadith-accent-bg: #e9f8f1}.hadith-card[data-topic=charity]{--hadith-accent: #b9842e;--hadith-accent-bg: #fdf3da}.hadith-card[data-topic=prayer]{--hadith-accent: #11828a;--hadith-accent-bg: #e3f5f6}.hadith-card[data-topic=knowledge]{--hadith-accent: #1677d2;--hadith-accent-bg: #eaf6ff}.hadith-card[data-topic=family]{--hadith-accent: #c26b6e;--hadith-accent-bg: #fbe9ea}.hadith-card[data-topic=forgiveness]{--hadith-accent: #c9a227;--hadith-accent-bg: #fff8df}.hadith-card[data-topic=patience]{--hadith-accent: #6f7d3c;--hadith-accent-bg: #f1f4e4}.hadith-card[data-topic=kindness]{--hadith-accent: #a67ab0;--hadith-accent-bg: #f6edf7}.hadith-card__topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.hadith-card__book{margin:0;font-weight:700;color:var(--text)}.hadith-card__excerpt{margin:0;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hadith-card__text-block{border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--panel-alt)}.hadith-card__text-block--original{background:var(--panel)}.hadith-card__text-block--original .hadith-card__arabic-text{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.hadith-card__text-block--arabic{background:var(--panel)}.hadith-card__arabic-text{font-family:Noto Sans Arabic,Traditional Arabic,serif;font-size:1.35rem;line-height:2.1;text-align:right}.hadith-card__text-label--muted{margin-top:10px;margin-bottom:0;font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:none}.hadith-card__text-label{display:block;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.hadith-card__text-block p{margin:0;color:var(--text)}.hadith-card__variant-tag{color:var(--muted);font-size:.82em;font-style:italic}.hadith-card__alternates ul{margin:0;padding:0;list-style:none}.hadith-card__alternates li{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0}.hadith-card__alternates li+li{border-top:1px solid var(--border)}.hadith-card__alternates li a{display:inline-flex;align-items:center;padding:10px 2px;font-weight:600;color:var(--brand-dark)}.hadith-card__alternates li a:hover{text-decoration:underline}.hadith-card__duplicate-note{margin:0;font-size:.78rem;color:var(--muted);font-style:italic}.hadith-card__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.hadith-card__source{font-size:.78rem;color:var(--muted)}.hadith-card__cta{font-weight:700;color:var(--brand-dark);white-space:nowrap}.hadith-detail__header{margin:20px 0 0;padding-bottom:16px;border-bottom:1px solid var(--border);max-width:760px}.hadith-detail__header h1{margin:0;font-size:clamp(1.3rem,2.4vw,1.7rem);letter-spacing:-.01em}.hadith-detail__header-meta{margin:6px 0 0;color:var(--muted);font-weight:600;font-size:.92rem}.hadith-detail__narrator{margin:0;color:var(--text);font-weight:600}.hadith-detail__nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:8px}.hadith-detail{display:flex;flex-direction:column;gap:16px;max-width:760px;margin:24px 0}.hadith-listen{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:16px;padding:10px 12px;background:var(--panel-alt)}.hadith-listen--unsupported{margin:0;color:var(--muted);font-size:.85rem;font-style:italic}.hadith-listen__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}.hadith-listen__segmented,.hadith-listen__speeds{display:inline-flex;align-items:center;gap:2px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:3px;flex:0 0 auto}.hadith-listen__controls{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}.hadith-listen__segment,.hadith-listen__speed{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:.78rem;border-radius:999px;padding:.4rem .7rem;cursor:pointer;transition:.15s ease;min-height:32px;white-space:nowrap}.hadith-listen__segment.is-active,.hadith-listen__speed.is-active{background:var(--brand);color:#fff}.hadith-listen__segment:not(.is-active):hover,.hadith-listen__speed:not(.is-active):hover{background:transparent;color:var(--text)}.hadith-listen__segment.is-active:hover,.hadith-listen__speed.is-active:hover{background:var(--brand-dark);color:#fff}.hadith-listen__button{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--brand-dark);cursor:pointer;transition:.15s ease;flex-shrink:0}.hadith-listen__button:not(:disabled):hover,.hadith-listen__button:not(:disabled):focus-visible{border-color:var(--brand);background:var(--mint);color:var(--brand-dark)}.hadith-listen__button:not(:disabled):active{background:var(--mint);border-color:var(--brand)}.hadith-listen__button:disabled{opacity:.4;cursor:not-allowed;background:var(--panel);color:var(--brand-dark)}.hadith-listen__button--primary,.hadith-listen__button--primary:not(:disabled):hover,.hadith-listen__button--primary:not(:disabled):focus-visible,.hadith-listen__button--primary:not(:disabled):active,.hadith-listen__button--primary.is-playing{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border-color:transparent;box-shadow:0 6px 16px #0b8f6247}.hadith-listen__button--primary:not(:disabled):hover,.hadith-listen__button--primary:not(:disabled):focus-visible{filter:brightness(1.08)}.hadith-listen__button--primary:not(:disabled):active{filter:brightness(.95)}.hadith-listen__status{min-height:1.1em;font-size:.78rem;font-weight:600;color:var(--muted)}@media (max-width: 480px){.hadith-listen__controls{margin-left:0}.hadith-listen__segmented,.hadith-listen__speeds,.hadith-listen__controls{flex:1 1 auto;justify-content:center}}.hadith-results-count{margin:0;color:var(--muted);font-size:.88rem;font-weight:600}.hadith-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:28px 0 8px}.hadith-pagination button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;padding:.45rem .8rem;font-weight:700;font-size:.85rem;cursor:pointer;min-width:2.4rem}.hadith-pagination button:hover:not(:disabled){border-color:var(--brand)}.hadith-pagination button:disabled{opacity:.4;cursor:not-allowed}.hadith-pagination button.active{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border-color:transparent}.hadith-pagination__status{color:var(--muted);font-size:.85rem;padding:0 6px}@media (max-width: 480px){.hadith-pagination button{padding:.4rem .6rem;font-size:.8rem;min-width:2.1rem}}.hadith-attribution{margin:36px 0;padding:20px 24px;border:1px dashed var(--border);border-radius:18px;background:var(--panel-alt)}.hadith-attribution h2{margin:0 0 10px;font-size:1.15rem}.hadith-attribution p{margin:0 0 8px;color:var(--text)}.hadith-attribution__detail{color:var(--muted);font-size:.9rem}.hadith-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:52px 48px;background:linear-gradient(135deg,var(--brand-deep) 0%,var(--brand-dark) 48%,var(--brand) 100%);border-color:transparent;color:#fff}.hadith-hero__motif-mask{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.hadith-hero__content{position:relative;z-index:1;flex:1;min-width:0;max-width:560px}.hadith-hero .hadith-hero__eyebrow{display:flex;align-items:center;gap:6px;margin:0 0 14px;color:#fffffff2;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.hadith-hero__eyebrow span{color:var(--yellow)}.hadith-hero h1{margin:0;color:#fff;font-size:clamp(2rem,3.6vw,3rem);line-height:1.12;letter-spacing:-.02em}.hadith-hero h1 em{color:var(--yellow);font-style:normal}.hadith-hero .hadith-hero__body{max-width:480px;margin:16px 0 0;color:#ffffffeb;font-size:1.02rem;line-height:1.65}.hadith-hero__body--short{display:none}.hadith-hero__search-wrap{position:relative;margin-top:26px}.hadith-hero__search{display:flex;gap:10px;padding:7px;border-radius:999px;background:#fffffff5;box-shadow:0 16px 40px #04241e38}.hadith-hero__search-input{flex:1;min-width:0;border:0;background:transparent;padding:.7rem .4rem .7rem 1rem;color:var(--text);font-size:.98rem;font-family:inherit}.hadith-hero__search-input:focus{outline:none}.hadith-hero__search-button{flex:0 0 auto;border:0;border-radius:999px;padding:0 1.4rem;background:var(--brand);color:#fff;font-weight:700;font-size:.95rem;white-space:nowrap;cursor:pointer;transition:background .18s ease,transform .18s ease}.hadith-hero__search-button:hover{background:var(--brand-dark)}@media (hover: hover) and (pointer: fine){.hadith-hero__search-button:hover{transform:translateY(-1px)}}.hadith-suggest-list{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:30;margin:0;padding:6px;list-style:none;background:#fff;border-radius:18px;box-shadow:0 16px 40px #04241e47;max-height:min(60vh,340px);overflow-y:auto}.hadith-suggest-option{display:flex;align-items:center;min-height:44px;padding:.55rem .9rem;border-radius:12px;color:var(--text);font-size:.95rem;cursor:pointer}.hadith-suggest-option:hover,.hadith-suggest-option.active{background:#e9f8f1}.hadith-suggest-option.active{outline:2px solid var(--brand);outline-offset:-2px}.hadith-suggest-match{background:transparent;color:var(--brand-dark);font-weight:800}@media (max-width: 640px){.hadith-suggest-option{min-height:48px;font-size:1rem}}.hadith-hero__motif{position:absolute;top:-30px;right:-30px;width:220px;height:220px;color:#fff;opacity:.06;pointer-events:none}.hadith-hero__illustration{position:relative;z-index:1;flex:0 0 auto;width:clamp(150px,19vw,230px)}.hadith-hero__illustration svg{display:block;width:100%;height:auto}.hadith-hero__star{transform-origin:center;animation:hadith-star-shimmer 5s ease-in-out infinite}@keyframes hadith-star-shimmer{0%,to{opacity:.88}50%{opacity:1}}@media (max-width: 860px){.hadith-hero__illustration{width:clamp(110px,24vw,160px)}}@media (max-width: 640px){.hadith-hero{flex-direction:column;align-items:stretch;gap:14px;padding:20px}.hadith-hero__content{max-width:none}.hadith-hero__motif-mask,.hadith-hero__illustration,.hadith-hero .hadith-hero__eyebrow{display:none}.hadith-hero h1{font-size:27px;line-height:1.2}.hadith-hero .hadith-hero__body{margin-top:10px;font-size:.95rem}.hadith-hero__body--full{display:none}.hadith-hero__body--short{display:block}.hadith-hero__search-wrap{margin-top:16px}.hadith-hero__search{border-radius:20px;padding:6px}.hadith-hero__search-input{padding:.6rem}.hadith-hero__search-button{min-height:44px;padding:0 1rem}}.hadith-try-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 0}.hadith-results{margin-top:36px}.hadith-section-heading{margin:0 0 18px}.hadith-section-heading h2{margin:0 0 6px;font-size:1.3rem;color:var(--brand-deep)}.hadith-section-heading p{margin:0;color:var(--muted)}.hadith-topic-chips{margin:0 0 24px}.hadith-try-row__label{font-size:.82rem;font-weight:700;color:var(--muted);margin-right:2px}.hadith-try-chip{border:1px dashed var(--border);background:var(--panel);color:var(--brand-dark);border-radius:999px;padding:.32rem .75rem;font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.hadith-try-chip:hover{border-color:var(--brand);background:var(--mint)}@media (hover: hover) and (pointer: fine){.hadith-try-chip:hover{transform:translateY(-1px)}}.hadith-card__topline{gap:8px}.hadith-card__topline .eyebrow{flex:1;min-width:0}.hadith-topic-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--hadith-accent-bg, var(--mint));color:var(--hadith-accent, var(--brand));transition:transform .2s ease}@media (hover: hover) and (pointer: fine){.hadith-card:hover .hadith-topic-icon,.hadith-card:focus-within .hadith-topic-icon{transform:rotate(-6deg) scale(1.06)}}.hadith-card{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,border-color .22s ease,background .22s ease}.hadith-card:focus-within{border-color:#bfe6d4}@media (hover: hover) and (pointer: fine){.hadith-card:hover{transform:translateY(-4px);background:linear-gradient(165deg,#ffffff 0%,var(--hadith-accent-bg, var(--panel-alt)) 100%);box-shadow:0 20px 46px #064c3b24,0 0 0 1px color-mix(in srgb,var(--hadith-accent, var(--brand)) 45%,transparent),0 0 26px color-mix(in srgb,var(--hadith-accent, var(--brand)) 30%,transparent);border-color:#bfe6d4}}.hadith-card__cta{display:inline-flex;align-items:center;gap:2px}.hadith-card__cta-arrow{display:inline-block;transition:transform .18s ease}@media (hover: hover) and (pointer: fine){.hadith-card__cta:hover .hadith-card__cta-arrow,.hadith-card__cta:focus-visible .hadith-card__cta-arrow{transform:translate(3px)}}.hadith-card__text-block--explanation{background:var(--yellow-soft);border-color:#f3eab0}.hadith-detail__header-topline{display:flex;align-items:center;gap:8px;margin-bottom:6px}.hadith-enc__topline{justify-content:space-between;flex-wrap:wrap}.hadith-enc__text{white-space:pre-line;overflow-wrap:anywhere}.hadith-card__text-block p.hadith-enc__note{margin-top:10px;font-size:.8rem;color:var(--muted)}.hadith-enc__more summary{cursor:pointer;font-weight:700;color:var(--brand-dark)}.hadith-enc__more[open] summary{margin-bottom:8px}.hadith-enc__more ol,.hadith-enc__more dl{margin:0;padding-inline-start:1.2rem}.hadith-enc__more dl{padding:0}.hadith-enc__more dt{font-weight:700}.hadith-enc__more dd{margin:0 0 8px}.hadith-enc__more li+li{margin-top:6px}.hadith-fade-in{animation:hadith-fade-up .38s cubic-bezier(.16,1,.3,1) backwards}.hadith-fade-in--delay-1{animation-delay:60ms}.hadith-fade-in--delay-2{animation-delay:.11s}.hadith-fade-in--delay-3{animation-delay:.16s}.hadith-fade-in--delay-4{animation-delay:.21s}.hadith-grid--animated>.hadith-card{animation:hadith-fade-up .42s cubic-bezier(.16,1,.3,1) backwards}.hadith-grid--animated>.hadith-card:nth-child(1){animation-delay:0ms}.hadith-grid--animated>.hadith-card:nth-child(2){animation-delay:40ms}.hadith-grid--animated>.hadith-card:nth-child(3){animation-delay:80ms}.hadith-grid--animated>.hadith-card:nth-child(4){animation-delay:.12s}.hadith-grid--animated>.hadith-card:nth-child(5){animation-delay:.16s}.hadith-grid--animated>.hadith-card:nth-child(6){animation-delay:.2s}.hadith-grid--animated>.hadith-card:nth-child(n+7){animation-delay:.22s}@keyframes hadith-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.hadith-hero,.hadith-hero__star,.hadith-fade-in,.hadith-grid--animated>.hadith-card,.hadith-card,.hadith-topic-icon,.hadith-card__cta-arrow,.hadith-try-chip{animation:none!important;transition:none!important}.hadith-card:hover,.hadith-try-chip:hover{transform:none!important}}.hadith-try-row .hadith-listen__segmented{width:fit-content}.hadith-attribution a,.hadith-results-count a{color:var(--brand-dark);text-decoration:underline}.stories-page{padding:24px 0 64px}.stories-sub{margin:6px 0 0;color:var(--muted)}.stories-meta{margin:12px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;color:var(--muted)}.stories-meta strong{color:var(--text, #14302a)}.stories-meta strong.stories-free{color:var(--brand-dark)}.stories-age,.stories-draft{padding:3px 12px;border-radius:999px;font-size:.85rem;font-weight:700}.stories-age{background:#fcd34d;color:#3b2f00}.stories-draft{background:#fff1d6;color:#9a5b00;border:1px solid #e8b96a}.stories-page .hero{padding:36px 48px}.stories-page .hero h1{margin-bottom:12px}.stories-page .hero p{max-width:none}.stories-note{margin:28px 0;color:var(--muted)}.story-grid{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.story-card{display:flex;flex-direction:column;height:100%;background:var(--panel);border:1px solid var(--border);border-radius:20px;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 10px 28px #1b305e0d;transition:transform .15s ease,box-shadow .15s ease}.story-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.story-card-art{display:block;aspect-ratio:16 / 9;background:var(--mint)}.story-card-art img{display:block;width:100%;height:100%;object-fit:cover}.story-card.is-locked .story-card-art img{filter:saturate(.6)}.story-card-body{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;flex:1}.story-card-number{font-size:.8rem;font-weight:600;color:var(--brand-dark);text-transform:uppercase;letter-spacing:.04em}.story-card-title{font-size:1.05rem;font-weight:600;line-height:1.3}.story-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;color:var(--muted);font-size:.9rem}.story-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.story-badge.free{background:var(--mint);color:var(--brand-dark)}.story-badge.locked{background:var(--yellow-soft);color:#7a5600}.story-page{max-width:760px;padding:20px 0 72px}.story-nav-top{margin-bottom:20px;font-size:.9rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.story-nav-next{margin-left:auto;white-space:nowrap}.story-nav-top a{font-weight:500;color:var(--muted)}.story-nav-top a:hover{color:var(--brand-dark);text-decoration:underline}.story-pager a,.story-link-button{color:var(--brand-dark);font-weight:600;text-decoration:none}.story-link-button{background:none;border:0;padding:0;cursor:pointer;font:inherit;text-decoration:underline}.story-header h1{margin:4px 0 18px;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.15;letter-spacing:-.03em}.story-eyebrow{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.story-badge{display:inline-block;padding:4px 14px;border-radius:999px;background:#fcd34d;color:#3b2f00;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:default;-webkit-user-select:none;user-select:none}.story-draft-note{font-size:.85rem;font-weight:600;color:var(--brand-dark)}.story-art{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:22px;background:var(--mint)}.story-player{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:12px;margin:18px 0 8px;padding:12px 16px;background:var(--panel);border:1px solid var(--border);border-radius:18px}.story-play{width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:var(--brand);color:#fff}.story-play:disabled{opacity:.5;cursor:default}.story-time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem;min-width:2.6em}.story-seek{width:100%;min-width:0;height:32px;accent-color:var(--brand);cursor:pointer}.story-speed{height:32px;padding:0 6px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text, inherit);font:inherit;font-size:.85rem;cursor:pointer}@media (max-width: 480px){.story-player{gap:8px;padding:12px}}.story-player-error{grid-column:1 / -1;margin:0;color:#9a3412;font-size:.9rem}.story-text{margin-top:24px;font-size:1.15rem;line-height:1.8;max-width:66ch}.story-text p{margin:0 0 1.1em}.story-parents{margin-top:32px;padding:14px 18px;background:var(--sky);border-radius:14px;font-size:.95rem}.story-parents summary{cursor:pointer;font-weight:600;min-height:32px}.story-locked{margin-top:24px;padding:28px 24px;text-align:center;background:var(--yellow-soft);border-radius:22px}.story-locked h2{margin:0 0 8px;font-size:1.3rem}.story-price{font-size:1.15rem}.story-hint{color:var(--muted);font-size:.9rem}.story-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}.story-pager a{padding:10px 4px;min-height:44px;display:inline-flex;align-items:center}@media (max-width: 520px){.story-player{grid-template-columns:auto 1fr auto;grid-template-areas:"play now total" "seek seek seek"}.story-play{grid-area:play}.story-time-now{grid-area:now}.story-time-total{grid-area:total}.story-seek{grid-area:seek}.story-text{font-size:1.1rem}}.admin-story-layout{display:grid;gap:1.25rem}@media (min-width: 1000px){.admin-story-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start}}.admin-story-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.admin-story-row{display:grid;grid-template-columns:56px 1fr auto;gap:.6rem .75rem;align-items:center;padding:.6rem;border:1px solid var(--border, #e5e7eb);border-radius:8px}.admin-story-row.is-active{border-color:var(--primary, #0f766e);background:#0f766e0d}.admin-story-row .admin-row-actions{grid-column:1 / -1;flex-wrap:wrap}.admin-story-thumb{width:56px;height:36px;border-radius:4px;background:#eef2f1;overflow:hidden}.admin-story-thumb img{width:100%;height:100%;object-fit:cover;display:block}.admin-story-info{display:grid;gap:.2rem;min-width:0}.admin-story-info span{font-size:.82rem;color:#4b5563}.admin-media-field{display:grid;gap:.5rem;justify-items:start}.admin-media-image{max-width:260px;width:100%;border-radius:6px}.admin-media-field audio{width:100%;max-width:420px}.admin-hint{color:#6b7280;font-size:.82rem;margin:0}.admin-label-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.admin-text-preview{padding:1rem;border:1px dashed #cbd5e1;border-radius:8px}.admin-editor-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem}.admin-mock-banner{padding:.75rem 1rem;border:2px solid #b45309;background:#fffbeb;color:#78350f;border-radius:8px}.admin-note{padding:.75rem 1rem;background:#f1f5f9;border-radius:8px}.admin-save-error{color:#b91c1c}.pill-free{background:#dcfce7;color:#166534}.story-card-desc{font-size:.9rem;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-summary{margin:14px 0 0;font-size:1.1rem;line-height:1.6;color:var(--muted)}.story-facts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 0;font-size:.9rem;color:var(--muted)}.story-tag-link,.story-tag{padding:6px 14px;min-height:36px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--brand-dark);font:inherit;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center}.story-tag[aria-pressed=true]{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.story-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 24px}.stories-page .section-header h2 a,.stories-page .section-header h1 a{color:inherit;text-decoration:none}.admin-seo-fieldset{display:grid;gap:.75rem;border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:.9rem 1rem 1rem;margin:0}.admin-seo-fieldset legend{font-weight:600;padding:0 .4rem}.admin-seo-fieldset label{display:grid;gap:.3rem}.story-locked .button-primary{min-height:44px;padding-inline:22px}.admin-view-bar{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:var(--sky);font-size:.95rem;line-height:1.5}:root{--brand-primary: #1f6feb;--brand-primary-dark: #1649a1;--brand-accent: #dfeaff;--panel-bg: #ffffff;--panel-soft: #f4f7fb;--text-primary: #172033;--text-secondary: #58657d;--border-soft: #dfe7f2;--success: #0f9f6e;--warning: #f59e0b;--shadow-soft: 0 14px 36px rgba(31, 58, 106, .08)}