@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Amiri:wght@400;700&display=swap";@font-face{font-family:Al Mushaf Quran;src:url(/assets/al-mushaf-quran-S2EqrISR.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--primary:#0b3d2e;--primary-light:#145a43;--primary-dark:#072a1f;--accent:#d4af37;--accent-light:#e8c960;--accent-muted:#d4af374d;--bg-dark:#040d09;--bg-card:#0b3d2e40;--bg-card-hover:#0b3d2e66;--glass-bg:#0b3d2e26;--glass-border:#d4af3726;--glass-shadow:0 8px 32px #0000004d;--text-primary:#f0f0f0;--text-secondary:#f0f0f0b3;--text-muted:#f0f0f066;--font-primary:"Inter", -apple-system, sans-serif;--font-arabic:"Al Mushaf Quran", "Amiri", serif;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:50%;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-primary);background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}input,select,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--accent-muted);border-radius:4px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glass-card-sm{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0003}.glow-accent{box-shadow:0 0 20px #d4af374d,0 0 60px #d4af371a}.glow-text{text-shadow:0 0 20px #d4af3780}.page{padding:24px 16px;padding-bottom:calc(var(--nav-height) + 24px);flex:1;width:100%;max-width:500px;margin:0 auto}.page-full{padding-bottom:var(--nav-height);flex:1;width:100%}@keyframes pulse-glow{0%{box-shadow:0 0 #d4af3766}70%{box-shadow:0 0 0 20px #d4af3700}to{box-shadow:0 0 #d4af3700}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes counter-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes ripple{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width>=768px){.page{padding:32px 24px;padding-bottom:calc(var(--nav-height) + 32px);max-width:600px}}@media (width>=1024px){.page{max-width:700px}}.global-logo{filter:drop-shadow(0 0 15px #d4af374d);opacity:.95;object-fit:contain;transform-origin:top;cursor:pointer;width:75px;height:auto;margin-bottom:12px;margin-left:auto;margin-right:auto;animation:3s ease-in-out infinite sway;display:block}.bottom-nav{z-index:100;padding:0 8px env(safe-area-inset-bottom,8px);-webkit-backdrop-filter:blur(24px);background:#040d09d9;border-top:1px solid #d4af371a;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{max-width:500px;height:var(--nav-height);justify-content:space-around;align-items:center;margin:0 auto;display:flex}.bottom-nav-tab{border-radius:var(--radius-md);transition:all var(--transition-smooth);color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;padding:8px 16px;text-decoration:none;display:flex;position:relative}.bottom-nav-tab:hover{color:var(--text-secondary)}.bottom-nav-tab.active{color:var(--accent)}.bottom-nav-tab.active:before{content:"";background:var(--accent);border-radius:0 0 4px 4px;width:24px;height:3px;position:absolute;top:-1px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #d4af3780}.bottom-nav-label{letter-spacing:.3px;font-size:10px;font-weight:500}.jdc-section{flex-direction:column;gap:14px;display:flex}.jdc-header{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.jdc-title-row{align-items:center;gap:10px;display:flex}.jdc-mosque-icon{filter:drop-shadow(0 0 8px #d4af3766);font-size:20px}.jdc-title{color:var(--text-primary);letter-spacing:-.3px;font-size:17px;font-weight:700}.jdc-live-badge{letter-spacing:1.5px;color:#66bb6a;background:#4caf501f;border:1px solid #4caf5040;border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:700;display:flex}.jdc-live-dot{background:#66bb6a;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite jdc-pulse;box-shadow:0 0 6px #4caf5099}@keyframes jdc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.jdc-card-link{color:inherit;text-decoration:none;display:block}.jdc-card{flex-direction:column;gap:16px;padding:22px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.jdc-card-link:hover .jdc-card{background:var(--bg-card-hover);transform:translateY(-2px)}.jdc-card:after{content:"☪";opacity:.035;pointer-events:none;color:var(--accent);font-size:44px;position:absolute;top:12px;right:16px}.jdc-counter-container{flex-direction:column;align-items:center;gap:6px;display:flex}.jdc-counter-digits{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;display:flex}.jdc-digit-cell{background:#d4af370f;border:1px solid #d4af371f;border-radius:7px;justify-content:center;align-items:center;width:32px;height:44px;display:flex;position:relative;overflow:hidden}.jdc-digit-cell:before{content:"";background:#d4af370f;height:1px;position:absolute;top:50%;left:0;right:0}.jdc-digit{color:var(--accent);font-variant-numeric:tabular-nums;text-shadow:0 0 16px #d4af3740;font-size:22px;font-weight:700}.jdc-comma{color:var(--accent);opacity:.4;align-self:flex-end;margin:0 1px;padding-bottom:3px;font-size:22px;font-weight:700}.jdc-counter-label{color:var(--text-muted);font-size:11px;font-weight:500}.jdc-progress-wrapper{flex-direction:column;display:flex}.jdc-progress-track{background:#ffffff0f;border-radius:100px;width:100%;height:5px;overflow:hidden}.jdc-progress-fill{background:linear-gradient(90deg,#c09a2d,#d4af37,#e8c960);border-radius:100px;height:100%;box-shadow:0 0 8px #d4af3733}.jdc-compact-bottom{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.jdc-compact-stats{color:var(--text-muted);flex:1;align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.jdc-compact-stat{white-space:nowrap;align-items:center;gap:4px;display:flex}.jdc-compact-stat svg{color:var(--accent);opacity:.6;flex-shrink:0}.jdc-compact-sep{opacity:.3}.jdc-compact-cta{background:linear-gradient(135deg, var(--accent), #c09a2d);color:#0b3d2e;white-space:nowrap;border-radius:100px;flex-shrink:0;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 2px 12px #d4af3733}.jdc-card-link:hover .jdc-compact-cta{box-shadow:0 4px 20px #d4af374d}@media (width<=380px){.jdc-digit-cell{width:28px;height:38px}.jdc-digit,.jdc-comma{font-size:18px}.jdc-card{padding:18px 16px}}@media (width>=500px){.jdc-digit-cell{width:36px;height:48px}.jdc-digit,.jdc-comma{font-size:26px}}.home-page{flex-direction:column;gap:48px;padding-top:30px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.hero-logo{filter:drop-shadow(0 0 15px #d4af374d);opacity:.95;object-fit:contain;transform-origin:top;width:75px;height:auto;margin-bottom:0;animation:6s ease-in-out infinite sway}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.hero-badge{color:var(--accent);letter-spacing:.5px;background:#d4af371a;border:1px solid #d4af3733;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.hero-title{color:var(--text-primary);letter-spacing:-.5px;font-size:clamp(28px,7vw,44px);font-weight:700;line-height:1.2}.hero-highlight{background:linear-gradient(135deg, var(--accent), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:380px;font-size:15px;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--accent), #c09a2d);color:#0b3d2e;transition:all var(--transition-smooth);border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 20px #d4af374d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #d4af3766}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{color:var(--text-secondary);transition:all var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary:hover{color:var(--text-primary);background:#ffffff1a}.hero-arabic{text-align:center;font-family:var(--font-arabic);color:var(--accent);opacity:.4;letter-spacing:2px;font-size:clamp(20px,5vw,28px)}.feature-card-link{color:inherit;text-decoration:none;display:block}.features-section{flex-direction:column;gap:20px;display:flex}.section-title{color:var(--text-primary);text-align:center;margin-bottom:4px;font-size:20px;font-weight:600}.features-grid{flex-direction:column;gap:12px;display:flex}.feature-card{transition:all var(--transition-smooth);flex-direction:column;gap:10px;padding:24px;display:flex}.feature-card:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.feature-icon{background:#ffffff0d;border:1px solid;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feature-card h3{font-size:16px;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:13px;line-height:1.5}.seo-section{flex-direction:column;margin-top:12px;display:flex}.seo-content{padding:24px}.seo-content h2{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:600}.seo-content p{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.6}.seo-content p:last-child{margin-bottom:0}.seo-content strong{color:var(--text-primary);font-weight:600}.hp-about-section{flex-direction:column;gap:14px;display:flex}.hp-about-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.8px;background:#d4af371a;border:1px solid #d4af3733;border-radius:100px;align-items:center;gap:6px;width:fit-content;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.hp-scholar-card{border-radius:20px;flex-direction:column;gap:20px;padding:24px 20px;display:flex;position:relative;overflow:hidden;background:#d4af3705!important;border-color:#d4af3726!important}.hp-scholar-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);opacity:.4;height:2px;position:absolute;top:0;left:0;right:0}.hp-scholar-left{align-items:center;gap:16px;display:flex}.hp-scholar-photo-wrap{flex-shrink:0;position:relative}.hp-scholar-photo{object-fit:cover;z-index:1;border:2px solid #d4af3766;border-radius:50%;width:64px;height:64px;display:block;position:relative}.hp-scholar-glow{z-index:0;background:radial-gradient(circle,#d4af3726,#0000 70%);border-radius:50%;position:absolute;inset:-4px}.hp-scholar-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hp-scholar-verified{color:#66bb6a;text-transform:uppercase;letter-spacing:.6px;margin:0;font-size:11px;font-weight:700}.hp-scholar-name{color:var(--text-primary);margin:0;font-size:14px;font-weight:700;line-height:1.3}.hp-scholar-title{color:var(--accent);margin:0;font-size:12px;font-weight:600}.hp-scholar-yt{color:#f44;align-items:center;gap:5px;margin-top:4px;font-size:11px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.hp-scholar-yt:hover{opacity:.75}.hp-yt-dot{background:#f44;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.hp-scholar-divider{background:linear-gradient(90deg,#0000,#ffffff12,#0000);height:1px}.hp-scholar-right{flex-direction:column;gap:12px;display:flex}.hp-scholar-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.65}.hp-scholar-checks{grid-template-columns:1fr 1fr;gap:7px;display:grid}.hp-check-item{color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;display:flex}.hp-check-dot{color:#66bb6a;flex-shrink:0;font-size:12px;font-weight:800}.hp-about-link{color:var(--accent);margin-top:2px;font-size:12px;font-weight:600;text-decoration:none;transition:opacity .2s}.hp-about-link:hover{opacity:.7}@media (width>=520px){.hp-scholar-card{flex-direction:row;align-items:flex-start;gap:0}.hp-scholar-left{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;width:160px;padding-right:20px}.hp-scholar-yt{justify-content:center}.hp-scholar-divider{background:linear-gradient(#0000,#ffffff12,#0000);flex-shrink:0;align-self:stretch;width:1px;height:auto;margin:0 20px 0 0}.hp-scholar-right{flex:1}.hp-scholar-checks{grid-template-columns:1fr}}.home-footer{text-align:center;color:var(--text-muted);flex-direction:column;gap:4px;padding:24px 0;font-size:13px;display:flex}.footer-sub{opacity:.6;font-size:11px}@media (width>=500px){.features-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}}.premium-toast-container{z-index:1000;pointer-events:none;flex-direction:column;align-items:center;gap:12px;padding:0 16px;display:flex;position:fixed;top:24px;left:0;right:0}.premium-toast{pointer-events:auto;-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);background:#0b3d2ed9;border:1px solid #d4af3733;align-items:center;gap:14px;width:100%;max-width:380px;padding:16px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #0006,0 0 20px #d4af3714,inset 0 1px #ffffff0d}.toast-icon-wrapper{background:linear-gradient(135deg,#d4af3733,#d4af370d);border:1px solid #d4af374d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.toast-icon-sparkle{color:var(--accent)}.toast-icon-bell{color:var(--text-primary)}.toast-content{flex-direction:column;flex:1;gap:2px;display:flex}.toast-content h4{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:15px;font-weight:600}.toast-content p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}.toast-close{width:28px;height:28px;color:var(--text-muted);background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.toast-close:hover{color:var(--text-primary);background:#ffffff1a}.toast-progress-bar{background:linear-gradient(90deg, var(--accent-light), var(--accent));height:3px;animation:5s linear forwards toast-progress;position:absolute;bottom:0;left:0}@keyframes toast-progress{0%{border-radius:0 4px 4px 0;width:100%}to{border-radius:0;width:0%}}.share-backdrop{-webkit-backdrop-filter:blur(8px);z-index:200;background:#000000b3;justify-content:center;align-items:flex-end;padding:0 12px 20px;display:flex;position:fixed;inset:0}@media (width>=480px){.share-backdrop{align-items:center}}.share-modal{border:1px solid #d4af3740;flex-direction:column;gap:18px;width:100%;max-width:420px;padding:24px 20px 20px;display:flex;box-shadow:0 24px 64px #00000080,0 0 40px #d4af3714}.share-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.share-title{color:var(--text-primary);margin:0 0 2px;font-size:18px;font-weight:700}.share-sub{color:var(--text-secondary);margin:0;font-size:13px}.share-close{width:32px;height:32px;color:var(--text-muted);background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.share-close:hover{color:var(--text-primary);background:#ffffff1a}.share-preview-wrap{border-radius:var(--radius-md);border:1px solid #d4af3733;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.share-canvas{aspect-ratio:1;width:100%;height:auto;display:block}.share-watermark-hint{color:#d4af37b3;letter-spacing:.3px;font-size:11px;position:absolute;bottom:10px;right:12px}.share-chip{border-radius:var(--radius-md);background:#d4af3714;border:1px solid #d4af3726;align-items:center;gap:10px;padding:10px 16px;display:flex}.share-chip-emoji{font-size:22px}.share-chip-text{color:var(--text-secondary);font-size:14px}.share-chip-text strong{color:var(--accent-light);font-weight:600}.share-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.share-btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.share-btn-secondary{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff1a}.share-btn-secondary:hover{background:#ffffff1a}.share-btn-primary{color:#040d09;background:linear-gradient(135deg,#d4af37,#e8c960,#d4af37);box-shadow:0 4px 16px #d4af374d}.share-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #d4af3780}.share-hint{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;gap:5px;margin:0;font-size:11.5px;display:flex}.counter-page-container{width:100%;padding-bottom:calc(var(--nav-height) + 60px);flex-direction:column;display:flex}.counter-page{height:100dvh;min-height:100dvh;padding:20px 16px calc(var(--nav-height) + 16px);-webkit-user-select:none;user-select:none;cursor:pointer;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.counter-top-bar{justify-content:space-between;gap:8px;width:100%;max-width:360px;display:flex}.counter-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:500}.stat-value{color:var(--text-primary);font-size:16px;font-weight:600}.goal-btn{cursor:pointer;color:var(--accent);transition:all var(--transition-fast);background:#d4af371a;border-radius:8px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.goal-btn:hover{background:#d4af3733}.counter-center{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.ambient-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#d4af371f 0%,#0b3d2e14 50%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute}.progress-ring{pointer-events:none;z-index:1;width:260px;height:260px;position:absolute}.tap-button{-webkit-backdrop-filter:blur(24px);z-index:2;will-change:transform;background:radial-gradient(circle at 35% 35%,#145a43b3,#0b3d2e59);border:2px solid #d4af3740;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:200px;height:200px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #d4af3714,0 0 30px #d4af370d,inset 0 0 50px #0b3d2e66,inset 0 1px #ffffff0d}.glow-burst{pointer-events:none;background:radial-gradient(circle,#d4af3740 0%,#0000 70%);border-radius:50%;width:100%;height:100%;animation:.5s ease-out forwards glow-burst-anim;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes glow-burst-anim{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}.count-display{color:var(--text-primary);letter-spacing:-2px;will-change:transform, opacity, filter;font-size:64px;font-weight:700;line-height:1}.tap-hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:11px}.counter-controls{gap:16px;margin-bottom:8px;display:flex}.control-btn{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-smooth);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;flex-direction:column;align-items:center;gap:4px;padding:12px 24px;font-size:11px;font-weight:500;display:flex}.control-btn:hover{color:var(--text-primary);background:#ffffff1a}.control-btn-reset:hover{color:#ef4444;border-color:#ef44444d}.counter-settings{gap:12px;margin-bottom:8px;display:flex}.setting-toggle{color:var(--text-muted);transition:all var(--transition-smooth);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:100px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;display:flex}.setting-toggle.active{color:var(--accent);background:#d4af3714;border-color:#d4af3726}.tap-ripple{pointer-events:none;z-index:1;background:radial-gradient(circle,#d4af3766 0%,#d4af371a 60%,#0000 70%);border-radius:50%;width:20px;height:20px;animation:.8s ease-out forwards ripple;position:absolute;transform:translate(-50%,-50%)scale(0)}.celebration-overlay{z-index:150;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.celebration-text{flex-direction:column;align-items:center;gap:4px;margin-top:320px;display:flex}.celebration-emoji{font-size:48px;line-height:1}.celebration-label{color:var(--accent);text-shadow:0 0 30px #d4af3780;font-size:24px;font-weight:700}.celebration-sub{color:var(--text-secondary);font-size:16px;font-weight:500}.celebration-particle{pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #d4af3799}.goal-picker-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.goal-picker{text-align:center;flex-direction:column;gap:20px;width:100%;max-width:340px;padding:28px;display:flex}.goal-picker h3{font-size:18px;font-weight:600}.goal-options{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.goal-option{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff14;padding:14px;font-size:18px;font-weight:600}.goal-option:hover{background:#d4af371a;border-color:#d4af3733}.goal-option.active{border-color:var(--accent);color:var(--accent);background:#d4af3726}.goal-custom{gap:8px;display:flex}.goal-custom input{border-radius:var(--radius-sm);color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;flex:1;padding:10px 14px;font-size:14px}.goal-custom input::placeholder{color:var(--text-muted)}.btn-sm{padding:10px 20px;font-size:13px}.reset-desc{color:var(--text-secondary);font-size:14px;line-height:1.5}.reset-actions{justify-content:center;gap:8px;display:flex}.mode-toggle-wrapper{margin-bottom:6px}.mode-toggle{background:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;gap:0;padding:3px;display:flex;position:relative}.mode-toggle-slider{z-index:0;background:#d4af3726;border:1px solid #d4af374d;border-radius:100px;width:calc(50% - 3px);height:calc(100% - 6px);transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px}.mode-toggle-slider.sunnah{transform:translate(100%)}.mode-toggle-btn{z-index:1;letter-spacing:.3px;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:100px;padding:8px 20px;font-size:12px;font-weight:600;transition:color .3s;position:relative}.mode-toggle-btn.active{color:var(--accent)}.dhikr-display-manual{cursor:pointer;border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:2px;margin-top:-2px;margin-bottom:10px;padding:20px;transition:background .2s;display:flex}.dhikr-display-manual:hover{background:#ffffff0a}.dhikr-display-manual:active{background:#d4af3714}.dhikr-display-inner{flex-direction:column;align-items:center;gap:2px;display:flex}.dhikr-manual-arabic{font-family:var(--font-arabic);color:var(--accent);direction:rtl;font-size:20px;line-height:1.5}.dhikr-manual-name{color:var(--text-secondary);letter-spacing:.3px;font-size:13px;font-weight:600}.dhikr-change-hint{color:var(--text-muted);opacity:.6;letter-spacing:.3px;align-items:center;gap:3px;margin-top:2px;font-size:10px;display:inline-flex}.dhikr-picker-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#000000a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dhikr-picker-sheet{background:var(--surface);border:1px solid #ffffff14;border-bottom:none;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:75vh;display:flex;overflow:hidden}.dhikr-picker-handle{background:#ffffff26;border-radius:100px;width:36px;height:4px;margin:10px auto 4px}.dhikr-picker-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 20px 12px;display:flex}.dhikr-picker-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.dhikr-picker-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.dhikr-picker-close:hover{color:var(--text-primary);background:#ffffff1a}.dhikr-picker-list{padding:8px 12px calc(env(safe-area-inset-bottom,20px) + 120px);flex-direction:column;gap:4px;display:flex;overflow-y:auto}.dhikr-picker-item{border-radius:var(--radius-md);cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:2px;padding:14px 16px;transition:all .25s;display:flex;position:relative}.dhikr-picker-item:hover{background:#ffffff0a}.dhikr-picker-item.active{background:#d4af3714;border-color:#d4af3740}.dhikr-item-arabic{font-family:var(--font-arabic);color:var(--accent);direction:rtl;font-size:22px;line-height:1.5}.dhikr-item-name{color:var(--text-secondary);letter-spacing:.2px;font-size:12px;font-weight:500}.dhikr-picker-item.active .dhikr-item-name{color:var(--accent);font-weight:600}.dhikr-item-check{background:var(--accent);width:24px;height:24px;color:var(--primary-dark);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.custom-add-btn{border:1px dashed #d4af374d;gap:6px;margin-bottom:8px;padding:10px 16px}.custom-add-btn:hover{background:#d4af370d;border-color:#d4af3780}.custom-add-btn .dhikr-item-name{color:var(--accent)}.custom-dhikr-form{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0f;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px 12px;display:flex}.custom-dhikr-input{width:100%;color:var(--text-primary);background:#0003;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:12px 14px;font-size:14px;transition:all .2s}.custom-dhikr-input:focus{border-color:var(--accent);background:#0000004d}.custom-dhikr-input[dir=rtl]{font-family:var(--font-arabic);font-size:18px}.custom-dhikr-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.sunnah-dhikr-display{flex-direction:column;align-items:center;gap:4px;margin-top:-2px;margin-bottom:6px;display:flex}.sunnah-dhikr-name{color:var(--accent);letter-spacing:.5px;font-size:18px;font-weight:700}.sunnah-dhikr-arabic{font-family:var(--font-arabic);color:var(--text-secondary);direction:rtl;font-size:22px;line-height:1.4}.sunnah-goal-hint{opacity:.7;color:var(--text-muted)!important;letter-spacing:1px!important;text-transform:none!important;font-size:14px!important}.sunnah-step-label{color:var(--accent)!important}.sunnah-step-indicator{border-radius:var(--radius-lg);background:#ffffff05;border:1px solid #ffffff0a;justify-content:center;align-items:flex-start;gap:0;width:100%;max-width:360px;margin-bottom:10px;padding:12px 8px;display:flex}.sunnah-step-item{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.sunnah-step-line{z-index:0;background:#ffffff0f;width:100%;height:2px;transition:background .5s;position:absolute;top:16px;right:50%}.sunnah-step-line.active{background:linear-gradient(90deg, var(--accent), #d4af374d)}.sunnah-step-circle{z-index:1;background:#ffffff05;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.sunnah-step-circle.active{border-color:var(--accent);background:#d4af371f;animation:2s ease-in-out infinite step-pulse;box-shadow:0 0 16px #d4af3759,inset 0 0 6px #d4af371a}.sunnah-step-circle.completed{border-color:var(--accent);background:var(--accent);color:var(--primary-dark);box-shadow:0 0 12px #d4af374d}.sunnah-step-number{color:var(--accent);font-size:11px;font-weight:700;line-height:1}.sunnah-step-dot{background:#ffffff26;border-radius:50%;width:5px;height:5px}.sunnah-step-circle.active .sunnah-step-dot{background:var(--accent)}.sunnah-step-name{color:var(--text-muted);text-align:center;font-size:10px;font-weight:500;line-height:1.2;transition:color .3s}.sunnah-step-name.active{color:var(--accent);font-weight:700}.sunnah-step-name.completed{color:var(--accent);opacity:.7}.sunnah-step-target{color:var(--text-muted);opacity:.6;font-size:9px;font-weight:500;transition:all .3s}.sunnah-step-target.active{color:var(--accent);opacity:1;font-weight:700}.sunnah-step-target.completed{color:var(--accent);opacity:.8;font-weight:700}@keyframes step-pulse{0%,to{box-shadow:0 0 16px #d4af3759,inset 0 0 6px #d4af371a}50%{box-shadow:0 0 24px #d4af378c,inset 0 0 8px #d4af3726}}.sunnah-complete-overlay{z-index:300}.sunnah-complete-modal{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:380px;padding:32px 24px;display:flex}.sunnah-complete-emoji{margin-bottom:4px;font-size:48px;line-height:1}.sunnah-complete-title{color:var(--accent);margin:0;font-size:26px;font-weight:800}.sunnah-complete-count{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.sunnah-complete-subtitle{color:var(--text-secondary);margin:0 0 4px;font-size:14px}.sunnah-complete-hadith{color:var(--accent);border-radius:var(--radius-md);background:#d4af370f;border:none;margin:4px 0;padding:12px 16px;font-size:13px;font-style:italic;line-height:1.6}.sunnah-complete-hadith cite{color:var(--text-muted);margin-top:8px;font-size:12px;font-style:normal;font-weight:600;display:block}.sunnah-complete-btn{background:var(--accent);color:var(--primary-dark);cursor:pointer;border-radius:100px;align-items:center;gap:6px;margin-top:4px;padding:12px 32px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.sunnah-complete-btn:hover{background:var(--accent-light);box-shadow:0 0 20px #d4af3766}.counter-seo-section{width:100%;max-width:640px;margin:0 auto;margin-bottom:calc(var(--nav-height) + 60px);cursor:default;padding:32px 16px 24px}.counter-seo-inner{background:#ffffff06;border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;gap:14px;padding:24px 20px;display:flex}.counter-seo-h2{color:var(--text-primary);margin:0;font-size:clamp(17px,4vw,20px);font-weight:700}.counter-seo-h3{color:var(--text-primary);margin:6px 0 0;font-size:clamp(14px,3.5vw,16px);font-weight:600}.counter-seo-p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.7}.counter-seo-p strong{color:var(--text-primary);font-weight:600}.counter-seo-links{border-top:1px solid #ffffff0f;flex-direction:column;gap:8px;margin-top:4px;padding:14px 0 0;display:flex}.counter-seo-links-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;margin:0 0 4px;font-size:11px;font-weight:600}.counter-seo-link{color:var(--accent);font-size:13px;font-weight:500;line-height:1.5;text-decoration:none;transition:opacity .2s}.counter-seo-link:hover{opacity:.7}.modes-page{padding-top:36px}.modes-title{letter-spacing:-.5px;font-size:28px;font-weight:700}.modes-subtitle{color:var(--text-secondary);margin-top:6px;font-size:14px}.modes-grid{flex-direction:column;gap:12px;margin-top:28px;display:flex}.mode-card{transition:all var(--transition-smooth);cursor:pointer;flex-direction:column;gap:12px;padding:20px;text-decoration:none;display:flex}.mode-card:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.mode-card:active{transform:scale(.98)}.mode-card-header{justify-content:space-between;align-items:center;display:flex}.mode-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.mode-arrow{color:var(--text-muted);transition:transform var(--transition-smooth)}.mode-card:hover .mode-arrow{color:var(--text-secondary);transform:translate(4px)}.mode-card-body{flex-direction:column;gap:4px;display:flex}.mode-arabic{font-family:var(--font-arabic);opacity:.8;font-size:16px}.mode-title{color:var(--text-primary);font-size:17px;font-weight:600}.mode-desc{color:var(--text-secondary);font-size:13px}.mode-progress-bar{background:#ffffff0f;border-radius:4px;width:100%;height:3px;overflow:hidden}.mode-progress-fill{height:100%;transition:width var(--transition-smooth);border-radius:4px}.mode-completion{font-size:11px;font-weight:500}.mode-detail-page{min-height:100dvh;padding:20px 16px calc(var(--nav-height) + 16px);-webkit-user-select:none;user-select:none;cursor:pointer;flex-direction:column;display:flex}.mode-detail-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.back-btn{width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-smooth);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;display:flex}.back-btn:hover{color:var(--text-primary);background:#ffffff1a}.mode-detail-title{text-align:center;font-size:18px;font-weight:600}.mode-detail-arabic{font-family:var(--font-arabic);text-align:center;font-size:14px;display:block}.mode-dots{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.mode-dot{width:10px;height:10px;transition:all var(--transition-smooth);cursor:pointer;background:#ffffff1a;border:1.5px solid #ffffff26;border-radius:50%;padding:0}.mode-dot.active{background:var(--dot-color);border-color:var(--dot-color);width:28px;box-shadow:0 0 12px color-mix(in srgb, var(--dot-color) 40%, transparent);border-radius:5px}.mode-dot.done{background:var(--dot-color);border-color:var(--dot-color);opacity:.6}.mode-zikr-area{flex:1;justify-content:center;align-items:center;padding:0 8px;display:flex}.zikr-card{text-align:center;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:28px 24px;display:flex}.zikr-arabic{font-family:var(--font-arabic);color:var(--accent);direction:rtl;font-size:clamp(22px,5vw,30px);line-height:1.8}.zikr-transliteration{color:var(--text-secondary);font-size:14px;font-style:italic;line-height:1.5}.zikr-translation{color:var(--text-muted);font-size:13px;line-height:1.6}.mode-counter-area{flex-direction:column;align-items:center;gap:12px;padding-bottom:8px;display:flex}.mode-count-ring{cursor:pointer;width:120px;height:120px;position:relative}.mode-ring-svg{width:100%;height:100%}.mode-count-text{justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.mode-count-number{font-size:28px;font-weight:700}.mode-count-target{color:var(--text-muted);font-size:14px;font-weight:400}.mode-done-badge{background:#ffffff0d;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.mode-tap-hint{color:var(--text-muted);letter-spacing:.5px;font-size:12px}.complete-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.complete-card{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:430px;padding:40px;display:flex}.complete-emoji{font-size:48px}.complete-card h3{color:var(--accent);font-size:22px;font-weight:700}.complete-card p{color:var(--text-secondary);font-size:14px}.complete-actions{gap:8px;margin-top:8px;display:flex}.progress-page{flex-direction:column;padding-top:36px;display:flex}.progress-title{letter-spacing:-.5px;font-size:28px;font-weight:700}.progress-subtitle{color:var(--text-secondary);margin-top:6px;margin-bottom:24px;font-size:14px}.streak-card{justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 24px;display:flex}.streak-main{align-items:center;gap:14px;display:flex}.streak-icon{color:#ef4444;filter:drop-shadow(0 0 8px #ef444466)}.streak-count{color:var(--text-primary);margin-right:6px;font-size:32px;font-weight:800;line-height:1}.streak-label{color:var(--text-secondary);font-size:14px}.streak-best{color:var(--text-muted);background:#ffffff0a;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.stat-card{flex-direction:column;gap:8px;padding:18px;display:flex}.stat-card-value{color:var(--text-primary);font-size:22px;font-weight:700}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.chart-section{margin-bottom:16px;padding:20px}.chart-title{margin-bottom:16px;font-size:15px;font-weight:600}.chart-container{width:100%}.chart-tooltip{border-radius:10px!important;padding:10px 14px!important}.tooltip-label{color:var(--text-muted);margin-bottom:2px;font-size:11px}.tooltip-value{color:var(--accent);font-size:14px;font-weight:600}.motivation-card{text-align:center;flex-direction:column;gap:10px;padding:24px;display:flex}.motivation-arabic{font-family:var(--font-arabic);color:var(--accent);direction:rtl;font-size:20px;line-height:1.8}.motivation-translation{color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.5}.share-stats-btn{border-radius:var(--radius-lg);width:100%;color:var(--accent-light);letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#d4af371f,#d4af370d);border:1px solid #d4af3740;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:16px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.share-stats-btn:hover{background:linear-gradient(135deg,#d4af3738,#d4af371a);transform:translateY(-1px);box-shadow:0 0 24px #d4af3726}.learn-header{text-align:center;margin-bottom:2rem}.learn-header .icon-wrapper{color:var(--accent);justify-content:center;margin-bottom:1rem;display:flex}.learn-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:700}.learn-header p{color:var(--text-secondary);max-width:400px;margin:0 auto;font-size:1.05rem;line-height:1.5}.articles-grid{flex-direction:column;gap:1.5rem;margin-bottom:2.5rem;display:flex}.article-card{padding:1.5rem}.article-icon{margin-bottom:1rem}.article-card h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:600;line-height:1.3}.article-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.article-card p:last-child{margin-bottom:0}.article-card strong{color:var(--text-primary);font-weight:600}.virtues-list{flex-direction:column;gap:1rem;display:flex}.virtues-list li{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.learn-footer{text-align:center;border-top:1px solid #ffffff0d;padding:2rem 1rem}.quran-quote{font-family:var(--font-arabic);color:var(--accent);margin-bottom:.5rem;font-size:1.35rem;line-height:1.5}.quran-ref{color:var(--text-muted);font-size:.9rem}.jdc-share-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.jdc-share-modal{flex-direction:column;gap:20px;width:100%;max-width:380px;padding:28px 24px;display:flex;position:relative}.jdc-share-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.jdc-share-close:hover{color:var(--text-primary);background:#ffffff1f}.jdc-share-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.jdc-share-emoji{font-size:28px}.jdc-share-header h3{color:var(--text-primary);font-size:18px;font-weight:700}.jdc-share-header p{color:var(--text-muted);font-size:13px}.jdc-share-preview{text-align:center;background:#d4af370f;border:1px solid #d4af371f;border-radius:14px;flex-direction:column;gap:6px;padding:18px;display:flex}.jdc-share-preview-top{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.jdc-share-preview-count{color:var(--accent);font-variant-numeric:tabular-nums;text-shadow:0 0 20px #d4af374d;font-size:32px;font-weight:800}.jdc-share-preview-target{color:var(--text-secondary);font-size:12px}.jdc-share-preview-url{color:var(--accent);opacity:.6;margin-top:4px;font-size:11px}.jdc-share-buttons{flex-direction:column;gap:10px;display:flex}.jdc-share-option{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.jdc-share-option:active{transform:scale(.97)}.jdc-share-whatsapp{color:#fff;background:#25d366}.jdc-share-whatsapp:hover{background:#20bd5a}.jdc-share-twitter{color:#1da1f2;background:#1da1f226;border:1px solid #1da1f233}.jdc-share-twitter:hover{background:#1da1f240}.jdc-share-copy{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1a}.jdc-share-copy:hover{color:var(--text-primary);background:#ffffff1f}.jcp-page{flex-direction:column;gap:36px;padding-top:16px;padding-bottom:100px;display:flex}.jcp-back{color:var(--text-muted);align-items:center;gap:4px;width:fit-content;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.jcp-back:hover{color:var(--text-primary)}.jcp-hero{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:20px 0 0;display:flex}.jcp-hero-badge{justify-content:center;display:flex}.jcp-live-badge{letter-spacing:1.5px;color:#66bb6a;background:#4caf501f;border:1px solid #4caf5040;border-radius:100px;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:700;display:flex}.jcp-live-dot{background:#66bb6a;border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite jcp-pulse;box-shadow:0 0 6px #4caf5099}@keyframes jcp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.jcp-hero-title{color:var(--text-primary);letter-spacing:-1px;font-size:clamp(30px,8vw,48px);font-weight:800;line-height:1.15}.jcp-hero-img{filter:drop-shadow(0 0 16px #d4af3740);border-radius:12px;width:100%;max-width:140px;height:auto;margin:0 auto 24px;display:block}.jcp-highlight{background:linear-gradient(135deg, var(--accent), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.jcp-hero-subtitle{color:var(--text-secondary);max-width:420px;font-size:15px;line-height:1.7}.jcp-counter-section{flex-direction:column;display:flex}.jcp-counter-card{flex-direction:column;gap:22px;padding:32px 24px;display:flex;position:relative;overflow:hidden}.jcp-counter-card:after{content:"☪";opacity:.035;pointer-events:none;color:var(--accent);font-size:56px;position:absolute;top:20px;right:24px}.jcp-target-row{color:var(--accent);text-transform:uppercase;letter-spacing:1.2px;opacity:.8;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.jcp-target-value{color:var(--text-secondary);margin-top:-8px;padding-left:24px;font-size:16px;font-weight:500}.jcp-big-counter{flex-direction:column;align-items:center;gap:10px;padding:20px 0;display:flex}.jcp-big-digits{flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;display:flex}.jcp-digit-cell{background:#d4af3712;border:1px solid #d4af3724;border-radius:10px;justify-content:center;align-items:center;width:42px;height:60px;display:flex;position:relative;overflow:hidden}.jcp-digit-cell:before{content:"";background:#d4af3714;height:1px;position:absolute;top:50%;left:0;right:0}.jcp-digit{color:var(--accent);font-variant-numeric:tabular-nums;text-shadow:0 0 24px #d4af3759;font-size:30px;font-weight:800}.jcp-comma{color:var(--accent);opacity:.5;align-self:flex-end;margin:0 1px;padding-bottom:6px;font-size:30px;font-weight:800}.jcp-big-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:500}.jcp-progress-wrapper{flex-direction:column;gap:6px;display:flex}.jcp-progress-track{background:#ffffff0f;border-radius:100px;width:100%;height:10px;overflow:hidden}.jcp-progress-fill{background:linear-gradient(90deg,#c09a2d,#d4af37,#e8c960);border-radius:100px;height:100%;box-shadow:0 0 12px #d4af374d}.jcp-progress-text{color:var(--text-muted);justify-content:space-between;font-size:12px;display:flex}.jcp-progress-percent{color:var(--accent);font-weight:700}.jcp-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.jcp-stat-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.jcp-stat-card svg{color:var(--accent);opacity:.7}.jcp-stat-num{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.jcp-stat-lbl{color:var(--text-muted);text-align:center;font-size:10px;line-height:1.3}.jcp-actions{gap:10px;display:flex}.jcp-start-btn{background:linear-gradient(135deg, var(--accent), #c09a2d);color:#0b3d2e;cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-size:16px;font-weight:700;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 4px 24px #d4af3740}.jcp-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 32px #d4af3759}.jcp-start-btn:active{transform:translateY(0)scale(.98)}.jcp-start-btn-big{border-radius:16px;padding:18px 32px;font-size:17px}.jcp-share-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:16px 22px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.jcp-share-btn:hover{color:var(--text-primary);background:#ffffff1f}.jcp-hadith-section{flex-direction:column;display:flex}.jcp-hadith{text-align:center;border-left:3px solid var(--accent);flex-direction:column;align-items:center;gap:12px;padding:28px 24px;display:flex}.jcp-hadith-icon{font-size:28px}.jcp-hadith-text{color:var(--text-primary);max-width:440px;margin:0;font-size:16px;font-style:italic;line-height:1.7}.jcp-hadith-source{color:var(--accent);opacity:.8;font-size:12px;font-style:normal;font-weight:600}.jcp-types-section{flex-direction:column;gap:16px;display:flex}.jcp-section-title{color:var(--text-primary);justify-content:center;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.jcp-section-title svg{color:var(--accent)}.jcp-section-desc{text-align:center;color:var(--text-secondary);margin-top:-6px;font-size:14px;line-height:1.6}.jcp-types-grid{flex-direction:column;gap:12px;display:flex}.jcp-type-card{flex-direction:column;gap:10px;padding:22px 20px;display:flex}.jcp-type-header{align-items:center;gap:10px;display:flex}.jcp-type-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.jcp-type-header h3{color:var(--text-primary);font-size:15px;font-weight:700}.jcp-type-arabic{font-family:var(--font-arabic);color:var(--accent);opacity:.85;padding:8px 0;font-size:clamp(16px,4vw,20px);line-height:2}.jcp-type-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.jcp-why-section{flex-direction:column;display:flex}.jcp-why-card{padding:28px 24px}.jcp-why-card h2{color:var(--text-primary);margin-bottom:14px;font-size:18px;font-weight:700}.jcp-why-card p{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.7}.jcp-why-card p:last-child{margin-bottom:0}.jcp-why-card strong{color:var(--text-primary);font-weight:600}.jcp-why-card em{color:var(--accent);font-style:italic}.jcp-jumma-banner{color:var(--accent);text-align:center;background:#d4af3714;border:1px solid #d4af3726;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px 20px;font-size:14px;line-height:1.5;display:flex}.jcp-bottom-cta{justify-content:center;padding:16px 0;display:flex}.jcp-dedicated-counter-wrapper{border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:20px;margin-top:24px;padding-top:24px;display:flex}.jcp-dedicated-tap-zone{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#d4af371a;border:1px solid #d4af374d;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;transition:transform .15s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #d4af3726,inset 0 0 20px #d4af370d}.jcp-tap-inner{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.jcp-tap-count{color:var(--accent);text-shadow:0 2px 10px #d4af3766;font-size:32px;font-weight:800;line-height:1}.jcp-tap-label{text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3;font-size:11px;font-weight:600}.jcp-tap-ripple{pointer-events:none;z-index:1;filter:blur(2px);background:#d4af3766;border-radius:50%;width:60px;height:60px;position:absolute;transform:translate(-50%,-50%)}.jcp-tap-glow{pointer-events:none;z-index:2;background:radial-gradient(circle,#d4af3740 0%,#0000 70%);position:absolute;inset:0}.jcp-close-counter-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:100px;padding:8px 24px;font-size:13px;font-weight:600;transition:all .2s}.jcp-close-counter-btn:hover{color:var(--text-primary);background:#ffffff0d}@media (width<=380px){.jcp-digit-cell{width:34px;height:50px}.jcp-digit,.jcp-comma{font-size:24px}.jcp-stats-grid{grid-template-columns:1fr;gap:8px}.jcp-stat-card{flex-direction:row;justify-content:center;gap:8px}.jcp-actions{flex-direction:column}}@media (width>=500px){.jcp-digit-cell{width:48px;height:68px}.jcp-digit,.jcp-comma{font-size:36px}}@media (width<=768px){.jcp-hero{padding:0}.jcp-hero-img{max-width:90px}}.admin-container{background-color:var(--bg-main);z-index:10;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px 100px;display:flex;position:relative}.admin-login-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:400px;margin-top:10vh;padding:40px 30px;display:flex;box-shadow:0 20px 40px #0006}.admin-icon-wrapper{background:#d4af371a;border:1px solid #d4af3733;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex}.admin-login-card h2{color:var(--text-primary);margin-bottom:12px;font-size:24px}.admin-login-card p{color:var(--text-muted);margin-bottom:30px;font-size:14px;line-height:1.5}.admin-login-form{flex-direction:column;gap:16px;width:100%;display:flex}.admin-dashboard{flex-direction:column;gap:24px;width:100%;max-width:600px;display:flex}.admin-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.admin-title-row{align-items:center;gap:12px;display:flex}.admin-title-row h2{color:var(--text-primary);font-size:24px}.admin-live-badge{color:var(--accent);letter-spacing:1px;background:#d4af3726;border:1px solid #d4af374d;border-radius:100px;padding:6px 12px;font-size:12px;font-weight:700}.admin-subtitle{color:var(--text-muted);margin-top:-10px;font-size:14px}.admin-control-grid{flex-direction:column;gap:20px;display:flex}.admin-control-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}.admin-card-header{justify-content:space-between;align-items:flex-end;display:flex}.admin-card-header h3{color:var(--text-primary);margin:0;font-size:18px}.admin-current-val{color:var(--text-muted);background:#ffffff0d;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:14px}.admin-input-group{gap:12px;display:flex}.admin-input-dark{border:1px solid var(--border-color);color:var(--text-primary);background:#0003;border-radius:12px;outline:none;flex:1;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}.admin-input-dark:focus{border-color:var(--accent)}.admin-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.admin-btn:disabled{opacity:.6;cursor:not-allowed}.admin-btn.primary{background:var(--accent);color:#0b3d2e;width:100%}.admin-btn.primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.admin-btn.save{color:#66bb6a;background:#4caf5026;border:1px solid #4caf504d}.admin-btn.save:hover:not(:disabled){background:#4caf5040}.admin-btn.danger{color:#ef5350;background:#f4433626;border:1px solid #f443364d}.admin-btn.danger:hover:not(:disabled){background:#f4433640}.admin-help-text{color:var(--text-muted);opacity:.8;margin:0;font-size:12px}.admin-error{color:#ef5350;text-align:center;background:#f443361a;border:1px solid #f4433633;border-radius:8px;padding:10px 16px;font-size:14px}.admin-success{color:#66bb6a;text-align:center;background:#4caf501a;border:1px solid #4caf5033;border-radius:8px;padding:12px 16px;font-size:14px}.articles-hub{flex-direction:column;gap:32px;padding-top:20px;padding-bottom:100px;display:flex}.articles-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:10px 0 20px;display:flex}.articles-title{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:clamp(32px,8vw,44px);font-weight:800;line-height:1.15}.articles-title-accent{background:linear-gradient(135deg, var(--accent), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.articles-subtitle{color:var(--text-secondary);max-width:480px;margin:0;font-size:15px;line-height:1.6}.featured-article{border:1px solid var(--border-color);background:#ffffff08;border-radius:20px;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.featured-article:hover{border-color:#d4af374d;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d,0 0 20px #d4af3714}.featured-img-wrapper{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.featured-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.featured-article:hover .featured-img{transform:scale(1.03)}.featured-content{flex-direction:column;gap:12px;padding:24px;display:flex}.art-badge{color:var(--accent);letter-spacing:.5px;text-transform:uppercase;background:#d4af371f;border-radius:100px;align-items:center;gap:4px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.featured-title{color:var(--text-primary);margin:0;font-size:clamp(20px,5vw,24px);font-weight:700;line-height:1.3}.featured-excerpt{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.featured-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:8px;padding-top:16px;display:flex}.featured-meta{color:var(--text-muted);font-size:12px}.featured-action{color:var(--accent);align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.articles-categories{-ms-overflow-style:none;scrollbar-width:none;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.articles-categories::-webkit-scrollbar{display:none}.cat-btn{border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:#ffffff0a;border-radius:100px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.cat-btn.active{background:var(--accent);color:#0b3d2e;border-color:var(--accent)}.hub-articles-grid{grid-template-columns:1fr;gap:20px;display:grid}.article-card-small{border:1px solid var(--border-color);background:#ffffff05;border-radius:16px;align-items:center;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.article-card-small:hover{background:#ffffff0a;border-color:#d4af3733}.acs-img-wrapper{flex-shrink:0;width:110px;height:110px;overflow:hidden}.acs-img{object-fit:cover;width:100%;height:100%}.acs-placeholder{width:100%;height:100%;color:var(--accent);background:#d4af3714;justify-content:center;align-items:center;font-size:24px;display:flex}.acs-content{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex}.acs-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:700;line-height:1.3}.acs-excerpt{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.acs-meta{color:var(--accent);margin-top:4px;font-size:11px;font-weight:600}@media (width>=600px){.featured-article{flex-direction:row}.featured-img-wrapper{aspect-ratio:auto;width:50%}.featured-content{justify-content:center;width:50%;padding:32px}.hub-articles-grid{grid-template-columns:1fr 1fr}}.art-page{flex-direction:column;gap:20px;width:100%;max-width:680px;margin:0 auto;padding-top:12px;padding-bottom:100px;display:flex}.art-page .art-p,.art-page .art-benefit-text,.art-page .art-time-note,.art-page .art-method-card p,.art-page .art-faq-answer,.art-page .art-mistake-row p,.art-page .art-blockquote p,.art-page .art-step-body p,.art-page .art-final-cta p,.art-page .art-related-card p{font-size:var(--art-font-size,16px);line-height:1.8}.art-back{color:var(--text-muted);align-items:center;gap:4px;width:fit-content;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.art-back:hover{color:var(--text-primary)}.art-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px 0 4px;display:flex}.art-category-badge{color:var(--accent);letter-spacing:.5px;text-transform:uppercase;background:#d4af371a;border:1px solid #d4af3733;border-radius:100px;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.art-title{color:var(--text-primary);letter-spacing:-.5px;font-size:clamp(26px,7vw,38px);font-weight:800;line-height:1.2}.art-subtitle{color:var(--text-secondary);max-width:400px;font-size:clamp(14px,3.5vw,17px);line-height:1.5}.art-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.art-controls{border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.art-controls-label{color:var(--text-muted);font-size:13px;font-weight:500}.art-controls-btns{align-items:center;gap:10px;display:flex}.art-ctrl-btn{border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.art-ctrl-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#d4af371a}.art-ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.art-font-indicator{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;min-width:32px;font-size:12px}.art-toc{border-radius:16px;overflow:hidden}.art-toc-header{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px;font-size:14px;font-weight:600;display:flex}.art-toc-list{border-top:1px solid var(--border-color);flex-direction:column;gap:4px;padding:4px 18px 16px;display:flex}.art-toc-item{color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:8px 4px;font-size:13px;text-decoration:none;transition:color .2s;display:flex}.art-toc-item:hover{color:var(--accent)}.art-toc-dot{background:var(--accent);opacity:.5;border-radius:50%;flex-shrink:0;width:6px;height:6px}.art-body{flex-direction:column;gap:16px;display:flex}.art-section{border-radius:18px;flex-direction:column;gap:14px;padding:24px 20px;scroll-margin-top:20px;display:flex}.art-h2{color:var(--text-primary);margin:0;font-size:clamp(18px,4.5vw,22px);font-weight:700;line-height:1.3}.art-h2-center{text-align:center}.art-p{color:var(--text-secondary);margin:0}.art-highlight-box{text-align:center;background:#d4af370f;border:1px solid #d4af3726;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;display:flex}.art-highlight-arabic{font-family:var(--font-arabic,"Amiri", serif);color:var(--accent);direction:rtl;font-size:clamp(16px,4vw,22px);line-height:2}.art-highlight-text{color:var(--text-muted);direction:ltr;margin:0;font-size:13px}.art-blockquote{border-left:3px solid var(--accent);background:#d4af370a;border-radius:0 12px 12px 0;margin:0;padding:14px 16px}.art-blockquote p{color:var(--text-primary);margin:0 0 8px;font-style:italic}.art-blockquote cite{color:var(--accent);opacity:.8;font-size:12px;font-style:normal;font-weight:600}.art-table-wrapper{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;margin-top:8px;overflow-x:auto}.art-table{border-collapse:collapse;width:100%;font-size:var(--art-font-size,16px)}.art-table th,.art-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:14px 18px}.art-table th{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;background:#d4af370f;font-size:14px;font-weight:700}.art-table td{color:var(--text-secondary)}.art-table td strong{color:var(--text-primary);font-weight:600}.art-table tr:last-child td{border-bottom:none}.art-arabic-text{font-family:var(--font-arabic,"Amiri", serif);color:var(--text-primary);font-size:1.25em;text-align:right!important}.art-steps{flex-direction:column;gap:14px;display:flex}.art-step{align-items:flex-start;gap:14px;display:flex}.art-step-num{background:linear-gradient(135deg, var(--accent), #c09a2d);color:#0b3d2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:14px;font-weight:800;display:flex}.art-step-body h3{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:700}.art-step-body p{margin:0}.art-cta-box{background:#d4af370f;border:1px solid #d4af3726;border-radius:14px;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 16px;display:flex}.art-cta-box p{color:var(--text-muted);margin:0;font-size:13px}.art-cta-secondary{border-color:var(--border-color);background:#ffffff08}.art-cta-btn{background:linear-gradient(135deg, var(--accent), #c09a2d);color:#0b3d2e;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #d4af3733}.art-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #d4af374d}.art-cta-btn-outline{color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:none;background:0 0}.art-cta-btn-outline:hover{color:var(--accent);border-color:var(--accent);background:#d4af370f}.art-benefits-list{flex-direction:column;gap:14px;display:flex}.art-benefit-item{align-items:flex-start;gap:14px;display:flex}.art-benefit-icon{flex-shrink:0;margin-top:2px;font-size:22px}.art-benefit-title{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:700}.art-benefit-text{margin:0}.art-time-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.art-time-card{border:1px solid var(--border-color);background:#ffffff08;border-radius:14px;flex-direction:column;gap:6px;padding:16px 14px;display:flex}.art-time-icon{font-size:22px}.art-time-label{color:var(--text-primary);margin:0;font-size:13px;font-weight:700}.art-time-note{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.art-methods{flex-direction:column;gap:12px;display:flex}.art-method-card{border:1px solid var(--border-color);background:#ffffff08;border-radius:14px;flex-direction:column;gap:8px;padding:18px 16px;display:flex}.art-method-icon{font-size:26px}.art-method-card h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.art-method-link{color:var(--accent);align-items:center;gap:4px;margin-top:4px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.art-method-link:hover{opacity:.8}.art-mistakes-list{flex-direction:column;gap:14px;display:flex}.art-mistake-row{flex-direction:column;gap:6px;display:flex}.art-mistake-wrong,.art-mistake-right{border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.art-mistake-wrong{background:#ef53500f;border:1px solid #ef53501f}.art-mistake-right{background:#4caf500f;border:1px solid #4caf501f}.art-mistake-x{color:#ef5350;flex-shrink:0;margin-top:1px;font-size:15px;font-weight:700}.art-mistake-check{color:#66bb6a;flex-shrink:0;margin-top:1px;font-size:15px;font-weight:700}.art-faq-list{flex-direction:column;gap:10px;display:flex}.art-faq-item{border-radius:14px;transition:border-color .2s;overflow:hidden}.art-faq-open{border-color:#d4af3733!important}.art-faq-question{width:100%;color:var(--text-primary);font-size:var(--art-font-size,16px);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-weight:600;line-height:1.4;display:flex}.art-faq-question svg{color:var(--accent);flex-shrink:0}.art-faq-answer{color:var(--text-secondary);border-top:1px solid var(--border-color);margin:0;padding:12px 18px 16px}.art-final-cta{text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;display:flex}.art-final-cta-icon{filter:drop-shadow(0 0 12px #d4af374d);font-size:36px}.art-final-cta h2{color:var(--text-primary);margin:0;font-size:clamp(18px,4.5vw,22px);font-weight:700}.art-final-cta p{color:var(--text-muted);max-width:420px;margin:0}.art-final-cta-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.art-related{flex-direction:column;gap:14px;display:flex}.art-related-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.art-related-card{border-radius:16px;flex-direction:column;gap:8px;padding:18px 16px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.art-related-card:hover{border-color:#d4af374d;transform:translateY(-2px)}.art-related-icon{font-size:24px}.art-related-card h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:700;line-height:1.3}.art-related-card p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.art-img-wrapper{flex-direction:column;gap:8px;display:flex}.art-img-placeholder{aspect-ratio:16/9;background:#d4af370a;border:2px dashed #d4af3726;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;display:flex}.art-img-element{aspect-ratio:16/9;object-fit:cover;background:#d4af370a;border-radius:14px;width:100%}.art-img-icon{opacity:.4;font-size:28px}.art-img-prompt-label{color:var(--text-muted);text-align:center;max-width:300px;font-size:11px;line-height:1.4}.art-img-caption{color:var(--text-muted);text-align:center;margin:0;font-size:11px;font-style:italic}.wc-card{border-radius:14px;flex-direction:column;gap:14px;padding:20px;display:flex}.wc-header{border-left:4px solid;flex-wrap:wrap;align-items:flex-start;gap:14px;padding-left:14px;display:flex}.wc-emoji{flex-shrink:0;margin-top:4px;font-size:24px}.wc-arabic{font-family:var(--font-arabic,"Amiri", serif);color:var(--text-primary);direction:rtl;font-size:clamp(17px,4vw,22px);line-height:1.8}.wc-translit{color:var(--text-muted);margin-top:2px;font-size:12px;font-style:italic}.wc-meaning-badge{white-space:nowrap;border-radius:100px;align-self:center;margin-left:auto;padding:6px 14px;font-size:12px;font-weight:700}.wc-desc{margin:0}.adk-list{flex-direction:column;gap:14px;display:flex}.adk-card{border-radius:14px;flex-direction:column;gap:10px;padding:20px;display:flex}.adk-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.adk-num{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:800}.adk-times-badge{color:var(--accent);white-space:nowrap;background:#d4af371f;border:1px solid #d4af3733;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:700}.adk-arabic{font-family:var(--font-arabic,"Amiri", serif);color:var(--accent);opacity:.9;text-align:right;direction:rtl;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;margin:0;padding:8px 0;font-size:clamp(16px,4vw,20px);line-height:2}.adk-translit{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.adk-translation{font-size:var(--art-font-size,16px);color:var(--text-secondary);margin:0;line-height:1.6}.adk-note{color:var(--text-muted);background:#d4af370d;border:1px solid #d4af371a;border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.5}.art-darood-types{flex-direction:column;gap:14px;display:flex}.art-darood-type-card{border-radius:14px;flex-direction:column;gap:10px;padding:20px;display:flex}.art-darood-type-header{align-items:center;gap:12px;display:flex}.art-darood-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.art-darood-type-name{color:var(--text-primary);margin:0;font-size:15px;font-weight:700;line-height:1.3}.art-darood-arabic{font-family:var(--font-arabic,"Amiri", serif);color:var(--accent);opacity:.9;text-align:right;direction:rtl;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:8px 0;font-size:clamp(15px,3.5vw,19px);line-height:2}.art-darood-translit{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.art-darood-meaning{font-size:var(--art-font-size,16px);color:var(--text-secondary);margin:0;line-height:1.6}.art-darood-note{color:var(--text-muted);background:#d4af370d;border:1px solid #d4af371a;border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.5}.ak-full-verse{border-radius:16px;flex-direction:column;gap:16px;padding:24px 20px;display:flex}.ak-arabic-full{font-family:var(--font-arabic,"Amiri", serif);color:var(--accent);text-align:right;direction:rtl;border-bottom:1px solid #d4af371f;padding-bottom:16px;font-size:clamp(18px,4.5vw,24px);line-height:2.2}.ak-translit-full{color:var(--text-muted);border-bottom:1px solid #ffffff0d;padding-bottom:14px;font-size:13px;font-style:italic;line-height:1.7}.ak-translation-full{font-size:var(--art-font-size,16px);color:var(--text-secondary);line-height:1.7}.ak-ref{color:var(--accent);margin-top:10px;font-size:12px;font-weight:600;display:block}.ak-word-list{flex-direction:column;gap:10px;display:flex}.ak-word-card{border-radius:12px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.ak-word-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ak-word-num{width:24px;height:24px;color:var(--accent);background:#d4af3726;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.ak-word-arabic{font-family:var(--font-arabic,"Amiri", serif);color:var(--accent);direction:rtl;font-size:clamp(16px,3.5vw,20px);line-height:1.8}.ak-word-translit{color:var(--text-muted);margin-left:auto;font-size:12px;font-style:italic}.ak-word-meaning{font-size:var(--art-font-size,16px);color:var(--text-secondary);border-top:1px solid #ffffff0a;margin:0;padding-top:4px;line-height:1.6}.ak-benefit-item{border:1px solid var(--border-color);background:#ffffff05;border-radius:14px;padding:16px}.ak-hadith-inline{background:#d4af3708;border-left:2px solid #d4af3766;border-radius:0 8px 8px 0;margin:8px 0;padding:8px 12px}.ak-hadith-inline p{color:var(--text-primary);margin:0 0 4px;font-size:13px;font-style:italic;line-height:1.5}.ak-hadith-inline cite{color:var(--accent);opacity:.8;font-size:11px;font-style:normal;font-weight:600}.ak-times-list{flex-direction:column;gap:10px;display:flex}.ak-time-row{border-radius:12px;align-items:flex-start;gap:14px;padding:16px;display:flex}.ak-time-icon{flex-shrink:0;margin-top:2px;font-size:22px}.ak-time-body{flex:1}.ak-time-title{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:700}.ak-time-reward{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.ak-time-power{color:var(--accent);white-space:nowrap;flex-shrink:0;padding-top:2px;font-size:11px;font-weight:600}@media (width<=420px){.art-time-grid,.art-related-grid{grid-template-columns:1fr}.art-step{gap:10px}.art-final-cta-btns{flex-direction:column;width:100%}.art-cta-btn{justify-content:center;width:100%}}@media (width>=500px){.art-section{padding:28px 24px}.art-methods{grid-template-columns:1fr 1fr 1fr;display:grid}}.sab-wrapper{border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex;background:#d4af3708!important;border-color:#d4af372e!important}.sab-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.8px;background:#d4af371a;border:1px solid #d4af3733;border-radius:100px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.sab-body{align-items:flex-start;gap:16px;display:flex}.sab-avatar{border:2px solid #d4af3759;border-radius:50%;flex-shrink:0;width:56px;height:56px;overflow:hidden}.sab-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.sab-info{flex-direction:column;flex:1;gap:4px;display:flex}.sab-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin:0;font-size:11px;font-weight:600}.sab-name{color:var(--text-primary);margin:0;font-size:15px;font-weight:700;line-height:1.3}.sab-title{color:var(--accent);margin:0;font-size:12px;font-weight:600}.sab-desc{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.6}.sab-links{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.sab-link{border:1px solid #0000;border-radius:100px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.sab-ext{opacity:.6}.sab-link-yt{color:#f44;background:#ff000014;border-color:#ff000026}.sab-link-yt:hover{background:#ff000024;border-color:#ff00004d}.sab-link-fb{color:#5b9bd5;background:#1877f214;border-color:#1877f226}.sab-link-fb:hover{background:#1877f224;border-color:#1877f24d}.sab-fb-icon{font-size:13px;font-weight:800}.sab-link-pod{color:var(--accent);background:#d4af3714;border-color:#d4af3733}.sab-link-pod:hover{background:#d4af3724;border-color:#d4af3759}@media (width<=440px){.sab-body{flex-direction:column;align-items:flex-start}.sab-avatar{width:44px;height:44px}}.about-page{flex-direction:column;gap:16px;max-width:680px;margin:0 auto;padding-top:12px;padding-bottom:100px;display:flex}.about-back-nav{color:var(--text-muted);border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s,background .2s;display:inline-flex}.about-back-nav:hover{color:var(--text-primary);background:#ffffff0d}.about-logo{object-fit:contain;filter:drop-shadow(0 0 14px #d4af374d);width:64px;height:auto;animation:6s ease-in-out infinite sway}.about-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 12px 8px;display:flex}.about-category-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.8px;background:#d4af371a;border:1px solid #d4af3733;border-radius:100px;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.about-title{color:var(--text-primary);margin:0;font-size:clamp(26px,6vw,36px);font-weight:800;line-height:1.2}.about-subtitle{color:var(--text-muted);max-width:380px;margin:0;font-size:clamp(14px,3vw,16px)}.about-section{border-radius:18px;flex-direction:column;gap:12px;padding:22px 20px;display:flex}.about-h2{color:var(--text-primary);margin:0;font-size:clamp(17px,4vw,21px);font-weight:700}.about-p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.7}.about-scholar{border-radius:18px;flex-direction:column;gap:14px;padding:22px 20px;display:flex;background:#d4af3706!important;border-color:#d4af3733!important}.about-scholar-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.8px;background:#d4af371a;border:1px solid #d4af3733;border-radius:100px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.about-scholar-body{align-items:center;gap:16px;display:flex}.about-scholar-avatar{border:2px solid #d4af3759;border-radius:50%;flex-shrink:0;width:68px;height:68px;overflow:hidden}.about-scholar-photo{object-fit:cover;width:100%;height:100%;display:block}.about-scholar-info{flex-direction:column;gap:3px;display:flex}.about-scholar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin:0;font-size:11px;font-weight:600}.about-scholar-name{color:var(--text-primary);margin:0;font-size:clamp(15px,3.5vw,18px);font-weight:800;line-height:1.3}.about-scholar-title{color:var(--accent);margin:0;font-size:12px;font-weight:600}.about-verify-list{background:#4caf500a;border:1px solid #4caf501a;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.about-verify-item{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.about-verify-check{color:#66bb6a;flex-shrink:0;margin-top:2px}.about-links-label-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:4px 0 0;font-size:12px;font-weight:600}.about-links-row{flex-direction:column;gap:8px;display:flex}.about-ext-link{border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.about-ext-icon{opacity:.6;margin-left:auto}.about-yt{color:#f44;background:#ff000012;border-color:#ff00001f}.about-yt:hover{background:#ff000021}.about-fb{color:#5b9bd5;background:#1877f212;border-color:#1877f21f}.about-fb:hover{background:#1877f221}.about-fb-f{font-size:14px;font-weight:900}.about-pod{color:var(--accent);background:#d4af3712;border-color:#d4af3726}.about-pod:hover{background:#d4af3721}.about-features{flex-direction:column;gap:10px;display:flex}.about-feature-card{border-radius:14px;align-items:flex-start;gap:14px;padding:14px 16px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.about-feature-card:hover{border-color:#d4af3740;transform:translateY(-1px)}.about-feature-icon{flex-shrink:0;margin-top:2px;font-size:22px}.about-feature-title{color:var(--text-primary);margin:0 0 3px;font-size:14px;font-weight:700}.about-feature-desc{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.about-articles-list{flex-direction:column;gap:8px;display:flex}.about-article-row{border-radius:12px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .2s;display:flex}.about-article-row:hover{border-color:#d4af3740}.about-article-icon{flex-shrink:0;font-size:18px}.about-article-title{color:var(--text-primary);flex:1;font-size:13px;font-weight:600;line-height:1.4}.about-article-check{color:#66bb6a;flex-shrink:0}.about-contact-btn{color:var(--accent);background:#d4af3714;border:1px solid #d4af3733;border-radius:12px;align-items:center;gap:8px;width:fit-content;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.about-contact-btn:hover{background:#d4af3724}.about-bottom-cta{border-radius:18px;flex-wrap:wrap;align-items:center;gap:14px;padding:20px;display:flex}.about-cta-icon{flex-shrink:0;font-size:28px}.about-bottom-cta h3{color:var(--text-primary);margin:0 0 3px;font-size:15px;font-weight:700}.about-bottom-cta p{color:var(--text-muted);margin:0;font-size:12px}.about-cta-btn{background:linear-gradient(135deg, var(--accent), #c09a2d);color:#0b3d2e;white-space:nowrap;border-radius:10px;margin-left:auto;padding:10px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s}.about-cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #d4af374d}@media (width<=440px){.about-scholar-body,.about-bottom-cta{flex-direction:column}.about-cta-btn{text-align:center;width:100%;margin-left:0}}