@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

:root{
  --pub-bg:#f8fafc;
  --pub-bg-soft:#f1f5f9;
  --pub-surface:#ffffff;
  --pub-surface-2:#f9fafb;
  --pub-text:#111827;
  --pub-muted:#64748b;
  --pub-line:#e5e7eb;
  --pub-primary:#166534;
  --pub-primary-2:#15803d;
  --pub-gold:#b78a2b;
  --pub-gold-2:#d6a843;
  --pub-ink:#0f172a;
  --pub-shadow:0 18px 52px rgba(15,23,42,.08);
  --pub-shadow-strong:0 28px 90px rgba(15,23,42,.16);
}

html[data-public-theme="dark"]{
  --pub-bg:#0f172a;
  --pub-bg-soft:#111827;
  --pub-surface:#172033;
  --pub-surface-2:#111827;
  --pub-text:#f8fafc;
  --pub-muted:#9ca3af;
  --pub-line:#263244;
  --pub-primary:#22c55e;
  --pub-primary-2:#16a34a;
  --pub-gold:#e8c766;
  --pub-gold-2:#f2d887;
  --pub-ink:#f8fafc;
  --pub-shadow:0 18px 60px rgba(0,0,0,.22);
  --pub-shadow-strong:0 32px 100px rgba(0,0,0,.42);
}

*{box-sizing:border-box}
body.public-body{
  margin:0;
  font-family:'Cairo',Tahoma,Arial,sans-serif;
  color:var(--pub-text);
  background:
    radial-gradient(circle at 88% 12%, rgba(22,101,52,.06), transparent 28%),
    radial-gradient(circle at 8% 72%, rgba(183,138,43,.065), transparent 30%),
    var(--pub-bg);
  line-height:1.85;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}.public-container{width:min(1180px,calc(100% - 34px));margin:auto}

.site-pattern{display:none!important}
.public-header{position:sticky;top:0;z-index:100;background:rgba(248,250,252,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,231,235,.78);transition:.25s ease}
html[data-public-theme="dark"] .public-header{background:rgba(15,23,42,.82);border-bottom-color:rgba(38,50,68,.85)}
.public-header.is-scrolled{box-shadow:0 10px 34px rgba(15,23,42,.08)}
.public-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.public-brand{display:inline-flex;align-items:center;gap:12px;font-weight:900;color:var(--pub-text)}
.public-brand img{width:44px;height:44px;object-fit:contain;border:1px solid var(--pub-line);border-radius:16px;padding:4px;background:#fff}
.public-brand span{font-size:18px;letter-spacing:-.2px}.public-menu{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--pub-line);background:var(--pub-surface);border-radius:18px;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.public-menu a{font-size:14px;font-weight:900;color:var(--pub-muted);padding:9px 13px;border-radius:13px;transition:.16s ease}.public-menu a:hover{background:rgba(22,101,52,.08);color:var(--pub-primary)}
.public-actions{display:flex;align-items:center;gap:10px}.public-btn,.v2-btn{border:0;border-radius:14px;padding:11px 16px;font:inherit;font-weight:900;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s ease;white-space:nowrap}.public-btn-primary,.v2-btn-primary{background:var(--pub-primary);color:#fff;box-shadow:0 14px 28px rgba(22,101,52,.18)}.public-btn-primary:hover,.v2-btn-primary:hover{background:var(--pub-primary-2);transform:translateY(-1px)}.public-btn-light,.v2-btn-soft{background:rgba(22,101,52,.08);color:var(--pub-primary);border:1px solid rgba(22,101,52,.14)}.public-btn-light:hover,.v2-btn-soft:hover{transform:translateY(-1px);background:rgba(22,101,52,.12)}.public-btn-ghost{background:transparent;color:var(--pub-muted);border:1px solid var(--pub-line)}.public-user-pill{border:1px solid var(--pub-line);background:var(--pub-surface);border-radius:999px;padding:9px 13px;font-weight:900;color:var(--pub-primary);font-size:13px}.public-theme-toggle{width:43px;height:43px;border-radius:14px;border:1px solid var(--pub-line);background:var(--pub-surface);display:grid;place-items:center;cursor:pointer;position:relative}.theme-sun,.theme-moon{position:absolute;width:17px;height:17px;border-radius:50%;transition:.2s ease}.theme-sun{background:var(--pub-gold);box-shadow:0 0 0 4px rgba(183,138,43,.15)}.theme-moon{background:var(--pub-surface);transform:translateX(20px);opacity:0;box-shadow:-6px 0 0 var(--pub-ink)}html[data-public-theme="dark"] .theme-sun{opacity:0;transform:translateX(-20px)}html[data-public-theme="dark"] .theme-moon{opacity:1;transform:translateX(0)}
.public-flash-wrap{margin-top:16px}.public-flash{padding:13px 16px;border-radius:16px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;font-weight:800}.public-flash.success{background:#ecfdf5;color:#166534;border-color:#bbf7d0}

.v2-hero{position:relative;min-height:calc(100vh - 78px);padding:78px 0;overflow:hidden;background:
  linear-gradient(135deg, rgba(248,250,252,.96), rgba(241,245,249,.84)),
  radial-gradient(circle at 12% 20%, rgba(22,101,52,.11), transparent 28%),
  radial-gradient(circle at 78% 75%, rgba(183,138,43,.13), transparent 30%);
}
html[data-public-theme="dark"] .v2-hero{background:
  radial-gradient(circle at 12% 20%, rgba(34,197,94,.11), transparent 28%),
  radial-gradient(circle at 78% 75%, rgba(232,199,102,.12), transparent 30%),
  linear-gradient(135deg,#0f172a,#111827 72%,#151308)}
.v2-hero:before{content:"";position:absolute;inset:0;opacity:.35;background:linear-gradient(90deg,transparent 0 48%,rgba(22,101,52,.055) 48% 48.4%,transparent 48.4% 100%)}
.v2-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.03fr .97fr;gap:42px;align-items:center;min-height:620px}.v2-eyebrow{display:inline-flex;color:var(--pub-primary);font-size:13px;font-weight:900;border:1px solid rgba(22,101,52,.16);background:rgba(22,101,52,.07);padding:8px 13px;border-radius:999px}.v2-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.22;margin:18px 0 18px;color:var(--pub-ink);font-weight:900;letter-spacing:-1.1px}.v2-hero p{font-size:18px;color:var(--pub-muted);max-width:720px;margin:0}.v2-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.v2-hadith-line{margin-top:28px;background:var(--pub-surface);border:1px solid var(--pub-line);border-right:4px solid var(--pub-gold);border-radius:22px;padding:18px 20px;box-shadow:var(--pub-shadow);max-width:620px}.v2-hadith-line span{display:block;color:var(--pub-gold);font-weight:900;font-size:13px}.v2-hadith-line strong{font-size:18px;color:var(--pub-text)}
.v2-hero-panel{position:relative;background:var(--pub-surface);border:1px solid var(--pub-line);border-radius:32px;padding:24px;box-shadow:var(--pub-shadow-strong);overflow:hidden}.v2-hero-panel:before{content:"";position:absolute;left:-120px;top:-120px;width:280px;height:280px;background:radial-gradient(circle,rgba(183,138,43,.18),transparent 64%)}.hero-panel-top{position:relative;display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--pub-line)}.hero-panel-top img{width:54px;height:54px;object-fit:contain;border:1px solid var(--pub-line);border-radius:18px;padding:5px;background:#fff}.hero-panel-top span{display:block;color:var(--pub-muted);font-weight:800;font-size:13px}.hero-panel-top b{font-size:18px}.hero-reading-card{position:relative;margin:22px 0;border:1px solid var(--pub-line);background:linear-gradient(135deg,rgba(22,101,52,.08),transparent),var(--pub-surface-2);border-radius:28px;padding:30px;min-height:260px;overflow:hidden}.hero-reading-card:after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(to top,rgba(22,101,52,.14),transparent)}.hero-reading-card h3{font-size:34px;margin:0 0 8px;color:var(--pub-primary)}.hero-reading-card p{color:var(--pub-muted);max-width:400px}.book-mark{width:150px;height:120px;border:2px solid rgba(183,138,43,.42);border-radius:12px 28px 28px 12px;position:absolute;left:34px;bottom:32px;transform:rotate(-8deg);opacity:.82}.book-mark:before{content:"";position:absolute;inset:14px;border-top:2px solid rgba(183,138,43,.28);border-bottom:2px solid rgba(183,138,43,.28)}.book-mark:after{content:"";position:absolute;right:30px;top:-12px;width:22px;height:80px;background:var(--pub-gold);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hero-metrics div{border:1px solid var(--pub-line);border-radius:20px;padding:16px;background:var(--pub-surface-2)}.hero-metrics strong{display:block;color:var(--pub-text);font-size:18px}.hero-metrics span{display:block;color:var(--pub-muted);font-size:13px;font-weight:700;margin-top:2px}
.v2-minaret-art{position:absolute;inset:0;pointer-events:none;overflow:hidden}.minaret-tower{position:absolute;bottom:0;background:linear-gradient(180deg,rgba(15,23,42,.08),rgba(15,23,42,.018));border:1px solid rgba(15,23,42,.08);border-bottom:0}.tower-a{left:9%;width:74px;height:440px;border-radius:42px 42px 0 0}.tower-a:before{content:"";position:absolute;top:-80px;left:13px;width:48px;height:90px;background:linear-gradient(180deg,rgba(183,138,43,.28),rgba(183,138,43,.05));clip-path:polygon(50% 0,100% 55%,82% 100%,18% 100%,0 55%)}.tower-b{left:16%;width:42px;height:280px;border-radius:32px 32px 0 0;opacity:.75}.minaret-dome{position:absolute;right:2%;bottom:-120px;width:470px;height:250px;border-radius:260px 260px 0 0;background:linear-gradient(180deg,rgba(22,101,52,.10),rgba(22,101,52,.02));border:1px solid rgba(22,101,52,.10)}.minaret-light{position:absolute;border-radius:50%;filter:blur(48px)}.light-a{width:280px;height:280px;left:5%;top:20%;background:rgba(183,138,43,.13);animation:v2Float 8s ease-in-out infinite alternate}.light-b{width:340px;height:340px;right:12%;bottom:14%;background:rgba(22,101,52,.12);animation:v2Float 9s ease-in-out infinite alternate-reverse}

.v2-section{padding:86px 0}.v2-soft-section{background:var(--pub-bg-soft);border-top:1px solid var(--pub-line);border-bottom:1px solid var(--pub-line)}.v2-section-head{text-align:center;max-width:760px;margin:0 auto 38px}.v2-section-head span,.v2-page-hero span,.v2-final-box span,.v2-info-card>span{color:var(--pub-primary);font-weight:900;font-size:13px}.v2-section-head h2,.v2-page-hero h1{font-size:clamp(28px,4vw,48px);line-height:1.3;margin:8px 0;color:var(--pub-ink);font-weight:900}.v2-section-head p,.v2-page-hero p{color:var(--pub-muted);margin:0}.v2-gallery{display:grid;grid-template-columns:1.18fr .82fr .82fr;grid-auto-rows:210px;gap:18px}.v2-gallery-card{position:relative;border-radius:28px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,rgba(22,101,52,.16),rgba(183,138,43,.10)),var(--pub-surface);border:1px solid var(--pub-line);box-shadow:var(--pub-shadow);overflow:hidden;transition:.18s ease}.v2-gallery-card:before{content:"";position:absolute;left:-50px;top:-50px;width:170px;height:170px;border:1px solid rgba(183,138,43,.18);border-radius:36px;transform:rotate(18deg)}.v2-gallery-card:after{content:"";position:absolute;right:24px;top:24px;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,rgba(183,138,43,.20),transparent 68%)}.v2-gallery-card:hover{transform:translateY(-5px);box-shadow:var(--pub-shadow-strong)}.v2-gallery-card span{font-size:22px;font-weight:900;color:var(--pub-text)}.v2-gallery-card p{color:var(--pub-muted);margin:4px 0 0}.card-large{grid-row:span 2}.card-wide{grid-column:span 2}.v2-feature-grid,.v2-level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.v2-feature-grid article,.v2-level-grid div,.v2-info-card,.v2-product-card{background:var(--pub-surface);border:1px solid var(--pub-line);border-radius:26px;padding:24px;box-shadow:var(--pub-shadow);transition:.18s ease}.v2-feature-grid article:hover,.v2-level-grid div:hover,.v2-info-card:hover,.v2-product-card:hover{transform:translateY(-4px);box-shadow:var(--pub-shadow-strong)}.v2-feature-grid b{color:var(--pub-gold);font-size:28px}.v2-feature-grid h3,.v2-level-grid h3,.v2-info-card h2,.v2-info-card h3{color:var(--pub-text);margin:8px 0;font-weight:900}.v2-feature-grid p,.v2-level-grid p,.v2-info-card p{color:var(--pub-muted);margin:0}.v2-quote-band{padding:42px 0;background:linear-gradient(135deg,var(--pub-ink),#17331f);color:#fff}.v2-quote-band p{margin:0;text-align:center;font-size:22px;font-weight:900;color:#f8e8a8}.v2-quote-band.compact{padding:32px 0}.v2-final-cta{padding:40px 0 90px}.v2-final-box{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--pub-surface);border:1px solid var(--pub-line);border-radius:32px;padding:34px;box-shadow:var(--pub-shadow-strong)}.v2-final-box h2{margin:6px 0;color:var(--pub-text);font-weight:900}.v2-final-box p{margin:0;color:var(--pub-muted)}
.v2-page-hero{position:relative;overflow:hidden;padding:92px 0;background:
  radial-gradient(circle at 12% 25%, rgba(22,101,52,.12), transparent 30%),
  radial-gradient(circle at 86% 75%, rgba(183,138,43,.14), transparent 30%),
  var(--pub-bg-soft);border-bottom:1px solid var(--pub-line)}.v2-page-hero:after{content:"";position:absolute;left:8%;bottom:-80px;width:210px;height:260px;border:1px solid rgba(22,101,52,.11);border-bottom:0;border-radius:120px 120px 0 0}.v2-page-hero .public-container{position:relative;z-index:1}.compact-actions{margin-bottom:0}.v2-about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.v2-about-grid .main-card{grid-row:span 3}.v2-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-line{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--pub-line)}.contact-line b{color:var(--pub-text)}.contact-line span{color:var(--pub-muted)}.contact-message{background:linear-gradient(135deg,rgba(22,101,52,.08),transparent),var(--pub-surface)}

.store-v2-section{background:var(--pub-bg)}.v2-points-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--pub-surface);border:1px solid var(--pub-line);border-radius:24px;padding:20px 22px;margin-bottom:26px;box-shadow:var(--pub-shadow)}.v2-points-banner span{display:block;color:var(--pub-muted);font-weight:800}.v2-points-banner strong{display:block;font-size:24px;color:var(--pub-primary)}.v2-points-banner.muted strong{font-size:18px;color:var(--pub-text)}.v2-store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.v2-product-card{padding:0;overflow:hidden}.v2-product-image{height:210px;background:linear-gradient(135deg,rgba(22,101,52,.12),rgba(183,138,43,.12)),var(--pub-surface-2);position:relative;display:grid;place-items:center;overflow:hidden}.v2-product-image img{width:100%;height:100%;object-fit:cover}.v2-product-image span{position:absolute;top:14px;right:14px;background:var(--pub-surface);color:var(--pub-primary);font-weight:900;border:1px solid var(--pub-line);border-radius:999px;padding:6px 12px;font-size:12px}.product-minaret-mark{width:108px;height:132px;border:2px solid rgba(183,138,43,.28);border-radius:60px 60px 18px 18px;position:relative}.product-minaret-mark:before{content:"";position:absolute;top:-48px;right:28px;width:48px;height:58px;background:rgba(22,101,52,.13);clip-path:polygon(50% 0,100% 58%,82% 100%,18% 100%,0 58%)}.product-minaret-mark:after{content:"";position:absolute;inset:26px;border-top:2px solid rgba(183,138,43,.2);border-bottom:2px solid rgba(183,138,43,.2)}.v2-product-body{padding:22px}.v2-product-body h3{margin:0 0 6px;color:var(--pub-text);font-weight:900}.v2-product-body p{color:var(--pub-muted);margin:0}.v2-product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0}.v2-product-meta b{font-size:19px;color:var(--pub-primary)}.v2-product-meta small{color:var(--pub-muted);font-weight:800}.v2-product-actions{display:flex;gap:10px;flex-wrap:wrap}.v2-product-actions form{margin:0}.v2-details-panel{display:none;margin-top:14px;padding:16px;border-radius:18px;background:var(--pub-surface-2);border:1px solid var(--pub-line)}.v2-details-panel.open{display:block}.product-details-panel{display:none}.product-details-panel.open{display:block}

.public-footer{background:var(--pub-ink);color:#fff;padding:52px 0;margin-top:30px}.footer-v2-grid{display:grid;grid-template-columns:1.3fr .7fr 1.2fr;gap:30px}.footer-v2-brand img{width:74px;height:74px;object-fit:contain;background:#fff;border-radius:22px;padding:7px}.footer-v2-brand h3{margin:12px 0 6px}.footer-v2-grid p{color:rgba(255,255,255,.72);margin:0}.footer-v2-grid h4{margin:0 0 14px;color:#fff}.footer-v2-grid a{display:block;color:#f8e8a8;font-weight:800;margin:7px 0}.footer-hadith{color:#f8e8a8!important;font-weight:900}.footer-legal{font-size:13px;margin-top:14px!important;color:rgba(255,255,255,.58)!important}

@keyframes v2Float{from{transform:translateY(0)}to{transform:translateY(-22px)}}
@media(max-width:980px){.public-nav{flex-wrap:wrap;justify-content:center;padding:12px 0}.public-menu{order:3;width:100%;justify-content:center;overflow:auto}.public-actions{flex-wrap:wrap;justify-content:center}.v2-hero-grid,.v2-about-grid,.v2-contact-grid{grid-template-columns:1fr}.v2-hero{padding:42px 0}.v2-hero-grid{min-height:auto}.v2-gallery,.v2-feature-grid,.v2-level-grid,.v2-store-grid,.footer-v2-grid{grid-template-columns:1fr}.card-large,.card-wide{grid-row:auto;grid-column:auto}.v2-final-box{display:grid}.hero-metrics{grid-template-columns:1fr}.v2-hero h1{font-size:36px}.v2-page-hero{padding:60px 0}.v2-product-actions{display:grid}.v2-btn,.public-btn{width:auto}.tower-a,.tower-b{opacity:.25}}