:root{--ink:#1e2b26;--ink-soft:#3d5248;--muted:#6b7d74;--line:#e5e0d0;--line-strong:#d5cdb6;--bg:#fdfbf3;--bg-soft:#f7f3e6;--bg-tint:#f1ecdb;--accent:#0e6b4f;--accent-strong:#0a523d;--gold:#c9a227;--gold-strong:#a8851b;--gold-soft:rgba(201,162,39,.14);--accent-grad:linear-gradient(135deg,#0a523d,#0e6b4f 60%,#1c8a63);--accent-soft:rgba(14,107,79,.08);--accent-border:rgba(14,107,79,.22);--ink-deep:#08251c;--dark-grad:linear-gradient(160deg,#0b3d2e,#08251c 70%);--radius-sm:10px;--radius:16px;--radius-lg:24px;--arch-radius:999px 999px 16px 16px;--wrap:1140px;--shadow-sm:0 1px 2px rgba(30,43,38,.05),0 2px 8px rgba(11,61,46,.06);--shadow:0 10px 30px rgba(11,61,46,.1);--shadow-lg:0 24px 60px -12px rgba(11,61,46,.22);--shadow-gold:0 14px 30px -8px rgba(201,162,39,.35);--ring:0 0 0 4px rgba(14,107,79,.16);--font:"Cairo",-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;--font-quran:"Amiri","Traditional Arabic","Scheherazade New",serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%230b3d2e' stroke-opacity='.06'%3E%3Crect x='26' y='26' width='44' height='44'/%3E%3Crect x='26' y='26' width='44' height='44' transform='rotate(45 48 48)'/%3E%3Ccircle cx='48' cy='48' r='9'/%3E%3Cpath d='M48 0v26M48 70v26M0 48h26M70 48h26'/%3E%3C/g%3E%3C/svg%3E")}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--wrap);margin-inline:auto;padding-inline:1.25rem}h1,h2,h3,h4{font-weight:800;line-height:1.3;color:var(--ink)}h1{font-size:clamp(2rem,5vw,3.1rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}.muted{color:var(--muted)}.lead{font-size:1.12rem;color:var(--ink-soft);max-width:46rem}.eyebrow{display:inline-block;color:var(--gold-strong);font-weight:700;font-size:.85rem;letter-spacing:.04em;border:1px solid var(--gold);border-radius:999px;padding:.2rem 1rem;background:var(--gold-soft);margin-bottom:1rem}.bismillah{font-family:var(--font-quran);font-size:1.05rem}.section-title{text-align:center}.section-title:after{content:"❖";display:block;color:var(--gold);font-size:1rem;margin-top:.4rem}.section-lead{text-align:center;color:var(--muted);max-width:42rem;margin:.6rem auto 0}.btn{display:inline-block;border-radius:999px;padding:.65rem 1.5rem;font-weight:700;font-family:var(--font);font-size:.98rem;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-sm{padding:.45rem 1.1rem;font-size:.9rem}.btn-primary{background:var(--accent-grad);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow)}.btn-gold{background:linear-gradient(135deg,var(--gold) 0,var(--gold-strong) 100%);color:#fff;box-shadow:var(--shadow-gold)}.btn-ghost{border-color:var(--accent-border);color:var(--accent-strong);background:#fff}.btn-ghost-light{border-color:hsla(0,0%,100%,.4);color:#fff;background:transparent}.btn-lang{border-color:var(--line-strong);background:#fff;color:var(--ink-soft)}.btn-lang:hover{border-color:var(--gold);color:var(--gold-strong)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(48,71%,97%,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav-inner{gap:1.5rem;height:66px}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:.55rem;font-weight:800;font-size:1.15rem;color:var(--ink)}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--accent-grad);color:var(--gold);font-size:1.15rem;border-radius:50% 50% 6px 6px;box-shadow:var(--shadow-sm)}.brand-name{letter-spacing:.01em}.nav-links{display:flex;gap:1.4rem;-webkit-margin-start:auto;margin-inline-start:auto}.nav-links a{color:var(--ink-soft);font-weight:600;font-size:.98rem}.nav-links a.active,.nav-links a:hover{color:var(--accent-strong);text-decoration:none}.nav-links a.active{border-bottom:2px solid var(--gold)}.nav-cta{display:flex;align-items:center;gap:.6rem}.hero{position:relative;padding:5rem 0 7rem;text-align:center;background:radial-gradient(60% 80% at 50% 0,var(--accent-soft) 0,transparent 70%),transparent;overflow:hidden}.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.1rem}.hero h1 .accent{color:var(--accent);font-family:var(--font-quran);display:inline-block;padding-inline:.2em}.hero .lead{margin-inline:auto}.hero-actions{gap:.8rem;margin-top:.4rem}.hero-actions,.hero-trust{display:flex;flex-wrap:wrap;justify-content:center}.hero-trust{list-style:none;gap:1.4rem;color:var(--muted);font-size:.92rem;font-weight:600}.hero-domes{position:absolute;inset-inline:0;bottom:-1px;color:var(--ink-deep);opacity:.1}.hero-domes svg{width:100%;height:90px;display:block}.verse-band{background:var(--dark-grad);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23c9a227' stroke-opacity='.10'%3E%3Crect x='26' y='26' width='44' height='44'/%3E%3Crect x='26' y='26' width='44' height='44' transform='rotate(45 48 48)'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(160deg,#0b3d2e,#08251c 70%);padding:3.5rem 0;text-align:center}.verse-frame{max-width:52rem;margin-inline:auto}.verse-text{font-family:var(--font-quran);font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:2.1;color:#f6efdb}.verse-frame figcaption{margin-top:1rem}.verse-frame figcaption a{color:var(--gold);font-weight:700;font-size:.95rem}.verse-frame figcaption a:before{content:"— "}.about,.articles,.explore,.features,.surah-index{padding:4.5rem 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.4rem;gap:1.4rem;margin-top:2.2rem}.arch-card{background:#fff;border:1px solid var(--line);border-radius:var(--arch-radius);padding:3rem 1.6rem 1.8rem;text-align:center;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column;gap:.7rem;align-items:center}.arch-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--gold);text-decoration:none}.feature-icon{display:grid;place-items:center;width:64px;height:72px;font-size:1.7rem;color:var(--accent-strong);background:var(--bg-soft);border:1px solid var(--gold);border-radius:999px 999px 10px 10px}.feature h3{font-size:1.15rem}.feature-link{color:var(--gold-strong);font-weight:700;font-size:.95rem;margin-top:auto}.explore-card{color:inherit}.explore-card:hover .feature-link{text-decoration:underline}.speaker{padding:4.5rem 0;background:var(--bg-soft);border-block:1px solid var(--line)}.speaker-inner{display:grid;grid-template-columns:320px 1fr;grid-gap:3rem;gap:3rem;align-items:center}.arch-portrait{border-radius:0 0 var(--radius) var(--radius);background:var(--accent-grad);padding:8px;background:linear-gradient(160deg,var(--gold) 0,var(--gold-strong) 100%)}.arch-portrait,.arch-portrait img{-webkit-clip-path:url(#mihrab-arch);clip-path:url(#mihrab-arch)}.arch-portrait img{width:100%;aspect-ratio:3/3.4;object-fit:cover}.speaker-copy h2{margin-bottom:.6rem}.speaker-verse{font-family:var(--font-quran);font-size:1.3rem;color:var(--accent-strong);margin-top:1.2rem}.verse-ref{color:var(--gold-strong);font-weight:700;font-size:.9rem;margin-bottom:1.2rem}.cta-band{background:var(--dark-grad);color:#f6efdb;text-align:center;padding:4rem 0}.cta-band h2{color:#fff}.cta-band p{color:#cfe0d4;margin:.6rem 0 1.4rem}.page-head{padding:4rem 0 2.5rem;text-align:center}.page-head .lead{margin-inline:auto;margin-top:.8rem}.crumb{display:inline-block;margin-bottom:1rem;font-weight:700;color:var(--gold-strong)}.surah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:.9rem;gap:.9rem;margin-top:2rem}.surah-card{display:flex;align-items:center;gap:.9rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.75rem 1rem;color:inherit;box-shadow:var(--shadow-sm);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.surah-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}.surah-num{flex:none;display:grid;place-items:center;width:42px;height:42px;font-weight:800;color:var(--accent-strong);background:var(--gold-soft);border:1px solid var(--gold);-webkit-clip-path:polygon(50% 0,63% 13%,81% 9%,87% 27%,100% 37%,94% 55%,100% 73%,82% 78%,73% 94%,55% 88%,37% 100%,27% 87%,9% 81%,13% 63%,0 50%,12% 37%,6% 19%,24% 13%);clip-path:polygon(50% 0,63% 13%,81% 9%,87% 27%,100% 37%,94% 55%,100% 73%,82% 78%,73% 94%,55% 88%,37% 100%,27% 87%,9% 81%,13% 63%,0 50%,12% 37%,6% 19%,24% 13%);border-radius:0;font-size:.85rem}.surah-names{display:flex;flex-direction:column;line-height:1.35;min-width:0}.surah-names strong{font-family:var(--font-quran);font-size:1.08rem;color:var(--ink)}.surah-names small{color:var(--muted)}.surah-ayat{-webkit-margin-start:auto;margin-inline-start:auto;flex:none;color:var(--gold-strong);font-size:.82rem;font-weight:700}.article-body{padding-bottom:4.5rem}.article-wrap{max-width:46rem}.article-wrap section{margin-top:2.4rem}.article-wrap h2{font-size:1.35rem;color:var(--accent-strong);margin-bottom:.7rem}.article-wrap h2:before{content:"❖ ";color:var(--gold);font-size:.9rem}.article-wrap p{margin-bottom:.9rem;color:var(--ink-soft);font-size:1.05rem}.inline-verse{background:var(--bg-soft);border:1px solid var(--line-strong);-webkit-border-start:4px solid var(--gold);border-inline-start:4px solid var(--gold);border-radius:var(--radius-sm);padding:1.3rem 1.5rem;margin:1.4rem 0;text-align:center}.inline-verse .verse-text{color:var(--accent-strong);font-size:clamp(1.15rem,2.4vw,1.5rem)}.inline-verse figcaption{margin-top:.5rem}.inline-verse figcaption a{color:var(--gold-strong);font-weight:700;font-size:.9rem}.article-next{margin-top:3.5rem;padding-top:1.6rem;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.faq{padding-bottom:4.5rem}.faq-wrap{max-width:46rem;display:flex;flex-direction:column;gap:.8rem}.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden}.faq-item[open]{border-color:var(--gold)}.faq-item summary{cursor:pointer;padding:1rem 1.3rem;font-weight:700;list-style:none;position:relative;-webkit-padding-end:2.6rem;padding-inline-end:2.6rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"❖";color:var(--gold);position:absolute;inset-inline-end:1.2rem;top:50%;translate:0 -50%;transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 1.3rem 1.2rem;color:var(--ink-soft)}.about-copy section{margin-bottom:1.6rem}.about-copy h2{font-size:1.25rem;color:var(--accent-strong);margin-bottom:.4rem}.about-copy h2:before{content:"❖ ";color:var(--gold);font-size:.85rem}.contact-card{margin-top:2rem;background:#fff;border:1px solid var(--gold);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow-sm)}.contact-card h3{margin-bottom:.3rem}.contact-card .btn{margin-top:.9rem}.footer{background:var(--dark-grad);color:#cfe0d4;padding:3.5rem 0 0;margin-top:0}.footer a{color:#e9dfc0}.footer-inner{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-gap:2.5rem;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid hsla(0,0%,100%,.12)}.footer-brand .brand-name{color:#fff;font-size:1.15rem;font-weight:800;-webkit-margin-start:.5rem;margin-inline-start:.5rem}.footer-brand .muted{color:#9fb8aa;margin-top:.8rem;max-width:300px}.footer-links{display:flex;flex-direction:column;gap:.55rem}.footer-cta h4{color:#fff;margin-bottom:.8rem}.footer-base{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-block:1.2rem;font-size:.88rem}.footer-base,.footer-base .muted{color:#9fb8aa}@media (max-width:900px){.nav-links{display:none}.speaker-inner{grid-template-columns:1fr;text-align:center}.speaker-photo{max-width:280px;margin-inline:auto}.speaker-inner .speaker-copy{text-align:center}.footer-inner{grid-template-columns:1fr;gap:1.8rem}}@media (max-width:900px) and (min-width:561px){.nav-inner{justify-content:space-between}}.login{padding-bottom:4.5rem}.login-card{max-width:380px;margin-inline:auto;border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem 1.8rem;box-shadow:var(--shadow-sm);flex-direction:column;gap:.8rem;align-items:stretch;text-align:center}.btn-social,.login-card{background:#fff;display:flex}.btn-social{align-items:center;justify-content:center;gap:.6rem;border:1px solid var(--line-strong);color:var(--ink-soft)}.btn-social:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-fb{background:#1877f2;border-color:#1877f2;color:#fff}.gsi-holder{display:flex;justify-content:center;min-height:44px}.or{color:var(--muted);font-size:.85rem;display:flex;align-items:center;gap:.8rem}.or:after,.or:before{content:"";flex:1 1;border-top:1px solid var(--line)}.guest-form{display:flex;flex-direction:column;gap:.6rem}.login-note{font-size:.82rem}.btn-block{width:100%}.form-error{color:#a33;font-size:.9rem}.community{padding-bottom:4.5rem}.community-wrap{max-width:46rem}.community input,.community textarea,.guest-form input{width:100%;font:inherit;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.65rem .9rem;background:var(--bg)}.community input:focus,.community textarea:focus,.guest-form input:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.ask-card{background:#fff;border:1px solid var(--gold);border-radius:var(--radius);padding:1.4rem 1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.7rem}.ask-login{align-items:center;text-align:center}.ask-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ask-id{font-size:.85rem}.linklike{background:none;border:none;color:var(--gold-strong);font:inherit;font-size:inherit;cursor:pointer;padding:0;text-decoration:underline}.sort-tabs{display:flex;gap:.5rem;margin:1.6rem 0 1rem}.sort-tabs button{font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;border:1px solid var(--line-strong);background:#fff;color:var(--ink-soft);border-radius:999px;padding:.35rem 1.1rem}.sort-tabs button.active{background:var(--accent-grad);border-color:transparent;color:#fff}.q-list{list-style:none;display:flex;flex-direction:column;gap:.8rem}.q-card{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem 1.2rem;box-shadow:var(--shadow-sm)}.q-answered{-webkit-border-start:4px solid var(--accent);border-inline-start:4px solid var(--accent)}.q-main{flex:1 1;min-width:0}.q-main h3{font-size:1.05rem}.q-main>.muted{margin-top:.25rem;font-size:.95rem}.q-meta{display:flex;gap:.9rem;align-items:center;margin-top:.45rem;color:var(--muted);font-size:.82rem}.q-badge{color:var(--accent-strong);font-weight:700}.q-answer{margin-top:.7rem;background:var(--bg-soft);border:1px solid var(--line);-webkit-border-start:3px solid var(--gold);border-inline-start:3px solid var(--gold);border-radius:var(--radius-sm);padding:.7rem .9rem;font-size:.95rem;color:var(--ink-soft)}.q-answer-ref{color:var(--gold-strong);font-weight:700;font-size:.85rem;margin-top:.3rem}.vote-btn{display:flex;flex-direction:column;align-items:center;gap:.1rem;font:inherit;font-size:.8rem;cursor:pointer;border:1px solid var(--line-strong);background:var(--bg);color:var(--ink-soft);border-radius:var(--radius-sm);padding:.45rem .7rem;min-width:52px}.vote-btn strong{font-size:1rem}.vote-btn:hover{border-color:var(--gold)}.vote-btn.voted{background:var(--accent-grad);border-color:transparent;color:#fff}