@import"https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=Amiri:ital,wght@0,400;0,700;1,400&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&family=Space+Grotesk:wght@400;500;600;700&family=Caveat:wght@600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--font-arabic: "Aref Ruqaa", "Amiri", serif;--font-poppins: "Poppins", sans-serif;--font-display: "Poppins", "Space Grotesk", "Plus Jakarta Sans", sans-serif;--font-heading: "Poppins", "Space Grotesk", -apple-system, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, sans-serif;--font-script: "Caveat", cursive;--bg-main: #f8fafc;--bg-surface: #ffffff;--bg-dark: #0a0a08;--text-black: #0a0a08;--text-gray: #5a5a54;--text-light: #9a9a94;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-green: #68d814;--accent-green-dark: #4eb00a;--green-glow: rgba(104, 216, 20, .15);--border-line: rgba(10, 10, 8, .1);--border: #e2e8f0;--bg-subtle: #f8fafc;--radius-pill: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:linear-gradient(180deg,#fff,#f1f4f9 45%,#fff);color:var(--text-black);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-black)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}img{max-width:100%;display:block}.app-container{min-height:100vh}.nav-float-wrapper{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 20px;pointer-events:none;transition:padding .35s cubic-bezier(.16,1,.3,1)}.nav-float-wrapper.nav-scrolled{padding:10px 20px}.nav-pill{max-width:1060px;margin:0 auto;background:#fffffff5;backdrop-filter:blur(28px) saturate(1.8);-webkit-backdrop-filter:blur(28px) saturate(1.8);border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:22px 28px 22px 36px;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:all;box-shadow:0 16px 48px #00000014,0 2px 10px #00000008;transition:all .3s ease}.nav-scrolled .nav-pill{padding:16px 24px 16px 32px;min-height:72px}.nav-logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.nav-logo-img{width:44px;height:44px;border-radius:12px;object-fit:cover;border:1px solid rgba(0,0,0,.08)}.nav-logo-text{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:#0a0a08;letter-spacing:-.025em;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:6px;list-style:none}.nav-link{font-size:1rem;font-weight:600;color:#444440;padding:10px 22px;border-radius:12px;transition:all .2s;white-space:nowrap}.nav-link:hover,.nav-link.nav-active{color:#0a0a08;background:#0a0a080f}.nav-cta-group{display:flex;align-items:center;gap:12px;flex-shrink:0}.nav-cta-btn{background:#0a0a08;color:#fff;font-size:.98rem;font-weight:700;padding:14px 28px;border-radius:14px;transition:all .22s;white-space:nowrap;letter-spacing:-.01em;box-shadow:0 4px 18px #0a0a0829}.nav-cta-btn:hover{background:#252522;transform:translateY(-1px);box-shadow:0 8px 26px #0a0a083d}.nav-hamburger-btn{display:none;align-items:center;justify-content:center;color:#0a0a08;padding:8px 12px;border-radius:12px;background:#0a0a080d;border:1px solid rgba(10,10,8,.08);transition:all .2s;cursor:pointer}.nav-hamburger-btn:hover{color:#0a0a08;background:#0a0a081a}@media (max-width: 768px){.nav-float-wrapper{display:flex;flex-direction:column;align-items:flex-end;padding:14px 16px}.nav-pill{margin:0 0 0 auto;padding:10px 14px 10px 18px;gap:10px;min-height:52px;border-radius:14px;box-shadow:0 8px 30px #0000001f}.nav-logo-text{font-size:.95rem}.nav-logo-img{width:28px;height:28px}.nav-links,.nav-cta-btn{display:none}.nav-hamburger-btn{display:flex;gap:6px}}.nav-mobile-menu{width:calc(100vw - 32px);max-width:300px;margin:8px 0 0 auto;align-self:flex-end;background:#fffffffa;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(10,10,8,.08);border-radius:20px;padding:10px;display:flex;flex-direction:column;gap:4px;pointer-events:all;box-shadow:0 16px 40px #0000001f;animation:fadeInDown .22s cubic-bezier(.16,1,.3,1) forwards}.nav-mobile-link{font-size:.92rem;font-weight:600;color:#444440;padding:12px 16px;border-radius:12px;text-align:left;transition:all .2s}.nav-mobile-link:hover,.nav-mobile-link.nav-active{color:#0a0a08;background:#0a0a080d}.nav-mega-dropdown{position:relative;width:100%;pointer-events:all;animation:megaSlideDown .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes megaSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.mega-container{max-width:1060px;margin:10px auto 0;background:#fffffffa;backdrop-filter:blur(32px) saturate(1.8);-webkit-backdrop-filter:blur(32px) saturate(1.8);border:1px solid rgba(0,0,0,.08);border-radius:24px;padding:32px;display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start;box-shadow:0 24px 70px #0000001f,0 4px 20px #00000008}.mega-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mega-card{border-radius:20px;padding:28px 24px 24px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,filter .25s ease}.mega-card:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 14px 32px #0000001f}.mega-card-blue{background:linear-gradient(135deg,#09f,#0072ff);color:#fff}.mega-card-purple{background:linear-gradient(135deg,#a865ff,#8938ff);color:#fff}.mega-card-grey{background:#f1f3f7;color:#0a0a08}.mega-card-body{display:flex;flex-direction:column;justify-content:space-between;height:100%}.mega-card-title{font-family:var(--font-display);font-size:1.35rem;font-weight:800;line-height:1.2;letter-spacing:-.025em;margin-bottom:24px}.mega-card-link{display:inline-flex;align-items:center;gap:6px;font-size:.94rem;font-weight:700;opacity:.92;transition:gap .2s ease,opacity .2s ease}.mega-card:hover .mega-card-link{gap:10px;opacity:1}.mega-right-col{padding-left:8px;display:flex;flex-direction:column;height:100%;justify-content:space-between}.mega-news-heading{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:#0a0a08;letter-spacing:-.02em;margin-bottom:18px}.mega-news-list{list-style:none;display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.mega-news-item{font-size:.98rem;font-weight:600;color:#444440;line-height:1.4;transition:color .2s ease;cursor:pointer}.mega-news-item:hover{color:#0072ff}.mega-news-btn{background:#f1f3f7;color:#0a0a08;font-size:.95rem;font-weight:700;padding:14px 24px;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .22s ease;width:fit-content}.mega-news-btn:hover{background:#e3e6ed;transform:translateY(-1px);box-shadow:0 4px 14px #0000000f}@media (max-width: 900px){.nav-mega-dropdown{display:none}}.nearby-section{padding:100px 24px;background:#fff;position:relative;overflow:hidden}.nearby-bg-map-graphic{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:0;opacity:.65;pointer-events:none}.vector-map-svg{width:100%;height:100%;object-fit:cover;display:block}.nearby-map-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ffffffe6,#f8fafc8c 45%,#ffffffe6);pointer-events:none;z-index:1}.nearby-container{max-width:1240px;margin:0 auto;position:relative;z-index:2}.custom-map-pin-wrap{background:transparent!important;border:none!important}.custom-map-pin{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease}.custom-map-pin:hover{transform:scale(1.08)}.pin-title{background:#0a0a08;color:#fff;font-family:var(--font-display);font-size:.74rem;font-weight:700;padding:4px 10px;border-radius:8px;white-space:nowrap;box-shadow:0 4px 12px #00000026;margin-bottom:4px;max-width:140px;overflow:hidden;text-overflow:ellipsis}.custom-map-pin.pin-active .pin-title{background:#00b83b;color:#fff}.pin-dot{width:14px;height:14px;background:#00b83b;border:2.5px solid #ffffff;border-radius:50%;box-shadow:0 2px 8px #0003}.nearby-header{text-align:center;max-width:720px;margin:0 auto 52px;display:flex;flex-direction:column;align-items:center}.nearby-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#00b83b14;border:1px solid rgba(0,184,59,.2);color:#00b83b;font-size:.88rem;font-weight:700;padding:6px 16px;border-radius:100px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.04em}.icon-pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.nearby-title{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;color:#0a0a08;line-height:1.15;letter-spacing:-.03em;margin-bottom:16px}.nearby-subtitle{font-size:1.08rem;color:#5a5a54;line-height:1.6;margin-bottom:28px}.nearby-action-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.nearby-loc-btn{background:#0a0a08;color:#fff;font-size:.98rem;font-weight:700;padding:14px 28px;border-radius:14px;display:inline-flex;align-items:center;gap:10px;transition:all .22s ease;box-shadow:0 4px 18px #0a0a0829;cursor:pointer}.nearby-loc-btn:hover:not(:disabled){background:#252522;transform:translateY(-2px);box-shadow:0 8px 24px #0a0a083d}.spin-icon{animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nearby-safety-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffffe6;border:1px solid rgba(10,10,8,.08);font-size:.88rem;font-weight:600;color:#444440;padding:12px 20px;border-radius:14px;box-shadow:0 2px 8px #00000008}.nearby-status-text{font-size:.85rem;font-weight:600;color:#7a7a72;margin-top:14px;display:flex;align-items:center;gap:6px}.nearby-status-text.status-success{color:#00b83b}.nearby-detected-pill{margin-top:16px;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(0,184,59,.25);font-size:.88rem;font-weight:600;color:#0a0a08;padding:8px 18px;border-radius:100px;box-shadow:none}.nearby-search-box{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(10,10,8,.12);border-radius:14px;padding:10px 18px;min-width:320px;box-shadow:0 2px 10px #00000008;transition:all .2s}.nearby-search-box:focus-within{border-color:#0a0a08;box-shadow:0 2px 8px #0000000d}.nearby-search-input{border:none;outline:none;background:transparent;font-family:inherit;font-size:.94rem;font-weight:500;color:#0a0a08;width:100%}.nearby-refresh-btn{background:#fff;border:1px solid rgba(10,10,8,.12);color:#0a0a08;padding:14px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000008}.nearby-refresh-btn:hover{background:#f8fafc;border-color:#0a0a0833}.item-stats-row{display:flex;align-items:center;gap:12px;margin-top:10px}.stat-pill{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:#5a5a54;background:#f1f5f9;padding:4px 10px;border-radius:100px}.detail-stats-block{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;background:#f8fafc;padding:14px;border-radius:16px;border:1px solid rgba(10,10,8,.04)}.detail-stat-item{display:flex;align-items:center;gap:8px;font-size:.88rem;color:#444440}.pj-card{background:#fff;border:1px solid rgba(10,10,8,.08);border-radius:28px;padding:36px 32px;box-shadow:0 16px 48px #0000000f}.pj-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.pj-title{font-family:var(--font-display);font-size:2.1rem;font-weight:800;color:#09090b;line-height:1.15;letter-spacing:-.03em}.pj-heart-btn{width:46px;height:46px;border-radius:50%;border:1px solid #e4e4e7;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.pj-heart-btn:hover,.pj-heart-btn.liked{border-color:#ef4444;background:#fef2f2}.pj-address{font-size:.94rem;color:#71717a;line-height:1.55;margin-bottom:24px}.pj-dates-row{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:24px;scrollbar-width:none;-ms-overflow-style:none}.pj-dates-row::-webkit-scrollbar{display:none}.pj-date-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 14px;min-width:68px;border-radius:14px;background:#f4f4f5;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0}.pj-date-pill:hover{background:#e4e4e7}.pj-date-pill.active{background:#00b83b;color:#fff}.pj-date-num{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:#09090b;line-height:1.1}.pj-date-month{font-size:.72rem;font-weight:600;color:#71717a}.pj-date-pill.active .pj-date-num,.pj-date-pill.active .pj-date-month{color:#fff}.pj-timings-list{display:flex;flex-direction:column;gap:10px}.pj-timing-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-radius:18px;background:#f8fafc;transition:all .22s ease;cursor:pointer;border:1px solid transparent}.pj-timing-bar:hover{background:#f1f5f9}.pj-prayer-name{font-family:var(--font-display);font-size:1.08rem;font-weight:700;color:#09090b}.pj-prayer-time{font-family:var(--font-display);font-size:1.08rem;font-weight:600;color:#71717a}.pj-timing-bar.active-black{background:#00b83b;color:#fff;border:none;box-shadow:none}.pj-timing-bar.active-black .pj-prayer-name{color:#fff;font-size:1.15rem;font-weight:800}.pj-timing-bar.active-black .pj-prayer-time{color:#fff;font-size:1.45rem;font-weight:800}.timing-row.jumuah-row{background:#68d81414;border-color:#68d81440}.nearby-detail-col{display:flex;flex-direction:column;gap:16px}.pj-add-widget-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:#0f172a;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:20px;font-family:var(--font-display);font-size:.98rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 20px #0f172a26}.pj-add-widget-btn:hover{background:#00b83b;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00b83b38}.pj-add-widget-btn.added{background:#00b83b;color:#fff}@media (max-width: 768px){.nearby-search-box{width:100%;min-width:unset}}.nearby-container{max-width:1240px;margin:0 auto}.nearby-grid{display:grid;grid-template-columns:1fr 460px;gap:32px;align-items:start}.nearby-list-col{display:flex;flex-direction:column;gap:16px}.nearby-list-header{display:flex;justify-content:space-between;align-items:center;padding:0 4px;font-size:.92rem;font-weight:700;color:#7a7a72}.nearby-cards-stack{display:flex;flex-direction:column;gap:14px}.nearby-item-card{background:#fff;border:1px solid rgba(10,10,8,.08);border-radius:20px;padding:20px 24px;width:100%;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 10px #00000008;overflow:hidden}.nearby-item-card:hover{transform:translateY(-2px);border-color:#0a0a0833;box-shadow:0 6px 20px #0000000d}.nearby-item-card.active{border-color:#00b83b;border-width:2px;background:#fff;box-shadow:none}.item-quick-timings span{background:#f4f4f5;padding:5px 12px;border-radius:10px;font-size:.82rem;font-weight:600;color:#3f3f46}.nearby-detail-col{width:100%;margin:0;position:sticky;top:120px}@media (max-width: 1100px){.nearby-grid{grid-template-columns:1fr}.nearby-cards-stack{flex-direction:column}.nearby-detail-col{max-width:600px;margin:0 auto;position:static}}@media (max-width: 768px){.nearby-cards-stack{flex-direction:column}.nearby-item-card{aspect-ratio:auto}}.item-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-card-name{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:#0a0a08}.item-card-dist{font-size:.85rem;font-weight:700;color:#00b83b;background:#00b83b14;padding:4px 10px;border-radius:100px}.item-card-sub{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#6a6a64;margin-bottom:14px}.verified-pill{display:inline-flex;align-items:center;gap:4px;font-size:.76rem;font-weight:700;color:#00b83b;margin-left:8px}.item-quick-timings{display:flex;flex-wrap:wrap;gap:12px;padding-top:12px;border-top:1px dashed rgba(10,10,8,.08);font-size:.84rem;font-weight:600;color:#444440}.nearby-detail-col{position:sticky;top:120px}.detail-card{background:#fff;border:1px solid rgba(10,10,8,.08);border-radius:24px;padding:32px;box-shadow:0 20px 50px #00000014,0 2px 10px #00000005}.detail-card-badge{display:inline-flex;align-items:center;gap:8px;background:#0a0a08;color:#fff;font-size:.75rem;font-weight:800;padding:6px 14px;border-radius:100px;letter-spacing:.06em;margin-bottom:20px}.live-dot{width:8px;height:8px;background:#68d814;border-radius:50%;animation:pulse 1.5s infinite}.detail-card-title{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:#0a0a08;margin-bottom:6px;letter-spacing:-.02em}.detail-card-address{font-size:.92rem;color:#6a6a64;margin-bottom:28px}.detail-timings-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.timing-row{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#f8fafc;border-radius:14px;border:1px solid rgba(10,10,8,.04);font-size:.96rem;font-weight:600}.timing-row.active-next{background:#00b83b0f;border-color:#00b83b4d}.timing-name-group{display:flex;align-items:center;gap:8px}.timing-name{color:#0a0a08;font-weight:700}.next-tag{background:#00b83b;color:#fff;font-size:.68rem;font-weight:800;padding:2px 8px;border-radius:100px;letter-spacing:.04em}.timing-val{font-family:var(--font-display);font-weight:800;color:#0a0a08}.detail-footer-note{display:flex;align-items:flex-start;gap:10px;font-size:.84rem;color:#6a6a64;line-height:1.45;padding-top:18px;border-top:1px solid rgba(10,10,8,.06)}@media (max-width: 900px){.nearby-grid{grid-template-columns:1fr}.nearby-detail-col{position:static}}.hero-v2{min-height:100vh;padding:190px 24px 0;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;background:var(--bg-main)}.hero-v2:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(10,10,8,.055) 1px,transparent 1px);background-size:28px 28px;z-index:0;pointer-events:none}.hero-glow-blob{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(72px)}.hero-glow-blob-1{width:700px;height:700px;background:radial-gradient(circle,rgba(104,216,20,.11) 0%,transparent 65%);top:-120px;left:50%;transform:translate(-50%)}.hero-glow-blob-2{width:440px;height:440px;background:radial-gradient(circle,rgba(104,216,20,.07) 0%,transparent 65%);bottom:8%;right:3%}.hero-glow-blob-3{width:340px;height:340px;background:radial-gradient(circle,rgba(104,216,20,.05) 0%,transparent 65%);bottom:12%;left:3%}.hero-content{position:relative;z-index:2;max-width:840px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:56px}.hero-announce-badge{display:inline-flex;align-items:center;gap:8px;background:#68d81417;border:1px solid rgba(104,216,20,.24);color:#2d6e00;font-size:.78rem;font-weight:700;letter-spacing:.03em;padding:7px 18px;border-radius:100px;margin-bottom:38px;animation:fadeInDown .8s cubic-bezier(.16,1,.3,1) both;cursor:default}.announce-pulse{width:7px;height:7px;background:var(--accent-green);border-radius:50%;flex-shrink:0;animation:glowPulse 2.2s ease-in-out infinite}.hero-display-title{font-family:var(--font-poppins);font-size:clamp(3rem,8.5vw,7.5rem);font-weight:800;line-height:.92;letter-spacing:-.04em;color:var(--text-black);text-transform:uppercase;margin-bottom:28px;animation:fadeInUp 1s .15s cubic-bezier(.16,1,.3,1) both}.hero-display-title .green-word{color:var(--accent-green);font-family:var(--font-poppins);font-weight:800}.hero-display-title .italic-light{font-family:var(--font-poppins);font-style:italic;font-weight:400;color:var(--text-gray);text-transform:none}.hero-motto-tagline{font-family:var(--font-arabic);font-size:clamp(1.25rem,2.4vw,1.85rem);font-weight:700;color:#00b83b;letter-spacing:.02em;margin-top:4px;margin-bottom:24px;display:block;background:none;border:none;padding:0;border-radius:0}.hero-badge-pill{display:inline-flex;align-items:center;gap:8px;background:#68d8141f;border:1px solid rgba(104,216,20,.35);color:#1a4d04;font-size:.78rem;font-weight:700;padding:6px 14px 6px 10px;border-radius:100px;margin-bottom:24px;letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none}.hero-badge-dot{width:8px;height:8px;background:var(--accent-green);border-radius:50%;position:relative;box-shadow:none}.hero-badge-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1.5px solid var(--accent-green);animation:badgePing 1.8s cubic-bezier(0,0,.2,1) infinite}@keyframes badgePing{0%{transform:scale(.8);opacity:1}to{transform:scale(2.2);opacity:0}}.hero-sub{font-size:clamp(.95rem,1.6vw,1.1rem);color:var(--text-gray);font-weight:500;line-height:1.65;max-width:460px;margin-bottom:40px}.hero-cta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:60px}.btn-green-pill{position:relative;display:inline-flex;align-items:center;gap:10px;background:var(--accent-green);color:var(--text-black);font-family:var(--font-display);font-weight:800;font-size:.96rem;padding:16px 32px;border-radius:100px;letter-spacing:-.01em;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .25s,background .2s;box-shadow:0 4px 16px #0000001f;overflow:hidden;cursor:pointer}.btn-green-pill:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform:skew(-25deg);animation:ctaShimmerSweep 3.5s infinite 1s}@keyframes ctaShimmerSweep{0%{left:-100%}30%{left:180%}to{left:180%}}.btn-green-pill:hover{background:#79e823;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #0000002e}.btn-ghost-pill{display:inline-flex;align-items:center;gap:9px;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-black);font-family:var(--font-display);font-weight:700;font-size:.93rem;padding:15px 30px;border-radius:100px;border:1.5px solid rgba(10,10,8,.16);letter-spacing:-.01em;transition:all .22s;cursor:pointer}.btn-ghost-pill:hover{border-color:var(--text-black);background:var(--text-black);color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #0000001f}.hero-stats-card{background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(10,10,8,.08);border-radius:28px;padding:32px 48px;display:flex;align-items:center;gap:48px;flex-wrap:wrap;justify-content:center;box-shadow:0 24px 80px #00000014,inset 0 1px #fffffff2;width:100%;max-width:640px;transition:box-shadow .3s,border-color .3s;will-change:transform}.hero-stats-card:hover{border-color:#0a0a0829;box-shadow:0 30px 90px #0000001f}.hero-stat-item{text-align:center}.hero-stat-divider{width:1px;height:44px;background:var(--border-line);flex-shrink:0}.hero-stat-number{font-family:var(--font-display);font-size:2.1rem;font-weight:700;letter-spacing:-.04em;color:var(--text-black);line-height:1;margin-bottom:5px}.hero-stat-number span{color:var(--accent-green)}.hero-stat-label{font-size:.74rem;color:var(--text-gray);font-weight:500;letter-spacing:.01em}.hero-social-proof{width:100%;position:relative;z-index:2;background:#ffffff8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-line);padding:28px 48px 32px;margin-top:64px;display:flex;flex-direction:column;align-items:center;gap:28px}.hero-proof-tagline{display:flex;align-items:center;gap:20px;width:100%;max-width:720px}.hero-proof-line{flex:1;height:1px;background:var(--border-line);display:block}.hero-proof-text{font-size:.85rem;color:var(--text-gray);font-weight:400;white-space:nowrap;text-align:center;flex-shrink:0}.hero-proof-text strong{color:var(--text-black);font-weight:700}.hero-proof-logos{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap}.hero-proof-logo{font-family:var(--font-display);color:var(--text-black);cursor:default;white-space:nowrap;display:inline-block;will-change:opacity,transform}.proof-enter{animation:proofEnter .55s cubic-bezier(.16,1,.3,1) both}.proof-exit{animation:proofExit .35s ease forwards;pointer-events:none}@keyframes proofEnter{0%{opacity:0;transform:scale(.8) translateY(6px)}to{opacity:.55;transform:scale(1) translateY(0)}}@keyframes proofExit{0%{opacity:.55;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.88) translateY(-4px)}}@media (max-width: 768px){.hero-social-proof{padding:24px 20px 28px;gap:20px}.hero-proof-logos{gap:24px}.hero-proof-logo{font-size:.85rem!important}.hero-proof-text{font-size:.78rem;white-space:normal;text-align:center}.hero-proof-tagline{gap:12px}}@media (max-width: 480px){.hero-social-proof{padding:20px 16px}.hero-proof-logos{gap:16px}.hero-proof-tagline{flex-direction:column;gap:8px}.hero-proof-line{display:none}}@media (max-width: 768px){.hero-v2{padding-top:94px}.hero-stats-card{padding:24px 28px;gap:24px}.hero-stat-divider{display:none}.hero-display-title{letter-spacing:-.035em}.hero-bottom-ticker{gap:20px;padding:16px}}.features-v2{padding:100px 24px;max-width:1200px;margin:0 auto}.features-header-v2{margin-bottom:56px}.features-eyebrow{font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-green);margin-bottom:12px;display:flex;align-items:center;gap:8px}.features-eyebrow:before{content:"";display:inline-block;width:20px;height:2px;background:var(--accent-green);border-radius:2px;flex-shrink:0}.features-title-v2{font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.6rem);font-weight:700;letter-spacing:-.04em;line-height:.93;color:var(--text-black);max-width:500px;margin-bottom:16px}.features-sub-v2{color:var(--text-gray);font-size:1rem;font-weight:500;line-height:1.6;max-width:420px}.bento-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.bento-card{background:var(--bg-surface);border:1px solid var(--border-line);border-radius:24px;padding:32px;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}.bento-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000000d;border-color:#0a0a081f}.features-v3{padding:100px 24px;max-width:1240px;margin:0 auto}.cards-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card-3col{background:#f8f8fa;border:1px solid rgba(10,10,8,.07);border-radius:32px;padding:40px 36px;min-height:480px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;box-shadow:0 10px 30px #00000008}.card-3col:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000000d;border-color:#0a0a081a}.card-3col-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card-3col-title{font-family:var(--font-display);font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:#0a0a08}.text-green-accent{color:#00b83b}.card-3col-icon-green{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.card-3col-location{font-size:.78rem;font-weight:600;color:#888884;margin-bottom:14px}.card-inner-box{background:#fff;border-radius:20px;padding:22px 24px;box-shadow:0 6px 24px #0000000a;border:1px solid rgba(10,10,8,.05)}.card-prayer-name{font-size:1.05rem;font-weight:600;color:#444440}.card-prayer-time-large{font-family:var(--font-display);font-size:2.2rem;font-weight:900;letter-spacing:-.03em;color:#0a0a08;margin:4px 0 14px}.card-time-pill-dark{display:inline-flex;align-items:center;gap:8px;background:#1c1c1a;color:#fff;font-size:.74rem;font-weight:700;padding:6px 14px;border-radius:100px}.card-pill-bar{width:24px;height:6px;background:#333330;border-radius:100px}.card-notice-box{background:#fff;border-radius:20px;padding:20px 22px;box-shadow:0 6px 24px #0000000a;border:1px solid rgba(10,10,8,.06)}.card-notice-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card-notice-pin{font-size:.76rem;font-weight:700;color:#444440}.card-notice-badge{font-size:.65rem;font-weight:800;letter-spacing:.05em;background:#00b83b1f;color:#00b83b;padding:3px 8px;border-radius:100px}.card-notice-heading{font-family:var(--font-display);font-size:1.08rem;font-weight:800;color:#0a0a08;margin-bottom:6px;letter-spacing:-.02em}.card-notice-text{font-size:.82rem;color:#555550;line-height:1.5}.card-footer-sub{font-size:.76rem;font-weight:600;color:#999994;margin-top:14px}.card-time-pill-light{display:inline-flex;align-items:center;gap:6px;background:#f2f2f5;color:#555550;font-size:.74rem;font-weight:700;padding:5px 12px;border-radius:100px}.card-alarm-pointer-badge{position:absolute;top:-16px;right:-16px;display:flex;align-items:center}.alarm-plus-circle{width:40px;height:40px;border-radius:50%;background:#737373;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;border:2.5px solid #f8f8fa}.cursor-pointer-icon{margin-top:16px;margin-left:-8px;transform:rotate(-15deg)}@media (max-width: 900px){.cards-grid-3col{grid-template-columns:1fr}}.bento-card-top{background:#f0f0f2;border-radius:36px;padding:56px 64px;position:relative;overflow:hidden;border:1px solid rgba(10,10,8,.05)}.bento-featured-content{display:flex;align-items:center;justify-content:space-between;gap:48px}.bento-featured-left{flex:1.1;display:flex;flex-direction:column;align-items:flex-start}.bento-featured-icon{width:52px;height:52px;border-radius:50%;background:transparent;border:2.5px solid #0a0a08;display:flex;align-items:center;justify-content:center;margin-bottom:32px}.bento-featured-title{font-family:var(--font-display);font-size:clamp(2.2rem,4.2vw,3.6rem);font-weight:800;letter-spacing:-.045em;line-height:1.02;color:#0a0a08;margin-bottom:40px;max-width:440px}.bento-featured-pill-btn{background:#e4ff2e;color:#0a0a08;font-family:var(--font-display);font-size:.95rem;font-weight:800;padding:16px 34px;border-radius:100px;letter-spacing:-.01em;box-shadow:0 4px 16px #0000001a;transition:transform .22s,box-shadow .22s,background .22s;cursor:pointer;border:none}.bento-featured-pill-btn:hover{background:#d4f21d;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #00000026}.bento-featured-right{flex:.9;max-width:320px;width:100%}.bento-sticker-card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 20px 50px #00000014,0 2px 10px #00000008;border:1.5px solid rgba(10,10,8,.08);transition:transform .3s cubic-bezier(.16,1,.3,1)}.bento-card-top:hover .bento-sticker-card{transform:translateY(-4px) rotate(1.5deg)}.bento-sticker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border-line)}.bento-sticker-masjid{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;color:var(--text-black)}.bento-sticker-dot{width:7px;height:7px;background:var(--accent-green);border-radius:50%;box-shadow:none}.bento-sticker-badge{font-size:.68rem;font-weight:800;letter-spacing:.05em;background:var(--accent-green);color:var(--text-black);padding:3px 8px;border-radius:100px}.bento-prayer-list{display:flex;flex-direction:column;gap:8px}.bento-prayer-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:14px;background:#0a0a0808;transition:all .2s}.bento-prayer-active{background:#68d81426;border:1px solid rgba(10,10,8,.08)}.bento-prayer-name{font-size:.85rem;font-weight:700;color:var(--text-black)}.bento-prayer-time{font-size:.85rem;font-weight:600;color:var(--text-gray);font-variant-numeric:tabular-nums}.bento-prayer-active .bento-prayer-time{color:var(--text-black);font-weight:800}.bento-prayer-live-tag{font-size:.62rem;font-weight:800;background:#0a0a08;color:var(--accent-green);padding:2px 7px;border-radius:100px;letter-spacing:.04em}.bento-cards-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bento-card-purple{background:#b4f29b;border-radius:36px;padding:48px;min-height:290px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.bento-card-purple:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000000f}.bento-card-lavender{background:#e9fad8;border-radius:36px;padding:48px;min-height:290px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.bento-card-lavender:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000000f}.bento-badge-white{display:inline-block;background:#fff;color:#0a0a08;font-family:var(--font-display);font-size:.85rem;font-weight:800;padding:8px 20px;border-radius:100px;margin-bottom:24px;box-shadow:0 2px 10px #0000000a}.bento-badge-purple{display:inline-block;background:#c8f5b8;color:#174208;font-family:var(--font-display);font-size:.85rem;font-weight:800;padding:8px 20px;border-radius:100px;margin-bottom:24px}.bento-card-title-large{font-family:var(--font-display);font-size:clamp(1.8rem,2.8vw,2.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.06;color:#0a0a08;max-width:360px}.bento-card-link-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.95rem;font-weight:700;color:#0a0a08;background:transparent;border:none;cursor:pointer;padding:0;margin-top:24px;transition:gap .2s,color .2s}.bento-card-link-btn:hover{gap:12px;color:#000}@media (max-width: 900px){.bento-card-top{padding:36px 28px}.bento-featured-content{flex-direction:column;gap:32px}.bento-cards-bottom-row{grid-template-columns:1fr}.bento-card-purple,.bento-card-lavender{padding:36px 28px;min-height:240px}}.bento-card-sm-right,.bento-card-sm-left{grid-column:span 2}.bento-card-md-right{grid-column:span 4}.bento-card-half-a,.bento-card-half-b{grid-column:span 3}.bento-icon-wrap{width:48px;height:48px;border-radius:14px;background:var(--bg-main);border:1px solid var(--border-line);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .3s ease;flex-shrink:0}.bento-card:hover .bento-icon-wrap{background:var(--accent-green);border-color:var(--accent-green);transform:rotate(-6deg) scale(1.1);box-shadow:0 6px 20px #68d81459}.bento-tag{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);margin-bottom:8px}.bento-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.025em;color:var(--text-black);margin-bottom:10px;line-height:1.2}.bento-card-featured .bento-title{font-size:1.55rem}.bento-desc{font-size:.88rem;color:var(--text-gray);line-height:1.6}.bento-stat-chip{display:inline-flex;align-items:center;gap:6px;background:#68d8141a;border:1px solid rgba(104,216,20,.22);color:#2d6e00;font-size:.73rem;font-weight:700;padding:5px 12px;border-radius:100px;margin-top:16px}.bento-visual-area{margin-top:20px;height:72px;border-radius:14px;background:var(--bg-main);border:1px solid var(--border-line);display:flex;align-items:center;justify-content:center;font-size:2rem}.bento-progress-bars{margin-top:24px;display:flex;flex-direction:column;gap:10px}.bento-progress-row{display:flex;align-items:center;gap:12px}.bento-progress-label{font-size:.72rem;font-weight:700;color:var(--text-gray);min-width:52px}.bento-progress-track{flex:1;height:5px;background:var(--bg-main);border-radius:100px;overflow:hidden;border:1px solid var(--border-line)}.bento-progress-fill{height:100%;border-radius:100px;background:var(--accent-green);transition:width 1.2s cubic-bezier(.16,1,.3,1)}@media (max-width: 900px){.bento-card-featured,.bento-card-sm-right,.bento-card-sm-left,.bento-card-md-right,.bento-card-half-a,.bento-card-half-b{grid-column:span 6}}.stacked-section{padding:100px 24px 40px}.stacked-section-header{max-width:1200px;margin:0 auto 56px}.stacked-eyebrow{font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-green);margin-bottom:12px;display:flex;align-items:center;gap:8px}.stacked-eyebrow:before{content:"";width:20px;height:2px;background:var(--accent-green);border-radius:2px;flex-shrink:0}.stacked-heading{font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.6rem);font-weight:700;letter-spacing:-.04em;line-height:.93;color:var(--text-black)}.stacked-section-pinned{padding:60px 24px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.stacked-stage-container{position:relative;width:100%;max-width:520px;height:640px;margin:0 auto}.stacked-stage-container .stack-card-wrapper{position:absolute;top:0;left:0;right:0;height:100%;min-height:640px;border-radius:40px;padding:52px 46px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;overflow:hidden;border:1.5px solid rgba(255,255,255,.16);box-shadow:0 30px 90px #00000047,0 6px 24px #0000001f,inset 0 1px #ffffff38;will-change:transform,opacity;transform-style:preserve-3d;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.stack-pill-tag{display:inline-block;background:#fff;color:#0a0a08;font-family:var(--font-display);font-size:.94rem;font-weight:800;padding:10px 22px;border-radius:12px;letter-spacing:-.01em;box-shadow:0 4px 18px #0000001f}.stack-card-description{font-size:1.1rem;font-weight:500;color:#ffffffeb;line-height:1.6;max-width:440px;margin-top:28px;margin-bottom:20px}.stack-giant-display{font-family:var(--font-display);font-size:clamp(8rem,26vw,14.5rem);font-weight:900;letter-spacing:-.06em;line-height:.82;align-self:center;margin-top:auto;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.stacked-stage-container{height:520px;max-width:100%}.stacked-stage-container .stack-card-wrapper{min-height:520px;padding:36px 26px;border-radius:32px}.stack-card-description{font-size:.98rem}}.reviews-v2{padding:100px 24px;max-width:1200px;margin:0 auto}.reviews-eyebrow{font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-green);margin-bottom:12px;display:flex;align-items:center;gap:8px}.reviews-eyebrow:before{content:"";width:20px;height:2px;background:var(--accent-green);border-radius:2px;flex-shrink:0}.reviews-heading-v2{font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.6rem);font-weight:700;letter-spacing:-.04em;line-height:.93;margin-bottom:52px}.reviews-heading-v2 .accent-text{color:var(--accent-green)}.featured-review{background:var(--text-black);border-radius:32px;padding:60px;margin-bottom:18px;position:relative;overflow:hidden}.featured-review-bg-quote{position:absolute;top:-36px;left:32px;font-size:16rem;font-family:Georgia,serif;color:#68d8140f;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.featured-review-text{font-family:var(--font-display);font-size:clamp(1.2rem,2.8vw,1.8rem);font-weight:600;letter-spacing:-.025em;line-height:1.42;color:#fff;max-width:740px;margin-bottom:36px;position:relative}.featured-review-author{display:flex;align-items:center;gap:14px;position:relative;flex-wrap:wrap}.review-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-green);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--text-black);flex-shrink:0}.review-author-name{font-weight:700;font-size:.93rem;color:#fff}.review-author-role{font-size:.8rem;color:#ffffff70;margin-top:2px}.review-mosque-badge{margin-left:auto;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:.74rem;font-weight:600;padding:6px 14px;border-radius:100px;display:flex;align-items:center;gap:6px;white-space:nowrap}.reviews-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-card-v2{background:#fff;border:1px solid var(--border-line);border-radius:24px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s}.review-card-v2:hover{transform:translateY(-4px);box-shadow:0 16px 44px #0000000f}.review-stars-v2{display:flex;gap:3px;margin-bottom:14px}.review-text-v2{font-size:.9rem;line-height:1.65;color:var(--text-black);font-weight:500;flex:1;margin-bottom:20px}.review-author-v2{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-line);padding-top:16px;gap:8px;flex-wrap:wrap}.review-author-name-v2{font-weight:700;font-size:.88rem;color:var(--text-black)}.review-author-role-v2{font-size:.78rem;color:var(--text-gray);margin-top:2px}.review-badge-v2{background:var(--bg-main);border:1px solid var(--border-line);color:var(--text-gray);font-size:.72rem;font-weight:600;padding:5px 12px;border-radius:100px;display:flex;align-items:center;gap:5px;white-space:nowrap}@media (max-width: 900px){.reviews-grid-v2{grid-template-columns:1fr}.featured-review{padding:36px 28px}}.motto-banner-section{min-height:80vh;padding:180px 24px 160px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.motto-banner-container{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:60px}.motto-banner-quote{font-family:var(--font-poppins);font-size:clamp(3rem,7.5vw,6.2rem);font-weight:800;letter-spacing:-.045em;line-height:1.06;color:#0a0a08}.motto-accent-word{color:#00b83b;font-weight:800}.motto-brand-card{display:inline-flex;align-items:center;gap:18px;background:#fff;border:1px solid rgba(10,10,8,.1);border-radius:22px;padding:20px 36px;box-shadow:0 6px 28px #0000000a}.motto-card-logo{width:50px;height:50px;border-radius:14px;object-fit:cover;border:1px solid rgba(10,10,8,.08)}.motto-card-info{text-align:left}.motto-card-title{font-family:var(--font-display);font-size:1rem;font-weight:800;color:#0a0a08}.motto-card-subtitle{font-size:.85rem;color:#71717a;font-weight:500}.footer-cta-block{background:var(--text-black);padding:100px 24px;text-align:center;position:relative;overflow:hidden;margin-top:80px}.footer-cta-glow{display:none}.footer-cta-decor-1{position:absolute;top:-100px;right:-100px;width:340px;height:340px;border-radius:50%;background:#68d8140a;pointer-events:none}.footer-cta-decor-2{position:absolute;bottom:-80px;left:-80px;width:260px;height:260px;border-radius:50%;background:#68d81408;pointer-events:none}.footer-cta-eyebrow{font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-green);margin-bottom:16px;position:relative}.footer-cta-title{font-family:var(--font-display);font-size:clamp(2.6rem,7vw,5.5rem);font-weight:700;letter-spacing:-.048em;line-height:.86;color:#fff;text-transform:uppercase;margin-bottom:22px;position:relative}.footer-cta-sub{color:#ffffff70;font-size:1rem;font-weight:500;line-height:1.65;margin-bottom:42px;max-width:380px;margin-left:auto;margin-right:auto;position:relative}.footer-cta-actions{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}.btn-cta-green{display:inline-flex;align-items:center;gap:9px;background:var(--accent-green);color:var(--text-black);font-family:var(--font-display);font-weight:700;font-size:.93rem;padding:14px 32px;border-radius:100px;transition:all .22s;letter-spacing:-.01em;box-shadow:0 4px 14px #0a0a0829}.btn-cta-green:hover{background:#79e823;transform:translateY(-2px);box-shadow:0 8px 24px #0a0a083d}.btn-cta-outline{display:inline-flex;align-items:center;gap:9px;background:transparent;color:#ffffffa6;font-family:var(--font-display);font-weight:600;font-size:.93rem;padding:13px 32px;border-radius:100px;border:1.5px solid rgba(255,255,255,.15);transition:all .22s;letter-spacing:-.01em}.btn-cta-outline:hover{color:#fff;border-color:#fff6;transform:translateY(-2px)}.minimal-footer-v2{background:var(--bg-main);border-top:1px solid var(--border-line);padding:52px 24px 32px}.footer-inner-grid{max-width:1200px;margin:0 auto 28px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:56px;padding-bottom:44px;border-bottom:1px solid var(--border-line)}@media (max-width: 768px){.footer-inner-grid{grid-template-columns:1fr;gap:36px}}.footer-brand-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.footer-logo-img{width:32px;height:32px;border-radius:9px;object-fit:cover;border:1px solid var(--border-line)}.footer-brand-txt{font-family:var(--font-display);font-size:.98rem;font-weight:700;color:var(--text-black)}.footer-desc-v2{font-size:.86rem;color:var(--text-gray);line-height:1.7;max-width:280px}.footer-col-label{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-black);margin-bottom:18px}.footer-link-list{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-link-list li button,.footer-link-list li a{font-size:.86rem;color:var(--text-gray);font-weight:500;transition:color .2s;display:flex;align-items:center;gap:6px}.footer-link-list li button:hover,.footer-link-list li a:hover{color:var(--text-black)}.footer-bottom-bar{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-copyright-v2{font-size:.8rem;color:var(--text-light)}.footer-legal-links{display:flex;gap:20px}.footer-legal-links button{font-size:.8rem;color:var(--text-light);font-weight:500;transition:color .2s}.footer-legal-links button:hover{color:var(--text-black)}.page-offset{padding-top:100px;min-height:calc(100vh - 84px);background:#fff}.animate-fade-in{animation:pageFadeIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:9999px;background-color:var(--text-black);color:#fff;font-size:.92rem;font-weight:700;box-shadow:0 4px 14px #00000026;transition:all .2s}.btn-primary:hover{background-color:#252b33;transform:translateY(-2px)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:9999px;background-color:#fff;color:var(--text-black);border:1px solid var(--border-line);font-size:.92rem;font-weight:700;transition:all .2s}.btn-outline:hover{background-color:#e5e7eb}.pill-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:600;background:#fff;color:var(--text-gray);border:1px solid var(--border-line)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 1024px){.nav-pill{max-width:100%}.features-v2{padding:80px 20px}.bento-card-featured{grid-column:span 4}.bento-card-sm-right,.bento-card-sm-left{grid-column:span 2}.bento-card-md-right{grid-column:span 4}.bento-card-half-a,.bento-card-half-b{grid-column:span 3}.stacked-section{padding:80px 20px 40px}.stacked-section-header{margin-bottom:48px}.stack-card{padding:52px 48px;gap:48px}.reviews-v2{padding:80px 20px}.featured-review{padding:48px}.footer-cta-block{padding:80px 20px}.footer-inner-grid{gap:40px}.minimal-footer-v2{padding:44px 20px 28px}}@media (max-width: 900px){.hero-v2{padding-top:100px}.hero-content{padding-bottom:40px}.hero-stats-card{gap:28px;padding:28px 32px}.hero-bottom-ticker{gap:24px;padding:16px 20px}.bento-card-featured,.bento-card-sm-right,.bento-card-sm-left,.bento-card-md-right,.bento-card-half-a,.bento-card-half-b{grid-column:span 6}.bento-card{padding:28px}.bento-card-featured .bento-title{font-size:1.3rem}.stack-card:nth-child(1){top:80px}.stack-card:nth-child(2){top:86px}.stack-card:nth-child(3){top:92px}.stack-card:nth-child(4){top:98px}.stack-card{padding:44px 40px;min-height:340px;gap:36px}.reviews-grid-v2{grid-template-columns:1fr 1fr}.featured-review{padding:40px 36px}.featured-review-text{font-size:clamp(1.1rem,2.5vw,1.4rem)}.review-mosque-badge{display:none}.footer-inner-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-cta-title{font-size:clamp(2.2rem,6vw,4rem)}}@media (max-width: 768px){.nav-float-wrapper{padding:12px 14px}.nav-logo-text{font-size:.82rem}.nav-cta-btn{display:none}.hero-v2{padding:88px 16px 0}.hero-content{padding-bottom:32px}.hero-display-title{font-size:clamp(2.6rem,11vw,4rem);letter-spacing:-.035em;line-height:.9}.hero-sub{font-size:.95rem;max-width:100%}.hero-cta-row{gap:10px;margin-bottom:40px}.btn-green-pill,.btn-ghost-pill{font-size:.85rem;padding:12px 22px}.hero-stats-card{padding:24px 20px;gap:20px;border-radius:20px;max-width:100%}.hero-stat-divider{display:none}.hero-stat-number{font-size:1.6rem}.hero-bottom-ticker{gap:16px;padding:14px 16px;flex-wrap:wrap}.hero-ticker-item{font-size:.76rem;gap:6px}.features-v2{padding:64px 16px}.features-title-v2,.features-sub-v2{max-width:100%}.bento-grid{gap:12px}.bento-card{padding:24px;border-radius:20px}.bento-card-featured .bento-title{font-size:1.2rem}.stacked-section{padding:64px 16px 32px}.stacked-section-header{margin-bottom:36px}.stacked-heading{font-size:clamp(1.8rem,6vw,2.6rem)}.stack-card{padding:32px 24px;min-height:auto;flex-direction:column;align-items:flex-start;gap:20px;border-radius:24px}.stack-card:nth-child(1){top:72px}.stack-card:nth-child(2){top:78px}.stack-card:nth-child(3){top:84px}.stack-card:nth-child(4){top:90px}.stack-card-title{font-size:clamp(1.6rem,6vw,2.2rem)}.stack-card-desc{font-size:.9rem;max-width:100%}.stack-card-icon{width:72px;height:72px;font-size:2.2rem;border-radius:16px}.reviews-v2{padding:64px 16px}.reviews-heading-v2{font-size:clamp(1.8rem,6vw,2.6rem);margin-bottom:36px}.reviews-grid-v2{grid-template-columns:1fr}.featured-review{padding:32px 24px;border-radius:24px}.featured-review-bg-quote{font-size:10rem;top:-20px;left:20px}.featured-review-text{font-size:clamp(1rem,3.5vw,1.2rem)}.footer-cta-block{padding:64px 16px;margin-top:48px}.footer-cta-title{font-size:clamp(2rem,8vw,3.2rem)}.footer-cta-sub{font-size:.92rem;max-width:100%}.footer-cta-actions{gap:10px}.btn-cta-green,.btn-cta-outline{font-size:.85rem;padding:12px 24px}.minimal-footer-v2{padding:36px 16px 24px}.footer-inner-grid{grid-template-columns:1fr;gap:28px;padding-bottom:32px}.footer-desc-v2{max-width:100%}.footer-bottom-bar{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 640px){.nav-float-wrapper{padding:10px 12px}.nav-pill{padding:7px 7px 7px 16px}.hero-display-title{font-size:clamp(2.2rem,10vw,3.4rem);letter-spacing:-.03em}.hero-cta-row{flex-direction:column;width:100%}.btn-green-pill,.btn-ghost-pill{width:100%;justify-content:center}.hero-stats-card{flex-direction:column;gap:16px;padding:20px;align-items:stretch}.hero-stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-line)}.hero-stat-item:last-child{border-bottom:none}.hero-stat-number{font-size:1.5rem;margin-bottom:0}.hero-stat-label{font-size:.78rem;text-align:right}.features-v2{padding:56px 14px}.bento-card{padding:20px;border-radius:18px}.bento-progress-label{min-width:44px;font-size:.68rem}.stacked-section{padding:56px 14px 24px}.stack-card{padding:28px 20px;border-radius:20px;margin-bottom:12px}.stack-card-title{font-size:clamp(1.4rem,7vw,2rem)}.reviews-v2{padding:56px 14px}.featured-review{padding:28px 20px;border-radius:20px}.review-card-v2{padding:22px}.footer-cta-block{padding:56px 14px}.footer-cta-actions{flex-direction:column;width:100%}.btn-cta-green,.btn-cta-outline{width:100%;justify-content:center}.minimal-footer-v2{padding:32px 14px 20px}}@media (max-width: 480px){.nav-logo-text{display:none}.nav-pill{padding:6px 6px 6px 12px}.nav-logo-img{width:28px;height:28px}.hero-v2{padding-top:80px}.hero-display-title{font-size:clamp(2rem,11vw,3rem);letter-spacing:-.025em}.hero-sub{font-size:.9rem}.hero-bottom-ticker{display:none}.stack-card:nth-child(1),.stack-card:nth-child(2),.stack-card:nth-child(3),.stack-card:nth-child(4){position:relative;top:auto}.footer-cta-title{font-size:clamp(1.8rem,9vw,2.6rem)}}@media (max-height: 600px) and (orientation: landscape){.hero-v2{min-height:auto;padding:80px 24px 0}.hero-display-title{font-size:clamp(2rem,6vw,3rem)}.hero-stats-card{display:none}}@media (max-width: 768px){input[type=text],input[type=email],input[type=password],input[type=tel],input[type=search],select,textarea{font-size:16px!important}.page-offset{padding-top:76px!important}.policy-wrapper{padding:24px 16px!important;border-radius:18px!important}.policy-wrapper h1{font-size:clamp(1.6rem,6vw,2.2rem)!important}.policy-wrapper h2{font-size:1.2rem!important}button,a{touch-action:manipulation}.nav-mobile-menu{position:fixed;top:72px;left:12px;right:12px;background:#fffffffa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 20px 40px #0000001f;z-index:1000;max-height:calc(100vh - 90px);overflow-y:auto}.nav-mobile-link{display:flex;align-items:center;padding:12px 16px;border-radius:12px;font-size:.95rem;font-weight:600;color:#0f172a;transition:background .2s;text-align:left;width:100%}.nav-mobile-link:hover,.nav-mobile-link.nav-active{background:#f1f5f9;color:#00b83b}.nav-mobile-cta-btn{background:#00b83b!important;color:#fff!important;font-weight:700;justify-content:center;margin-top:8px;box-shadow:0 4px 14px #00b83b4d}.poster-lightbox-modal,.auth-modal-card,.masjid-modal-content{width:94%!important;max-height:90vh!important;overflow-y:auto!important;margin:0 auto!important}}@media (max-width: 480px){.policy-wrapper{padding:20px 14px!important}}.stacked-section-smooth{padding:90px 24px 120px;background:linear-gradient(180deg,#fff,#f8fafc,#fff);position:relative}.stacked-section-header{max-width:660px;margin:0 auto 60px;text-align:center}.stacked-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#eefcf2;border:1px solid rgba(0,184,59,.2);border-radius:9999px;font-size:.78rem;font-weight:700;letter-spacing:.06em;color:#05882c;text-transform:uppercase;margin-bottom:16px}.stacked-heading{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;color:#0f172a;line-height:1.15;letter-spacing:-.03em}.stacked-sticky-container{max-width:660px;margin:0 auto;display:flex;flex-direction:column;padding-bottom:60px}.stack-card-sticky-item{position:sticky;border-radius:36px;padding:56px 48px 44px;margin-bottom:70px;box-shadow:0 24px 60px #0f172a2e;border:1px solid rgba(255,255,255,.22);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;min-height:540px;display:flex;flex-direction:column;justify-content:space-between}.stack-card-inner{position:relative;z-index:2}.stack-pill-tag{display:inline-block;background:#fffffff2;color:#0f172a;font-size:.88rem;font-weight:800;padding:8px 18px;border-radius:9999px;box-shadow:0 4px 14px #0000001f;margin-bottom:28px}.stack-card-content{max-width:500px}.stack-card-title-text{font-size:2.1rem;font-weight:800;color:#fff;line-height:1.25;margin-bottom:14px}.stack-card-description{font-size:1.12rem;color:#fffffff0;line-height:1.65;font-weight:500}.stack-giant-display{position:absolute;bottom:-15px;right:24px;font-size:clamp(7rem,18vw,11rem);font-weight:900;line-height:.85;letter-spacing:-.05em;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}@media (max-width: 640px){.stacked-section-smooth{padding:60px 16px}.stack-card-sticky-item{padding:36px 24px 28px;border-radius:26px;margin-bottom:44px;min-height:380px}.stack-card-title-text{font-size:1.5rem;margin-bottom:10px}.stack-card-description{font-size:.95rem;line-height:1.55}.stack-pill-tag{font-size:.78rem;padding:6px 14px;margin-bottom:18px}.stack-giant-display{font-size:6.5rem;bottom:-10px;right:14px}}.masjid-posters-section{padding:30px 0 50px;background:linear-gradient(180deg,#fff,#f4f6fa,#fff);position:relative;overflow:hidden;width:100%}.masjid-posters-marquee-container{width:100%;overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent)}.masjid-posters-marquee-track{display:flex;gap:24px;width:max-content;padding:16px 0;animation:marquee-scroll 45s linear infinite;will-change:transform}.masjid-posters-marquee-container:hover .masjid-posters-marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% / 3))}}.poster-card-jitter{flex:0 0 300px;width:300px;background:#eff2f6;border:1px solid rgba(226,232,240,.8);border-radius:28px;padding:24px 20px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease,background .35s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.poster-card-jitter:hover{transform:translateY(-8px);background:#e8ecf2;box-shadow:0 20px 40px #0f172a14;border-color:#00b83b4d}.poster-card-image-box{position:relative;width:70%;aspect-ratio:3 / 4;margin:6px auto;background:#fff;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #0f172a1f;transition:transform .35s ease,box-shadow .35s ease}.poster-card-jitter:hover .poster-card-image-box{transform:scale(1.03);box-shadow:0 14px 30px #0f172a29}.poster-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}.poster-card-meta{display:flex;align-items:center;gap:10px;padding-top:4px;width:100%}.poster-card-avatar{width:28px;height:28px;min-width:28px;border-radius:50%;overflow:hidden;background:#0f172a;border:1px solid #ffffff;box-shadow:0 2px 4px #0000001a}.poster-card-avatar img{width:100%;height:100%;object-fit:cover}.poster-card-info{flex:1;overflow:hidden}.poster-card-title{font-size:.82rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.25}.poster-card-sub{font-size:.72rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;font-weight:500}.poster-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .25s ease}.poster-lightbox-modal{position:relative;background:#fff;border-radius:28px;max-width:840px;width:100%;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:scaleUp .3s cubic-bezier(.16,1,.3,1)}.poster-lightbox-close{position:absolute;top:16px;right:16px;z-index:20;width:36px;height:36px;border-radius:50%;background:#0f172a99;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.poster-lightbox-close:hover{background:#00b83b}.poster-lightbox-content{display:grid;grid-template-columns:1fr 1fr}.poster-lightbox-media{background:#f1f5f9;display:flex;align-items:center;justify-content:center;padding:24px}.poster-lightbox-media img{width:100%;max-height:480px;object-fit:contain;border-radius:16px;box-shadow:0 12px 30px #00000026}.poster-lightbox-details{padding:36px 32px;display:flex;flex-direction:column;justify-content:center}.lightbox-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:#05882c;margin-bottom:10px}.poster-lightbox-details h3{font-size:1.6rem;font-weight:800;color:#0f172a;margin-bottom:8px}.lightbox-location{display:flex;align-items:center;gap:6px;font-size:.88rem;color:#475569;font-weight:600;margin-bottom:12px}.lightbox-category{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 14px;border-radius:10px;margin-bottom:16px}.lightbox-desc{font-size:.92rem;color:#64748b;line-height:1.6;margin-bottom:24px}.lightbox-actions{display:flex;gap:12px}.lightbox-btn-primary{padding:12px 24px;background:#00b83b;color:#fff;font-weight:700;font-size:.9rem;border-radius:9999px;box-shadow:0 4px 14px #00b83b4d;transition:all .2s ease}.lightbox-btn-primary:hover{background:#009931;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 900px){.poster-lightbox-content{grid-template-columns:1fr}.poster-lightbox-media img{max-height:300px}.poster-lightbox-details{padding:24px}}@media (max-width: 640px){.poster-card-jitter{flex:0 0 250px;width:250px;padding:18px 14px 14px}.poster-card-image-box{width:75%}}.app-download-section{padding:80px 24px 60px;background:linear-gradient(180deg,#f8fafc,#fff);position:relative;overflow:hidden}.app-download-card{max-width:1140px;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:36px;padding:48px 56px;box-shadow:0 25px 70px #0f172a14;position:relative}.app-download-top-tag{position:absolute;top:24px;right:48px;font-size:.78rem;font-weight:700;letter-spacing:.12em;color:#64748b;text-transform:uppercase}.app-download-top-tag span{color:#475569}.app-download-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.app-download-left{display:flex;flex-direction:column;align-items:flex-start}.app-download-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.app-download-logo{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #0000001f}.app-download-brand-name{font-size:1.45rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.app-download-title{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:900;color:#0f172a;line-height:1.1;letter-spacing:-.04em;margin-bottom:16px}.green-accent{color:#00b83b}.app-download-subtitle{font-size:1.15rem;color:#475569;line-height:1.6;max-width:460px;margin-bottom:24px}.app-download-illustration-box{width:100%;max-width:500px;margin-bottom:20px;border-radius:20px;overflow:hidden}.app-illustration-img{width:100%;height:auto;display:block;border-radius:20px}.app-download-tagline{display:flex;align-items:center;gap:14px;margin-bottom:28px}.tagline-bar{width:40px;height:4px;background:#00b83b;border-radius:2px}.app-download-tagline strong{font-size:1.1rem;color:#00b83b;font-weight:800}.app-download-tagline span{font-size:1.1rem;color:#0f172a;font-weight:800}.app-download-buttons{display:flex;gap:16px;flex-wrap:wrap}.app-store-btn{display:flex;align-items:center;gap:16px;padding:14px 28px;border-radius:16px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.google-play-btn{background:#0f172a;color:#fff;box-shadow:0 10px 30px #0f172a33;border:1.5px solid rgba(255,255,255,.1)}.google-play-btn:hover{background:#000;transform:translateY(-3px);box-shadow:0 14px 36px #00b83b59;border-color:#00b83b80}.btn-icon{display:flex;align-items:center;justify-content:center;color:#00b83b}.btn-text{display:flex;flex-direction:column;text-align:left}.btn-sub{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.btn-main{font-size:1.15rem;font-weight:800;line-height:1.2}.app-download-right{display:flex;justify-content:center}.phone-wrapper{position:relative;padding:40px}.deco-dot{position:absolute;border-radius:50%;background:#00b83b;z-index:1}.dot-1{width:14px;height:14px;top:20px;left:10px;opacity:.7}.dot-2{width:8px;height:8px;top:60px;left:-5px;opacity:.5}.dot-3{width:10px;height:10px;top:120px;right:-10px;opacity:.6}.dot-4{width:6px;height:6px;top:200px;right:0;opacity:.4}.dot-5{width:12px;height:12px;bottom:150px;left:-8px;opacity:.5}.dot-6{width:7px;height:7px;bottom:100px;right:-6px;opacity:.6}.dot-7{width:10px;height:10px;bottom:50px;left:5px;opacity:.7}.dot-8{width:5px;height:5px;bottom:30px;right:10px;opacity:.4}.deco-leaf{position:absolute;font-size:1.6rem;z-index:1;opacity:.6}.leaf-1{top:50px;right:-15px;transform:rotate(30deg)}.leaf-2{bottom:80px;left:-10px;transform:rotate(-20deg) scaleX(-1)}.phone-mockup-frame{width:300px;height:620px;background:#000;border-radius:44px;border:8px solid #1a1a1a;box-shadow:0 30px 80px #0f172a38,0 0 0 1px #00000014,inset 0 0 0 1px #ffffff0d;position:relative;overflow:hidden;display:flex;flex-direction:column;z-index:2}.phone-dynamic-island{position:absolute;top:10px;left:50%;transform:translate(-50%);width:100px;height:28px;background:#000;border-radius:20px;z-index:20;display:flex;align-items:center;justify-content:flex-end;padding-right:10px}.phone-camera{width:10px;height:10px;background:#1a2332;border-radius:50%;border:1px solid #2a3a4a}.phone-screen-green{width:100%;height:100%;background:linear-gradient(160deg,#00d645,#00b83b 40%,#009931);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:36px}.phone-screen-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,transparent 70%);border-radius:50%;pointer-events:none}.phone-screen-logo{width:80px;height:80px;border-radius:22px;object-fit:cover;box-shadow:0 12px 40px #00000040;margin-bottom:20px;position:relative;z-index:2}.phone-screen-appname{font-size:1.6rem;font-weight:900;color:#fff;margin:0 0 6px;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.15);position:relative;z-index:2}.phone-screen-tagline{font-size:.82rem;color:#ffffffd9;font-weight:600;margin:0;letter-spacing:.02em;position:relative;z-index:2}@media (max-width: 900px){.app-download-grid{grid-template-columns:1fr;gap:40px}.app-download-card{padding:36px 24px}.app-download-top-tag{display:none}.phone-mockup-frame{width:280px;height:580px}.phone-wrapper{padding:30px}}@media (max-width: 480px){.app-download-buttons{width:100%}.app-store-btn{width:100%;justify-content:center}.phone-mockup-frame{width:260px;height:540px}.phone-wrapper{padding:20px}}.ios-auth-section{min-height:calc(100vh - 84px);padding:30px 20px 40px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 20%,#00b83b14,#f8fafcf2,#f1f5f9);position:relative;overflow:hidden}.ios-glow-sphere-1{position:absolute;top:10%;left:20%;width:320px;height:320px;background:radial-gradient(circle,#00b83b1f,#fff0 70%);border-radius:50%;filter:blur(50px);pointer-events:none;animation:floatSphere 8s ease-in-out infinite alternate}.ios-glow-sphere-2{position:absolute;bottom:10%;right:18%;width:380px;height:380px;background:radial-gradient(circle,#0f172a14,#fff0 70%);border-radius:50%;filter:blur(60px);pointer-events:none;animation:floatSphere 10s ease-in-out infinite alternate-reverse}@keyframes floatSphere{0%{transform:translateY(0) scale(1)}to{transform:translateY(-30px) scale(1.08)}}.ios-auth-container{width:100%;max-width:440px;margin:0 auto;position:relative;z-index:2;transition:max-width .3s cubic-bezier(.16,1,.3,1)}.ios-auth-container.signup-mode{max-width:580px}.ios-auth-card{background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid rgba(255,255,255,.95);border-radius:32px;padding:32px 32px 28px;box-shadow:0 25px 50px -12px #0f172a1f,0 0 0 1px #0f172a0a,inset 0 1px #fffc;transition:transform .3s cubic-bezier(.16,1,.3,1)}.ios-auth-card:hover{transform:translateY(-2px)}.ios-auth-header{text-align:center;margin-bottom:20px}.ios-auth-icon-badge{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 6px 16px #00b83b26}.ios-auth-title{font-family:var(--font-display);font-size:1.65rem;font-weight:800;color:#0f172a;letter-spacing:-.03em;margin:0 0 6px;line-height:1.2}.ios-auth-subtitle{font-size:.86rem;color:#64748b;margin:0;line-height:1.4}.ios-segmented-control{display:flex;background:#0f172a0f;padding:4px;border-radius:14px;margin-bottom:20px;border:1px solid rgba(15,23,42,.04)}.ios-segment-btn{flex:1;padding:9px;border:none;background:transparent;font-family:var(--font-display);font-size:.88rem;font-weight:700;color:#64748b;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.ios-segment-btn.active{background:#fff;color:#0f172a;box-shadow:0 4px 12px #0f172a14,0 1px 2px #0f172a0a}.ios-alert{padding:10px 14px;border-radius:12px;font-size:.86rem;font-weight:600;margin-bottom:16px;line-height:1.4;animation:iosSlideDown .25s ease-out}@keyframes iosSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ios-alert.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.ios-alert.success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.ios-form,.ios-form-single{display:flex;flex-direction:column;gap:14px}.ios-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.ios-form-grid .full-width{grid-column:1 / -1}.ios-input-group{display:flex;flex-direction:column;gap:5px}.ios-input-label{font-size:.82rem;font-weight:700;color:#0f172a;margin-left:2px}.ios-input-wrapper{position:relative;display:flex;align-items:center}.ios-input-icon{position:absolute;left:14px;color:#94a3b8;transition:color .2s;pointer-events:none}.ios-input-field{width:100%;padding:12px 14px 12px 42px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:.92rem;color:#0f172a;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.ios-input-field:focus{background:#fff;border-color:#00b83b;box-shadow:0 0 0 4px #00b83b1f}.ios-input-wrapper:focus-within .ios-input-icon{color:#00b83b}.ios-eye-btn{position:absolute;right:12px;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:6px;transition:color .2s}.ios-eye-btn:hover{color:#0f172a}.ios-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#00b83b;color:#fff;border:none;padding:14px;border-radius:14px;font-family:var(--font-display);font-size:.96rem;font-weight:700;cursor:pointer;margin-top:6px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 20px -4px #00b83b59}.ios-submit-btn:hover{background:#009630;transform:translateY(-2px);box-shadow:0 10px 24px -4px #00b83b73}.ios-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.ios-user-card{text-align:center}.ios-user-avatar{width:68px;height:68px;border-radius:50%;background:#dcfce7;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 8px 20px #00b83b33}.ios-role-badge{display:inline-block;background:#dcfce7;color:#15803d;padding:5px 14px;border-radius:999px;font-size:.8rem;font-weight:700;margin-bottom:10px}.ios-signout-btn{background:none;border:none;color:#dc2626;font-weight:700;font-size:.88rem;cursor:pointer;transition:opacity .2s}.ios-signout-btn:hover{opacity:.8}@media (max-width: 640px){.ios-auth-section{padding:30px 16px 60px}.ios-auth-card{padding:24px 18px;border-radius:24px}.ios-auth-title{font-size:1.5rem}.ios-form-grid{grid-template-columns:1fr;gap:12px}}.cm-widget-container{position:fixed;bottom:24px;right:24px;z-index:9999;font-family:inherit}.cm-widget-pill{display:flex;align-items:center;gap:12px;background:#0f172a;color:#fff;padding:10px 18px;border-radius:999px;box-shadow:0 10px 25px -5px #00000040;cursor:pointer;border:1px solid rgba(255,255,255,.15);transition:all .25s cubic-bezier(.16,1,.3,1)}.cm-widget-pill:hover{transform:translateY(-2px);box-shadow:0 14px 30px -5px #00000059}.pill-live-dot{width:10px;height:10px;border-radius:50%;background:#00b83b;border:2px solid #ffffff}.pill-info{display:flex;flex-direction:column;font-size:.82rem;line-height:1.25}.pill-next-label{color:#94a3b8}.pill-next-label strong{color:#00b83b}.pill-time{font-weight:700;color:#fff}.pill-toggle-icon{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center}.cm-widget-card{position:absolute;bottom:56px;right:0;width:310px;background:#fff;border-radius:20px;padding:18px;box-shadow:0 20px 40px -10px #0f172a33,0 0 0 1px #0f172a14;animation:widgetSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes widgetSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.widget-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.widget-mosque-name{margin:0;font-size:.98rem;font-weight:700;color:#0f172a}.widget-mosque-sub{font-size:.78rem;color:#64748b}.widget-notif-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.widget-notif-btn.active{background:#dcfce7;border-color:#86efac}.widget-alert-mode-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;background:#f8fafc;padding:6px 10px;border-radius:12px;border:1px solid #e2e8f0}.alert-mode-label{font-size:.76rem;font-weight:700;color:#64748b}.alert-mode-pills{display:flex;gap:4px}.mode-pill{background:transparent;border:none;padding:4px 8px;border-radius:8px;font-size:.74rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s}.mode-pill.active{background:#0f172a;color:#fff}.sound-toggle-btn{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:6px;transition:color .2s}.sound-toggle-btn.active{color:#00b83b}.widget-timings-grid{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.widget-row{display:flex;justify-content:space-between;padding:8px 12px;border-radius:10px;background:#f8fafc;font-size:.88rem;color:#334155}.widget-row.highlight{background:#00b83b;color:#fff;font-weight:700}.widget-notif-cta-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#0f172a;color:#fff;border:none;padding:10px;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.widget-notif-cta-btn:hover{background:#1e293b}@media (max-width: 640px){.cm-widget-container{bottom:16px;right:16px}.cm-widget-card{width:calc(100vw - 32px);max-width:310px}}