@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Amiri:wght@400;700&display=swap";:root{--primary:#00a2b5;--primary-2:#00d1e3;--primary-rgb:0,162,181;--primary-dark:#008a9a;--accent:#00d1e3;--brand-orange:#ff7e3d;--dark:#0f172a;--surface:#fff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--body-bg:#f8fafc;--text:#0f172a;--text-secondary:#334155;--muted:#64748b;--faint:#94a3b8;--border:1px solid rgba(0,162,181,.08);--border-color:rgba(0,162,181,.08);--shadow-xs:0 1px 3px rgba(0,0,0,.04);--shadow-sm:0 4px 12px rgba(var(--primary-rgb),.04);--shadow:0 15px 35px rgba(var(--primary-rgb),.08);--shadow-lg:0 25px 50px rgba(var(--primary-rgb),.12);--radius:24px;--radius-sm:16px;--radius-xs:12px;--radius-pill:999px;--nav-bg:hsla(0,0%,100%,.85);--card-bg:#fff;--overlay:rgba(15,23,42,.5);--transition:.3s cubic-bezier(.2,0,0,1);--transition-fast:.18s ease;--transition-spring:.5s cubic-bezier(.22,1,.36,1);--font-body:"Cairo",system-ui,-apple-system,sans-serif;--font-quran:"Amiri","Traditional Arabic",serif;--cta-gradient:linear-gradient(135deg,#0f172a,#1e293b);--cta-text:#fff}[data-theme=dark]{--text:#f1f5f9;--text-secondary:#cbd5e1;--muted:#94a3b8;--faint:#64748b;--body-bg:#0b1220;--surface:#1e293b;--surface-2:#162032;--surface-3:#0f172a;--border:1px solid hsla(0,0%,100%,.08);--border-color:hsla(0,0%,100%,.08);--shadow:0 20px 48px rgba(0,0,0,.3);--shadow-lg:0 32px 64px rgba(0,0,0,.4);--nav-bg:rgba(15,23,42,.85);--card-bg:rgba(30,41,59,.8);--overlay:rgba(0,0,0,.6);--brand-orange:#ff9d6a;--cta-gradient:linear-gradient(135deg,#020617,#0f172a)}.store-cards{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.store-card{align-items:center;background:rgba(var(--text-rgb),.05);border:1px solid rgba(var(--text-rgb),.1);border-radius:var(--radius-lg);display:flex;gap:12px;min-width:180px;padding:8px 20px;text-decoration:none;transition:all var(--transition)}.store-card:hover{background:rgba(var(--primary-rgb),.1);border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.store-card-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.store-card-icon img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.store-card-info{display:flex;flex-direction:column}.store-card-text{color:var(--text-secondary);font-size:11px;font-weight:600}.store-card-name{color:var(--text);font-size:15px;font-weight:800}.brand-name{color:var(--brand-orange);transition:color var(--transition)}[data-theme=dark] .store-card{background:#ffffff08;border-color:#ffffff14}.logo-light{display:block}.logo-dark,[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--body-bg);color:var(--text);direction:rtl;font-family:var(--font-body);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{overflow-x:hidden}body:before{background:radial-gradient(ellipse,rgba(var(--primary-rgb),.07),transparent 70%);content:"";height:500px;left:50%;pointer-events:none;position:fixed;top:-200px;transform:translate(-50%);width:800px;z-index:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ol,ul{list-style:none}button{cursor:pointer;font-family:inherit}.container{margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.section{padding:50px 0;position:relative}.section-head{margin-bottom:32px;text-align:center}.section-head h2{font-size:clamp(24px,3.5vw,36px);font-weight:800;line-height:1.3;margin:8px 0 12px}.section-head p{margin:0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3}.eyebrow{color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.1em;margin:0;text-transform:uppercase}.muted{color:var(--muted)}.text-primary{color:var(--primary)}.text-center{text-align:center}.lead{color:var(--muted);font-size:18px;line-height:1.8;margin:0 auto;max-width:640px}.quran-text{direction:rtl;font-family:var(--font-quran);font-size:28px;line-height:2}.nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--nav-bg);border:var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);justify-content:space-between;margin-bottom:20px;padding:12px 28px;position:sticky;top:16px;transition:background var(--transition);z-index:1000}.brand,.nav{align-items:center;display:flex}.brand{font-weight:800;gap:12px}.brand img{height:40px;-o-object-fit:contain;object-fit:contain;width:40px}.brand-text{line-height:1.3}.brand-kicker{color:var(--muted);display:block;font-size:11px;font-weight:600}.nav-links{align-items:center;display:flex;gap:6px}.nav-links a{border-radius:var(--radius-pill);color:var(--muted);font-size:14px;font-weight:600;padding:8px 14px;transition:all var(--transition-fast);white-space:nowrap}.nav-links a.active,.nav-links a:hover{background:rgba(var(--primary-rgb),.08);color:var(--primary)}.nav-actions{align-items:center;display:flex;gap:8px}.menu-toggle{background:none;border:none;color:var(--text);display:none;font-size:24px;line-height:1;padding:4px}.btn{align-items:center;border:none;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 4px 16px rgba(var(--primary-rgb),.3);color:#fff}.btn-primary:hover{box-shadow:0 8px 24px rgba(var(--primary-rgb),.4);transform:translateY(-2px)}.btn-ghost{background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.2);color:var(--primary)}.btn-ghost:hover{background:rgba(var(--primary-rgb),.14);transform:translateY(-2px)}.btn-outline{background:transparent;border:var(--border);color:var(--text)}.btn-outline:hover{border-color:rgba(var(--primary-rgb),.3);color:var(--primary)}.btn-sm{font-size:13px;padding:8px 16px}.btn-icon{border-radius:50%;flex-shrink:0;font-size:18px;height:42px;padding:0!important;width:42px}.card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:var(--border);border-radius:var(--radius);padding:24px;transition:all var(--transition)}.card:hover{box-shadow:var(--shadow)}.card-glass{background:rgba(var(--primary-rgb),.04);border:1px solid rgba(var(--primary-rgb),.1)}.chip{align-items:center;background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.15);border-radius:var(--radius-pill);color:var(--primary);display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:6px 14px}.chip-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pill{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-size:12px;font-weight:700;padding:6px 14px}.pill,.progress-bar{border-radius:var(--radius-pill)}.progress-bar{background:rgba(var(--primary-rgb),.12);height:8px;overflow:hidden;width:100%}.progress-bar .fill{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-radius:var(--radius-pill);height:100%;transition:width .6s var(--transition)}.surface{background:rgba(var(--primary-rgb),.03);border-radius:var(--radius)}[data-theme=dark] .surface{background:#1e293b66}.icon-wrap{background:rgba(var(--primary-rgb),.08);border-radius:var(--radius-xs);color:var(--primary);display:grid;flex-shrink:0;font-size:24px;height:56px;place-items:center;width:56px}.badge-group{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:24px 0}.store-badge{border-radius:8px;height:48px;transition:transform var(--transition-fast)}.store-badge:hover{transform:translateY(-3px)}.dot{background:var(--primary);border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.dot-success{background:#22c55e}.dot-warning{background:#f59e0b}.dot-danger{background:#ef4444}.hero-logo-showcase{margin-bottom:48px;position:relative;text-align:center}.hero-logo-wrapper{animation:heroFloat 4s ease-in-out infinite;display:inline-block;position:relative}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-logo-glow{animation:glowPulse 3s ease-in-out infinite alternate;background:radial-gradient(circle,rgba(var(--primary-rgb),.25) 0,rgba(var(--primary-rgb),.08) 40%,transparent 70%);border-radius:50%;filter:blur(20px);height:260px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:260px}@keyframes glowPulse{0%{opacity:.7;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.hero-logo-ring{animation:ringRotate 30s linear infinite;border:2px dashed rgba(var(--primary-rgb),.15);border-radius:50%;height:240px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:240px}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}.hero-logo-img{display:inline-block;filter:drop-shadow(0 8px 32px rgba(var(--primary-rgb),.2));height:220px;-o-object-fit:contain;object-fit:contain;position:relative;width:220px;z-index:2}[data-theme=dark] .hero-logo-img{filter:drop-shadow(0 8px 32px rgba(var(--primary-rgb),.35)) brightness(1.1)}.hero-logo-tagline{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.12);border-radius:var(--radius-pill);color:var(--primary);display:inline-flex;font-size:15px;font-weight:700;gap:12px;letter-spacing:.02em;margin-top:16px;padding:10px 28px}.tagline-dot{background:var(--primary);border-radius:50%;height:6px;opacity:.5;width:6px}@media(max-width:768px){.hero-logo-img{height:160px;width:160px}.hero-logo-glow{height:200px;width:200px}.hero-logo-ring{height:180px;width:180px}.hero-logo-showcase{margin-bottom:32px}.hero-logo-tagline{font-size:13px;padding:8px 20px}}.hero{overflow:hidden;padding:60px 0 80px;position:relative}.hero-bg-pattern{background-image:radial-gradient(circle at 10% 20%,rgba(var(--primary-rgb),.04) 0,transparent 25%),radial-gradient(circle at 90% 80%,rgba(var(--primary-rgb),.04) 0,transparent 25%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.hero-grid{align-items:center;display:grid;gap:64px;grid-template-columns:1fr .8fr;position:relative;z-index:1}.hero-content h1{background:linear-gradient(135deg,var(--text),var(--primary));-webkit-background-clip:text;font-size:clamp(36px,5.5vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:16px 0 24px;-webkit-text-fill-color:transparent;background-clip:text}.hero-content .lead{color:var(--text-secondary);font-size:19px;line-height:1.8;margin:0 0 40px;max-width:90%}.hero-cards{display:flex;flex-direction:column;gap:16px;position:relative}.hero-cards>*{transition:transform var(--transition),box-shadow var(--transition)}.hero-cards>:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media(max-width:900px){.hero-grid{gap:48px;grid-template-columns:1fr;text-align:center}.hero-content .lead{margin:0 auto 32px}.badge-group,.chip-group{justify-content:center}.hero-cards{margin:0 auto;max-width:480px}}.hero-cards>*{position:relative;z-index:1}.prayer-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.04));border:1px solid rgba(var(--primary-rgb),.15);border-radius:var(--radius);padding:24px}.prayer-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.prayer-location{align-items:center;color:var(--muted);display:flex;font-size:13px;font-weight:600;gap:6px}.prayer-next{margin:20px 0;text-align:center}.prayer-next .label{color:var(--muted);font-size:13px;font-weight:600;margin-bottom:4px}.prayer-next .name{color:var(--primary);font-size:28px;font-weight:800}.prayer-next .time{font-size:36px;font-weight:900;letter-spacing:-.02em;margin:4px 0}.azkar-quick-card{padding:20px}.azkar-quick-card .azkar-text{color:var(--text);font-family:var(--font-quran);font-size:22px;line-height:2;margin:16px 0;text-align:center;transition:all var(--transition)}.azkar-quick-card .azkar-actions{display:flex;gap:8px;justify-content:center}.azkar-counter{align-items:center;display:flex;flex-direction:column;gap:12px;margin:20px 0;min-height:40px}.azkar-count-large{align-items:center;background:rgba(var(--primary-rgb),.05);border:2px solid rgba(var(--primary-rgb),.1);border-radius:var(--radius-pill);cursor:pointer;display:flex;gap:8px;justify-content:center;padding:12px 24px;transition:all var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.azkar-count-large:hover{background:rgba(var(--primary-rgb),.08);transform:scale(1.02)}.azkar-count-large.pulse{animation:countPulse .2s ease-out}.azkar-count-large .curr{color:var(--brand-orange);font-size:32px;font-weight:900;line-height:1}.azkar-count-large .sep{font-size:20px;opacity:.3}.azkar-count-large .total{color:var(--muted);font-size:16px;font-weight:600}.azkar-count-large.completed{background:rgba(var(--primary-rgb),.1);border-color:var(--primary)}@keyframes countPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.azkar-text.completed-pulse{animation:textCelebrate 1s ease-out}@keyframes textCelebrate{0%{color:var(--text);transform:scale(1)}30%{color:var(--primary);transform:scale(1.05)}to{color:var(--text);transform:scale(1)}}.continue-strip{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.continue-strip .continue-info{align-items:center;display:flex;gap:12px}.continue-strip .continue-actions{display:flex;gap:8px}.trust-bar{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:60px 0}.trust-item{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,rgba(var(--primary-rgb),.05),rgba(var(--primary-rgb),.02));border:var(--border);border-radius:var(--radius-lg);display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;text-align:right;transition:all var(--transition)}.trust-item:before{background:radial-gradient(circle at 10% 10%,rgba(var(--primary-rgb),.1),transparent 50%);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition)}.trust-item:hover{border-color:rgba(var(--primary-rgb),.25);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.trust-item:hover:before{opacity:1}.trust-icon-box{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.1);border-radius:16px;color:var(--primary);display:grid;flex-shrink:0;height:60px;place-items:center;transition:all var(--transition);width:60px}.trust-item:hover .trust-icon-box{background:var(--primary);color:#fff;transform:scale(1.1) rotate(5deg)}.trust-content{flex:1}.trust-item .trust-value{color:var(--text);display:block;font-size:24px;font-weight:900;letter-spacing:-.01em;margin-bottom:2px}.trust-item .trust-label{color:var(--muted);font-size:14px;font-weight:600}.trust-item .trust-value.animating{animation:trustPulse .4s ease-out}@keyframes trustPulse{0%{transform:scale(1)}50%{color:var(--primary);transform:scale(1.05)}to{transform:scale(1)}}@media(max-width:991px){.trust-bar{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.trust-bar{grid-template-columns:1fr}.trust-item{padding:20px}}.mockup-showcase{overflow:hidden;padding:20px 0;position:relative}.mockup-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.mockup-slide{align-items:center;display:flex;flex-direction:column;gap:28px;min-width:100%;opacity:.3;padding:0 20px;pointer-events:none;transform:scale(.85);transition:all .5s cubic-bezier(.4,0,.2,1)}.mockup-slide.active{opacity:1;pointer-events:all;transform:scale(1)}.phone-device{background:linear-gradient(145deg,#2a2a3e,#1a1a2e);border-radius:40px;box-shadow:0 20px 60px #00000040,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;height:560px;padding:12px;position:relative;transition:transform .4s ease;width:280px}[data-theme=dark] .phone-device{background:linear-gradient(145deg,#3a3a4e,#2a2a3e);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff14,inset 0 1px #ffffff26}.mockup-slide.active .phone-device:hover{transform:perspective(1000px) rotateY(-3deg) rotateX(2deg) scale(1.02)}.phone-notch{background:#1a1a2e;border-radius:0 0 18px 18px;height:28px;left:50%;position:absolute;top:12px;transform:translate(-50%);width:120px;z-index:10}[data-theme=dark] .phone-notch{background:#2a2a3e}.phone-notch:after{background:#444;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:8px;transform:translate(-50%);width:8px}.phone-screen{background:var(--surface-2);border-radius:28px;height:100%;overflow:hidden;position:relative;width:100%}.phone-screen img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.phone-screen.placeholder{align-items:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.12) 0,rgba(var(--primary-rgb),.04),rgba(var(--primary-rgb),.08) 60%,rgba(var(--primary-rgb),.15));display:flex;justify-content:center}.phone-screen.placeholder:after{content:"📱";font-size:48px;opacity:.3}.mockup-caption{max-width:360px;text-align:center}.mockup-caption h3{font-size:20px;font-weight:800;margin:8px 0 6px}.mockup-caption p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.mockup-badge{background:rgba(var(--primary-rgb),.08);border-radius:var(--radius-pill);color:var(--primary);display:inline-block;font-size:12px;font-weight:700;padding:4px 14px}.mockup-nav{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:32px}.mockup-arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-bg);border:var(--border);border-radius:50%;color:var(--text);cursor:pointer;display:grid;font-size:18px;height:44px;place-items:center;transition:all var(--transition-fast);width:44px}.mockup-arrow:hover{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.2);color:var(--primary);transform:scale(1.08)}.mockup-dots{align-items:center;display:flex;gap:8px}.mockup-dot{background:rgba(var(--primary-rgb),.15);border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.mockup-dot.active{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-radius:6px;width:28px}@media(max-width:768px){.phone-device{border-radius:32px;height:440px;padding:10px;width:220px}.phone-screen{border-radius:22px}.phone-notch{border-radius:0 0 14px 14px;height:22px;top:10px;width:90px}.phone-notch:after{height:6px;top:6px;width:6px}.mockup-caption h3{font-size:17px}}.features-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--border);border-radius:var(--radius);display:flex;flex-direction:column;padding:32px 24px;text-align:center}.feature-card:hover{border-color:rgba(var(--primary-rgb),.2);box-shadow:var(--shadow);transform:translateY(-6px)}.feature-card h3{font-size:18px;font-weight:700;margin:16px 0 8px}.feature-card p{color:var(--muted);font-size:14px;line-height:1.7}.reviews-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.review-card{padding:24px}.review-card .stars{color:#f59e0b;font-size:16px;margin-bottom:12px}.review-card .review-text{color:var(--text-secondary);font-size:15px;line-height:1.8;margin-bottom:16px}.review-card .reviewer{color:var(--muted);font-size:13px;font-weight:700}.cta-section{background:var(--cta-gradient);border:1px solid rgba(var(--primary-rgb),.12);border-radius:var(--radius);color:var(--cta-text);overflow:hidden;padding:80px 40px;position:relative;text-align:center;--theme-icon-filter:brightness(0) invert(1);--text:#fff;--text-secondary:hsla(0,0%,100%,.7)}.cta-section .store-card{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2)}.cta-section .store-card-name,.cta-section .store-card-text{color:#fff!important}.cta-section .store-card img:not([alt=AppGallery]){filter:brightness(0) invert(1)!important}.cta-section .store-card img[alt=AppGallery]{filter:none!important}.cta-section:before{background:radial-gradient(circle,rgba(var(--primary-rgb),.1),transparent);border-radius:50%;content:"";height:400px;pointer-events:none;position:absolute;right:-100px;top:-200px;width:400px}.cta-section h2{font-size:clamp(24px,4vw,36px);font-weight:800;margin-bottom:16px}.cta-section .lead{margin-bottom:32px}.cta-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.status-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.status-item{align-items:center;background:var(--card-bg);border:var(--border);border-radius:var(--radius-sm);display:flex;gap:12px;padding:16px 20px}.status-item .status-name{font-size:14px;font-weight:700}.status-item .status-badge{border-radius:var(--radius-pill);font-size:12px;font-weight:700;margin-right:auto;padding:4px 10px}.status-badge.up{background:#22c55e1a;color:#22c55e}.status-badge.degraded{background:#f59e0b1a;color:#f59e0b}.faq-list{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:720px}.faq-list details{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-bg);border:var(--border);border-radius:var(--radius-sm);padding:18px 22px;transition:all var(--transition-fast)}.faq-list details[open]{border-color:rgba(var(--primary-rgb),.2)}.faq-list summary{align-items:center;cursor:pointer;display:flex;font-size:15px;font-weight:700;justify-content:space-between;list-style:none}.faq-list summary:after{color:var(--primary);content:"+";font-size:20px;font-weight:300;transition:transform var(--transition-fast)}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list summary::-webkit-details-marker{display:none}.faq-list details p{color:var(--muted);font-size:14px;line-height:1.8;margin-top:12px}.footer{border-top:var(--border);padding:64px 0 32px}.footer-grid{display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:48px}.footer-brand p{color:var(--muted);font-size:14px;line-height:1.7;margin-top:12px;max-width:280px}.footer-col h4{color:var(--text);font-size:14px;font-weight:800;margin-bottom:16px}.footer-col a{color:var(--muted);display:block;font-size:14px;font-weight:500;padding:4px 0;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--primary)}.footer-bottom{align-items:center;border-top:var(--border);color:var(--faint);display:flex;font-size:13px;justify-content:space-between;padding-top:24px}.footer-social{display:flex;gap:16px}.footer-social a{color:var(--muted);font-size:18px;transition:color var(--transition-fast)}.footer-social a:hover{color:var(--primary)}.toast{background:var(--surface);border:var(--border);border-radius:var(--radius-pill);bottom:24px;box-shadow:var(--shadow-lg);color:var(--text);font-size:14px;font-weight:700;left:50%;opacity:0;padding:12px 24px;pointer-events:none;position:fixed;transform:translate(-50%) translateY(100px);transition:all .4s var(--transition);z-index:9999}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.22,1,.36,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media(max-width:1024px){.container{max-width:960px}.about-grid,.hero-grid{gap:48px;grid-template-columns:1fr;text-align:center}.hero-content{align-items:center;display:flex;flex-direction:column}.hero-content .lead{margin:0 auto 32px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--radius:20px}.section{padding:60px 0}.section-head{margin-bottom:32px;padding:0 10px}.section-head h2{font-size:28px}.nav{margin:10px 14px;min-height:64px;padding:14px 22px;top:10px}.nav-links{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:var(--nav-bg);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);display:none;flex-direction:column;gap:8px;left:0;opacity:0;padding:20px;pointer-events:none;position:absolute;right:0;top:calc(100% + 12px);transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-links.open{display:flex;opacity:1;pointer-events:all;transform:translateY(0)}.menu-toggle{align-items:center;background:rgba(var(--primary-rgb),.05);border:var(--border);border-radius:50%;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.nav-actions{flex-direction:row-reverse;gap:12px}.nav-actions .btn:not(.btn-icon){display:none}.features-grid{padding:0 8px}.features-grid,.footer-grid,.privacy-grid{grid-template-columns:1fr}.footer-grid{text-align:center}.footer-brand{align-items:center;display:flex;flex-direction:column}.footer-bottom{flex-direction:column;gap:20px}}@media(max-width:480px){.container{padding:0 20px}.section{padding:48px 0}.section-head h2{font-size:24px}.hero-content h1{font-size:32px;line-height:1.2}.hero-content .lead{font-size:16px;line-height:1.6}.btn{padding:14px 24px;width:100%}.hero-actions{display:flex;flex-direction:column;gap:12px;width:100%}.hero-logo-img{height:140px;width:140px}.hero-logo-ring{height:160px;width:160px}.card{padding:20px}.brand-text{font-size:14px}.brand img{height:32px;width:32px}[data-theme=dark] .brand-name{color:var(--primary-2)}@media(max-width:400px){.brand-kicker{display:none}.nav{padding:10px 16px}.nav-actions{gap:8px}}.store-badge{height:40px}.badge-group{gap:10px}}@media(max-width:360px){.hero-content h1{font-size:28px}.hero-logo-tagline{font-size:11px;padding:6px 16px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.features-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:48px}.feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);height:100%;overflow:hidden;padding:32px;position:relative;transition:all var(--transition)}.feature-card:hover{border-color:rgba(var(--primary-rgb),.3);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon{border-radius:16px;display:grid;height:56px;margin-bottom:24px;place-items:center;transition:all var(--transition);width:56px}.feature-icon svg{height:28px;stroke-width:2px;width:28px}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-card h3{color:var(--text);font-size:20px;font-weight:800;margin-bottom:12px}.feature-card p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0}.quran-icon{background:#10b9811a;color:#10b981}.azkar-icon{background:#f59e0b1a;color:#f59e0b}.prayer-icon{background:#3b82f61a;color:#3b82f6}.qibla-icon{background:#6366f11a;color:#6366f1}.dua-icon{background:#14b8a61a;color:#14b8a6}.notify-icon{background:#8b5cf61a;color:#8b5cf6}[data-theme=dark] .quran-icon{background:#10b98126}[data-theme=dark] .azkar-icon{background:#f59e0b26}[data-theme=dark] .prayer-icon{background:#3b82f626}[data-theme=dark] .qibla-icon{background:#6366f126}[data-theme=dark] .dua-icon{background:#14b8a626}[data-theme=dark] .notify-icon{background:#8b5cf626}.privacy-surface{overflow:hidden;padding:80px 0;position:relative}.privacy-surface:before{background:radial-gradient(circle,rgba(var(--primary-rgb),.08) 0,transparent 70%);content:"";height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px;z-index:0}.privacy-grid{display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-top:64px;position:relative;z-index:1}.privacy-item{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card-bg);border:1px solid var(--border);border-radius:24px;display:flex;flex-direction:column;padding:40px 32px;text-align:center;transition:all var(--transition)}.privacy-item:hover{border-color:rgba(var(--primary-rgb),.3);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.privacy-icon{border-radius:24px;display:grid;font-size:32px;height:72px;margin-bottom:24px;place-items:center;transition:all var(--transition);width:72px}.privacy-icon svg{height:36px;stroke-width:1.5px;width:36px}.privacy-item:hover .privacy-icon{transform:scale(1.1) rotate(5deg)}.privacy-item h3{color:var(--text);font-size:20px;font-weight:800;margin-bottom:16px}.privacy-item p{color:var(--text-secondary);font-size:15px;line-height:1.7;margin:0}.lock-icon{background:#10b9811a;color:#10b981}.offline-icon{background:#6b72801a;color:#6b7280}.location-icon{background:#ef44441a;color:#ef4444}.open-icon{background:#3b82f61a;color:#3b82f6}[data-theme=dark] .lock-icon{background:#10b98126}[data-theme=dark] .offline-icon{background:#6b728026}[data-theme=dark] .location-icon{background:#ef444426}[data-theme=dark] .open-icon{background:#3b82f626}@media(max-width:900px){.privacy-grid{gap:24px;grid-template-columns:1fr}}.about-grid{align-items:start;display:grid;gap:64px;grid-template-columns:1.2fr .8fr;margin-top:40px}.about-content h2{background:linear-gradient(135deg,var(--text) 0,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;font-size:36px;margin-bottom:24px;-webkit-text-fill-color:transparent}.about-content .lead{border-right:4px solid var(--primary);color:var(--text-secondary);font-size:18px;line-height:1.8;margin-bottom:40px;padding-right:24px}.about-vision h3{color:var(--text);font-size:22px;margin-bottom:24px}.vision-list{display:flex;flex-direction:column;gap:24px;list-style:none;margin:0;padding:0}.vision-list li{align-items:flex-start;display:flex;gap:16px}.check-icon{background:rgba(var(--primary-rgb),.1);border-radius:50%;color:var(--primary);display:grid;flex-shrink:0;font-size:16px;height:32px;margin-top:4px;place-items:center;width:32px}.vision-list strong{color:var(--text);display:block;font-size:16px;margin-bottom:4px}.vision-list p{color:var(--text-secondary);font-size:14px;margin:0}.share-box{background:linear-gradient(135deg,rgba(var(--primary-rgb),.05),transparent);border:1px dashed rgba(var(--primary-rgb),.3);border-radius:16px;color:var(--text);font-size:15px;line-height:1.6;margin-top:48px;padding:24px}.developer-card{background:var(--card-bg);border:1px solid var(--border);border-radius:32px;padding:40px;position:sticky;top:40px}.dev-header{align-items:center;display:flex;gap:24px;margin-bottom:32px}.dev-avatar{border:3px solid rgba(var(--primary-rgb),.2);border-radius:50%;height:80px;overflow:hidden;padding:3px;width:80px}.dev-avatar img{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.dev-info h3{font-size:20px;margin:0 0 4px}.dev-role{color:var(--primary);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.dev-social{display:flex;gap:12px}.dev-social a{background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);display:grid;height:36px;place-items:center;transition:all var(--transition);width:36px}.dev-social a:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.contributors-section{border-bottom:1px solid var(--border);border-top:1px solid var(--border);margin:24px 0;padding:24px 0}.contributors-section h4{font-size:16px;margin:0 0 8px}.contrib-text{color:var(--text-secondary);font-size:13px;line-height:1.6;margin-bottom:16px}.contrib-link{align-items:center;color:var(--primary);display:inline-flex;font-size:14px;font-weight:700;gap:6px;text-decoration:none}.contrib-link:hover{text-decoration:underline}.tech-stack-mini{display:flex;flex-wrap:wrap;gap:8px}.tech-stack-mini span{background:rgba(var(--text-rgb),.05);border:1px solid rgba(var(--border-rgb),.5);border-radius:20px;color:var(--text-secondary);font-size:12px;padding:6px 12px}@media(max-width:900px){.about-grid{gap:48px;grid-template-columns:1fr}.developer-card{padding:32px 24px;position:static}}.azkar-progress-sticky{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid rgba(var(--primary-rgb),.1);margin-bottom:24px;padding:12px 0;position:sticky;top:70px;transition:background .3s ease;z-index:90}[data-theme=dark] .azkar-progress-sticky{background:#1a1a2ee6}.progress-track{background:rgba(var(--primary-rgb),.1);border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary),var(--primary-2));border-radius:4px;height:100%;transition:width .5s ease;width:0}.progress-text{color:var(--muted);display:flex;font-size:13px;font-weight:700;justify-content:space-between}.azkar-card{background:var(--surface);border:1px solid rgba(var(--border-rgb),.8);box-shadow:var(--shadow-xs);cursor:pointer;display:flex;flex-direction:column;gap:16px;margin-bottom:0;overflow:hidden;padding:32px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.azkar-card:hover{border-color:rgba(var(--primary-rgb),.3);box-shadow:var(--shadow-sm);transform:translateY(-4px)}.azkar-card:active{transform:scale(.98)}.azkar-card.completed{background:#10b9810a;border-color:#10b9814d;opacity:.8}.azkar-card.completed .zikr-text{color:var(--muted);text-decoration-color:rgba(var(--muted-rgb),.4)}.azkar-card.completed:after{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275);background:#10b981;border-radius:50%;box-shadow:0 4px 12px #10b9814d;color:#fff;content:"✓";display:grid;font-size:20px;font-weight:700;height:36px;left:20px;place-items:center;position:absolute;top:20px;width:36px;z-index:10}@keyframes popIn{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}.zikr-text{color:var(--text);font-size:24px;font-weight:500;line-height:2.4;text-align:center}.zikr-source{align-self:center;background:rgba(var(--primary-rgb),.08);border-radius:12px;color:var(--primary);font-size:13px;font-weight:700;padding:4px 12px}.azkar-counter-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px}.cpill{background:rgba(var(--border-rgb),.5);border-radius:4px;height:8px;transition:all .3s ease;width:32px}.cpill.done{background:var(--primary);box-shadow:0 0 8px rgba(var(--primary-rgb),.4)}.zikr-actions{border-top:1px solid rgba(var(--border-rgb),.4);display:flex;gap:12px;justify-content:center;margin-top:auto;opacity:.6;padding-top:20px;transition:opacity .2s}.azkar-card:hover .zikr-actions{opacity:1}.font-controls{align-items:center;background:var(--card-bg);border:1px solid rgba(var(--border-rgb),.5);border-radius:20px;display:flex;gap:8px;margin-right:auto;padding:6px 12px}.font-btn{background:transparent;border:1px solid var(--border-color);border-radius:50%;color:var(--text);cursor:pointer;display:grid;font-size:14px;font-weight:700;height:28px;padding:0;place-items:center;transition:all .2s;width:28px}.font-btn:hover{background:rgba(var(--primary-rgb),.1);border-color:var(--primary);color:var(--primary)}.icon{fill:none;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:20px}.icon-sm{height:16px;width:16px}.icon-lg{height:24px;width:24px}.section-tab{align-items:center;display:inline-flex;gap:8px}.section-tab .icon{opacity:.7;transition:opacity .2s}.section-tab.active .icon{opacity:1}