:root{--ink:#17211f;--muted:#60706a;--line:#dfe7e3;--paper:#fff;--soft:#f2f7f4;--primary:#0f7a53;--primary-dark:#07583b;--gold:#f2c14e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--soft);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.hero{color:#fff;background:linear-gradient(90deg,#052e1ff2,#0f7a53d1),url(/images/quran-icon.jpg) 50%/cover;flex-direction:column;min-height:92vh;display:flex}.nav{justify-content:space-between;align-items:center;width:min(1120px,100% - 32px);margin:0 auto;padding:18px 0;display:flex}.brand{align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand img{border-radius:14px}.navLink,.secondaryButton,.primaryButton{border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-weight:700;display:inline-flex}.navLink,.secondaryButton{color:#fff;border:1px solid #ffffff75}.primaryButton{background:var(--gold);color:#1d1a10}.heroGrid{grid-template-columns:minmax(0,1.05fr) minmax(280px,.72fr);align-items:center;gap:48px;width:min(1120px,100% - 32px);margin:auto;padding:44px 0 72px;display:grid}.heroCopy h1{letter-spacing:0;margin:0;font-size:clamp(3rem,8vw,6.6rem);line-height:.95}.lead{color:#ffffffdb;max-width:680px;margin:24px 0 0;font-size:1.18rem}.eyebrow{color:var(--primary);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700}.hero .eyebrow{color:var(--gold)}.heroActions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.heroMedia{place-items:center;display:grid}.heroMedia img{border-radius:34px;width:min(360px,80vw);height:auto;box-shadow:0 28px 80px #00000042}.statStrip{background:#ffffff1f;border:1px solid #ffffff3d;grid-template-columns:repeat(3,1fr);width:min(1120px,100% - 32px);margin:0 auto 32px;display:grid}.statStrip div{border-right:1px solid #ffffff2e;padding:18px}.statStrip div:last-child{border-right:0}.statStrip strong,.statStrip span{display:block}.statStrip strong{font-size:1.3rem}.statStrip span{color:#ffffffbd;font-size:.9rem}.sectionIntro{text-align:center;width:min(780px,100% - 32px);margin:72px auto 28px}.sectionIntro.compact{margin-top:0}.sectionIntro h2,.emotional h2,.loginBox h2{margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.08}.sectionIntro p,.emotional p,.feature p,blockquote p,.loginBox p,.adminCards p{color:var(--muted)}.features{grid-template-columns:repeat(6,1fr);gap:16px;width:min(1120px,100% - 32px);margin:0 auto 72px;display:grid}.feature{background:var(--paper);border:1px solid var(--line);border-radius:8px;grid-column:span 2;min-height:100%;overflow:hidden}.feature:nth-child(4),.feature:nth-child(5){grid-column:span 3}.feature img{object-fit:cover;width:100%;height:260px;display:block}.feature div{padding:22px}.feature h3{margin:0;font-size:1.25rem}.emotional{background:#e7f4ec;border:1px solid #c5dece;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:24px;width:min(1120px,100% - 32px);margin:0 auto 72px;padding:36px;display:grid}.emotional p{max-width:680px}.testimonials{width:min(1120px,100% - 32px);margin:0 auto 72px}.testimonialGrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}blockquote{background:var(--paper);border:1px solid var(--line);border-radius:8px;margin:0;padding:26px}cite{color:var(--primary-dark);font-style:normal;font-weight:700}.footer{color:#fff;background:#12362a;justify-content:space-between;gap:16px;padding:26px 16px;display:flex}.footer p{margin:0}.footer div{flex-wrap:wrap;gap:14px;display:flex}.footer a{text-underline-offset:4px;text-decoration:underline}.adminShell{background:linear-gradient(90deg,#082f23f5,#0a5239e0),url(/images/lecture-icon.jpg) 50%/cover;place-items:center;min-height:100vh;padding:32px 16px;display:grid}.adminPanel{color:#fff;grid-template-columns:.85fr 1.15fr;gap:18px;width:min(1100px,100%);display:grid}.adminPanel.loginOnly{width:min(860px,100%)}.adminBrand,.loginBox,.adminCards article{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:8px}.adminBrand{align-items:center;gap:14px;padding:24px;display:flex}.adminBrand img{border-radius:14px}.adminBrand p,.adminBrand h1{margin:0}.adminBrand h1{font-size:1.4rem}.loginBox{grid-row:span 2;padding:32px}.loginBox .eyebrow,.loginBox p{color:#ffffffc2}.adminForm{gap:14px;margin-top:28px;display:grid}.adminForm label{color:#ffffffd1;gap:8px;font-size:.9rem;font-weight:600;display:grid}.adminForm input{color:#fff;min-height:48px;font:inherit;background:#0000002e;border:1px solid #ffffff42;border-radius:8px;padding:0 14px}.adminForm button{color:#1d1a10;background:var(--gold);min-height:50px;font:inherit;border:0;border-radius:8px;font-weight:700}.adminForm button:disabled,.reciterForm button:disabled,.versionForm button:disabled{cursor:wait;opacity:.7}.adminCards{gap:12px;display:grid}.adminCards article{padding:18px}.adminCards span,.adminCards strong{display:block}.adminCards span{color:#ffffffb3;font-size:.84rem}.adminCards strong{margin-top:4px;font-size:1.5rem}.adminCards p{color:#ffffffc2;margin-bottom:0}.adminDashboard{background:#f5f8f6;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.adminSidebar{color:#fff;background:#12362a;flex-direction:column;gap:18px;height:100vh;padding:18px;display:flex;position:sticky;top:0}.adminBrand.solid{background:#ffffff14}.adminSidebar nav{gap:8px;display:grid}.adminSidebar nav a{color:#ffffffc7;border-radius:8px;padding:12px 14px}.adminSidebar nav a:hover{color:#fff;background:#ffffff1a}.ghostButton{color:#fff;min-height:44px;font:inherit;background:0 0;border:1px solid #ffffff47;border-radius:8px;font-weight:700}.ghostButton.light{color:var(--primary-dark);border-color:#bfd4c9}.adminSidebar .ghostButton{margin-top:auto}.adminContent{min-width:0;padding:28px}.adminTopbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.adminTopbar h2,.sectionHeader h3{margin:0}.adminTopbar h2{font-size:clamp(2rem,4vw,3rem)}.adminTopbar span,.adminAccount span{color:var(--muted)}.adminAccount{text-align:right;border:1px solid var(--line);background:#fff;border-radius:8px;gap:3px;min-width:220px;padding:14px;display:grid}.adminError,.adminSuccess{border-radius:8px;margin:18px 0 0;padding:12px 14px;font-weight:600}.adminError{color:#8b1e1e;background:#fde8e8;border:1px solid #f7caca}.adminSuccess{color:#14633f;background:#e2f5eb;border:1px solid #b9e5ca}.surface{margin:0 0 16px}.metricGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.metricGrid article,.adminSection{border:1px solid var(--line);background:#fff;border-radius:8px}.metricGrid article{padding:18px}.metricGrid span,.sectionHeader span{color:var(--muted)}.metricGrid strong{margin-top:8px;font-size:2.2rem;display:block}.adminSection{margin-bottom:18px;padding:18px}.sectionHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.sectionHeader button,.reciterForm button,.compactForm button,.versionForm button,.bulkGrid button,.rowActions button{color:#fff;background:var(--primary);min-height:40px;font:inherit;border:0;border-radius:8px;padding:0 14px;font-weight:700}.reciterForm{border:1px solid var(--line);background:#f7faf8;border-radius:8px;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px;padding:14px;display:grid}.reciterForm label{color:#34443f;grid-column:span 2;gap:7px;font-size:.86rem;font-weight:700;display:grid}.reciterForm label:nth-child(4),.reciterForm label:nth-child(5){grid-column:span 3}.reciterForm input,.reciterForm select,.versionForm input,.versionForm textarea,.compactForm input,.bulkGrid input,.bulkGrid select,.bulkGrid textarea,.toolbarSelect{min-width:0;min-height:44px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cddbd4;border-radius:8px;padding:0 12px}.reciterForm select,.bulkGrid select,.toolbarSelect{appearance:auto}.reciterForm .wideField{grid-column:span 3}.versionGrid{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:14px;display:grid}.versionPreview{background:#f7faf8;border:1px solid #cddbd4;border-radius:8px;align-content:start;gap:10px;min-height:100%;padding:18px;display:grid}.versionPreview>span{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:700}.versionPreview strong{color:var(--primary-dark);font-size:clamp(2.2rem,4vw,3.4rem);line-height:1}.versionPreview .status{font-style:normal}.versionPreview p{color:var(--muted);margin:6px 0 0}.versionForm{border:1px solid var(--line);background:#f7faf8;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px;display:grid}.versionForm label{color:#34443f;grid-column:span 2;gap:7px;font-size:.86rem;font-weight:700;display:grid}.versionForm .textareaField,.versionForm .formActions{grid-column:span 4}.versionToggle{align-items:center;gap:10px;display:flex!important}.versionToggle input{width:18px;min-height:auto}.versionForm textarea{resize:vertical;min-height:118px;padding:12px}.compactForm{border:1px solid var(--line);background:#f7faf8;border-radius:8px;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:12px;margin-bottom:18px;padding:14px;display:grid}.compactForm label,.bulkGrid label{color:#34443f;gap:7px;font-size:.86rem;font-weight:700;display:grid}.checkboxLabel{align-content:end}.checkboxLabel input{min-height:auto}.formActions{flex-wrap:wrap;grid-column:span 6;gap:10px;display:flex}.pillList{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.pillList article{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.bulkGrid{border:1px solid var(--line);background:#f7faf8;border-radius:8px;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px;padding:14px;display:grid}.bulkGrid label{grid-column:span 2}.bulkGrid .wideField{grid-column:span 3}.bulkGrid .textareaField{grid-column:span 6}.bulkGrid textarea{resize:vertical;min-height:150px;padding:12px}.sectionHeader.slim{margin-top:20px}.tableWrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:13px 12px}th{color:#40524b;text-transform:uppercase;font-size:.82rem}td span{color:var(--muted);font-size:.88rem;display:block}.urlCell{max-width:320px;color:var(--muted);word-break:break-all}.status{border-radius:999px;width:fit-content;padding:4px 9px;font-size:.8rem;font-weight:700}.status.active{color:#0f6a47;background:#dff4e8}.status.inactive{color:#715a17;background:#fff2c5}.rowActions{flex-wrap:wrap;gap:8px;display:flex}.rowActions .dangerButton{background:#b83a3a}.dangerButton{background:#b83a3a!important}.tableInput{width:100%;min-width:160px;min-height:38px;font:inherit;border:1px solid #cddbd4;border-radius:8px;padding:0 10px}.tableInput.small{min-width:90px}.tableInput.url{min-width:320px}@media (max-width:860px){.heroGrid,.emotional,.adminPanel,.adminDashboard{grid-template-columns:1fr}.adminSidebar{height:auto;position:static}.adminSidebar .ghostButton{margin-top:0}.adminTopbar,.sectionHeader{flex-direction:column;align-items:stretch}.adminAccount{text-align:left}.metricGrid,.reciterForm,.compactForm,.versionGrid,.versionForm,.bulkGrid{grid-template-columns:1fr}.reciterForm label,.reciterForm label:nth-child(4),.reciterForm label:nth-child(5),.reciterForm .wideField,.compactForm label,.versionForm label,.versionForm .textareaField,.versionForm .formActions,.bulkGrid label,.bulkGrid .wideField,.bulkGrid .textareaField,.formActions{grid-column:auto}.hero{min-height:auto}.heroGrid{padding-top:28px}.statStrip,.testimonialGrid{grid-template-columns:1fr}.statStrip div{border-bottom:1px solid #ffffff2e;border-right:0}.statStrip div:last-child{border-bottom:0}.feature,.feature:nth-child(4),.feature:nth-child(5){grid-column:span 6}.footer{flex-direction:column}}@media (max-width:520px){.nav{align-items:flex-start}.navLink{padding:0 14px}.heroActions{display:grid}.heroMedia{display:none}.emotional,.loginBox{padding:24px}}