:root{font-family:IBM Plex Sans Arabic,Tajawal,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#08464f;background:#f5f8f9;line-height:1.5;font-weight:400;--page-max: 1160px;--content-max: 72rem;--pad-x: clamp(.9rem, 2.8vw, 1.5rem);--section-gap: 1.5rem;--panel-radius: 24px;--panel-pad: clamp(.95rem, 2vw, 1.2rem);--brand: #08464f;--brand-soft: #0d5a65;--text-muted: #5f7480;--glass-border: rgba(255, 255, 255, .3);--glass-bg: rgba(255, 255, 255, .76);--panel-shadow: 0 14px 34px rgba(7, 33, 39, .14);--hero-min: 30rem;--hero-ideal: 78svh;--hero-max: 44rem}*{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;width:100%;overflow-x:hidden;background:radial-gradient(circle at 80% -8%,rgba(8,70,79,.14),transparent 35%),linear-gradient(180deg,#f8fbfc,#edf3f5 45%,#e9f0f3);overscroll-behavior-x:none}#root{width:100%;max-width:100vw;overflow-x:clip}button{font:inherit;color:inherit}.mobile-shell,.mobile-shell video{display:block}.mobile-shell{min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;overflow-x:hidden}.mobile-shell.is-rtl{direction:rtl}.mobile-shell.is-ltr{direction:ltr}.home-container{width:100%;max-width:min(var(--page-max),calc(100vw - (var(--pad-x) * 2)));margin:0 auto;padding-left:max(var(--pad-x),env(safe-area-inset-left));padding-right:max(var(--pad-x),env(safe-area-inset-right))}.hero-section{position:relative;padding:calc(.8rem + env(safe-area-inset-top)) 0 .35rem}.hero-section-inner{position:relative;z-index:2;min-height:clamp(var(--hero-min),var(--hero-ideal),var(--hero-max));display:grid;align-content:end}.header-video{position:absolute;inset:-1rem 0 auto;height:clamp(var(--hero-min),var(--hero-ideal),var(--hero-max));overflow:hidden;border-bottom-left-radius:34px;border-bottom-right-radius:34px;background:#0b1b35}.header-video video{width:100%;height:100%;object-fit:cover;object-position:center 28%}.header-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0510141f,#06171c33 45%,#f5f8f9db)}.hero-topbar{display:flex;justify-content:flex-end;align-items:flex-start;margin-bottom:.5rem}.language-switch,.footer-directions,.events-action,.promo-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:750}.language-switch{border:1px solid rgba(255,255,255,.44);background:#fffc;color:var(--brand);padding:.42rem .68rem;min-height:32px;border-radius:10px;font-size:.72rem;font-weight:800;line-height:1;box-shadow:0 8px 18px #08464f1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.panel{width:100%;max-width:100%;border:1px solid var(--glass-border);border-radius:var(--panel-radius);padding:var(--panel-pad);background:var(--glass-bg);box-shadow:var(--panel-shadow)}.prayer-widget{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;z-index:3;width:100%;max-width:100%;min-width:0;margin-top:.35rem;margin-bottom:0}.today-pill{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;padding:.66rem .9rem;border-radius:999px;background:#ffffffe0;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 22px #0f172a1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.prayer-today-pill{margin:.1rem 0 .75rem}.today-pill-label{flex:0 0 auto;padding:.2rem .48rem;border-radius:999px;background:#08464f14;color:#32575d;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.today-pill-value{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;font-weight:700;color:var(--brand)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.compact-heading{margin-bottom:.75rem}.section-kicker{margin:0 0 .2rem;color:var(--text-muted);font-size:.76rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.section-title,.event-card-title{margin:0;letter-spacing:-.02em}.section-title{font-size:1.35rem;font-weight:800;color:var(--brand);overflow-wrap:anywhere;word-break:break-word}.small-title{font-size:1.25rem}.prayer-scroll{display:flex;width:100%;max-width:100%;min-width:0;gap:.6rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}.prayer-scroll::-webkit-scrollbar,.events-categories::-webkit-scrollbar,.events-scroll::-webkit-scrollbar{display:none}.prayer-pill{flex:0 0 auto;min-width:5.5rem;max-width:min(8rem,32vw);display:grid;gap:.2rem;justify-items:center;padding:.78rem .82rem;border-radius:18px;border:1px solid rgba(8,70,79,.1);background:#fffffff0;box-shadow:0 10px 20px #0f172a14;text-align:center;transition:transform .18s ease,box-shadow .18s ease}.prayer-pill:active{transform:scale(.985)}.prayer-pill-icon{width:2rem;height:2rem;display:grid;place-items:center;color:#08464fd1}.prayer-pill-name,.prayer-pill-time{font-size:.82rem;font-weight:700}.prayer-pill-time{color:var(--text-muted)}.prayer-pill.is-active{background:var(--brand);border-color:#08464f26;box-shadow:0 16px 30px #08464f38}.prayer-pill.is-active .prayer-pill-icon,.prayer-pill.is-active .prayer-pill-name,.prayer-pill.is-active .prayer-pill-time{color:#fff}.prayer-next{margin-top:.8rem;width:100%;min-width:0;padding:.88rem .95rem;border-radius:18px;background:#eef5f7eb;display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.prayer-next-left,.prayer-next-right,.footer-copy,.promo-copy,.event-card-body{display:grid;min-width:0;gap:.2rem}.prayer-next-right{justify-items:end;text-align:right}.mobile-shell.is-rtl .prayer-next-right{justify-items:start;text-align:left}.prayer-next-label,.prayer-next-time,.prayer-next-countdown,.footer-title{font-weight:800;letter-spacing:-.01em;color:var(--brand)}.prayer-next-time{font-size:1.12rem}.prayer-next-title,.footer-subtitle,.event-card-time{color:var(--text-muted);font-weight:650}.home-main{padding:clamp(1.2rem,3vw,1.8rem) 0 clamp(2.6rem,5vw,3.25rem)}.home-layout{display:grid;gap:var(--section-gap);align-items:start;grid-template-columns:minmax(0,1fr)}.promo-card{min-height:210px;background:radial-gradient(circle at 95% 0%,rgba(255,255,255,.16),transparent 40%),linear-gradient(140deg,#08464ffa,#0b5c68f0);color:#fff}.promo-card,.prayer-widget,.events,.home-footer .home-container{width:min(100%,var(--content-max))}.promo-copy{display:grid;gap:.85rem;align-content:start}.inverse-kicker,.inverse-title,.promo-text{color:#fff}.promo-text{max-width:32ch;opacity:.94}.promo-button{margin-top:.6rem;width:fit-content;padding:.74rem 1.1rem;border:0;border-radius:14px;background:#fff;color:var(--brand);box-shadow:0 12px 26px #08464f2e}.events-categories,.events-scroll{display:flex;gap:.85rem;overflow-x:auto;overflow-y:visible;padding-bottom:.3rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.events{min-width:0}.events-categories{margin-bottom:1rem}.category-pill,.events-action{border:1px solid rgba(8,70,79,.1);background:#fff}.category-pill{flex:0 0 auto;border-radius:999px;padding:.58rem .9rem;font-weight:700;color:#47646a}.category-pill.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.events-action{padding:.58rem .86rem;border-radius:12px;font-size:.84rem;color:var(--brand)}.event-card{flex:0 0 min(84vw,280px);width:min(84vw,280px);scroll-snap-align:start;border-radius:20px;background:#fff;border:1px solid rgba(8,70,79,.08);box-shadow:0 12px 28px #0f172a14;overflow:hidden}.event-card-media{height:144px;background-image:linear-gradient(180deg,#08181c14,#08181c33),url(https://pub-9bad307a8ff24ea9b75e6cd66cadd5c0.r2.dev/ghanimmosuqe%20.jpeg);background-position:center center;background-repeat:no-repeat;background-size:cover}.event-card-body{padding:.9rem}.event-card-title{font-size:1rem}.home-footer{padding:1rem 0 calc(1.4rem + env(safe-area-inset-bottom));border-top:1px solid rgba(15,23,42,.08);background:#ffffffbd}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.footer-directions{max-width:100%;padding:.72rem 1.2rem;border-radius:14px;border:1px solid rgba(255,255,255,.36);background:#03191e9e;color:#fff;gap:.55rem;letter-spacing:.03em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 8px 22px #08464f33}.footer-copy,.promo-copy,.event-card-title,.event-card-time,.prayer-next-title,.prayer-next-time,.prayer-next-countdown{min-width:0;overflow-wrap:anywhere}.footer-directions-icon{font-size:.86rem;line-height:1}.footer-directions-text{font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#0710126b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.directions-modal{width:min(100%,420px);padding:1.15rem;border-radius:22px;background:#fffffff5;box-shadow:0 24px 60px #08464f2e;color:var(--brand)}.directions-modal-title,.directions-modal-text,.directions-modal-subtext{margin:0}.directions-modal-title{font-size:1.12rem;font-weight:800;margin-bottom:.58rem}.directions-modal-text{font-weight:700;margin-bottom:.4rem}.directions-modal-subtext{color:var(--text-muted);margin-bottom:.95rem}.directions-modal-actions{display:flex;gap:.65rem}.modal-button{flex:1;min-height:44px;border-radius:14px;border:0;font-weight:800}.modal-button-secondary{background:#08464f14;color:var(--brand)}.modal-button-primary{background:var(--brand);color:#fff}@media (max-width: 720px){:root{--hero-min: 27rem;--hero-ideal: 78svh;--hero-max: 34rem;--content-max: 100%}.section-heading{display:grid;gap:.85rem;align-items:stretch}.prayer-widget{margin-inline:0}.prayer-next{grid-template-columns:1fr}.events-action{width:100%}.today-pill{align-items:flex-start;border-radius:22px;white-space:normal}.today-pill-value{white-space:normal}.prayer-pill{min-width:5.2rem;max-width:7rem;padding-inline:.7rem}.prayer-next-right,.mobile-shell.is-rtl .prayer-next-right{justify-items:start;text-align:left}.home-footer{position:sticky;bottom:0;z-index:20;padding:.75rem 0 calc(.9rem + env(safe-area-inset-bottom));background:linear-gradient(180deg,#f5f7fb4d,#f5f7fbf2 25%,#f5f7fb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-inner{justify-content:center}.footer-copy{display:none}.footer-directions{min-height:46px;width:100%;max-width:min(100%,28rem);position:static;transform:none}.hero-section-inner{min-height:clamp(var(--hero-min),var(--hero-ideal),var(--hero-max))}.header-video{height:clamp(var(--hero-min),var(--hero-ideal),var(--hero-max))}.header-video video{width:100%;height:100%;object-fit:cover;object-position:center 16%;transform:scale(1.04);transform-origin:center center}}@media (min-width: 721px) and (max-width: 859px){:root{--hero-min: 34rem;--hero-ideal: 80svh;--hero-max: 42rem;--content-max: 100%}.hero-section-inner,.header-video{min-height:clamp(var(--hero-min),var(--hero-ideal),var(--hero-max));height:clamp(var(--hero-min),var(--hero-ideal),var(--hero-max))}.home-layout{grid-template-columns:1fr}.prayer-scroll{gap:.75rem}.event-card{flex-basis:min(44vw,22rem);width:min(44vw,22rem)}}@media (min-width: 860px){:root{--hero-min: 36rem;--hero-ideal: 76svh;--hero-max: 46rem;--section-gap: 1.7rem;--content-max: 72rem}.header-video{height:clamp(var(--hero-min),var(--hero-ideal),var(--hero-max));min-height:36rem;max-height:46rem}.hero-section-inner{min-height:clamp(var(--hero-min),var(--hero-ideal),var(--hero-max))}.home-layout{grid-template-columns:.92fr 1.08fr;justify-content:center}.promo-card,.events{min-height:100%}.events-scroll{gap:1rem}.event-card{flex-basis:min(26rem,32vw);width:min(26rem,32vw)}}@media (min-width: 1024px){:root{--hero-min: 37rem;--hero-ideal: 74svh;--hero-max: 47rem;--section-gap: 1.9rem;--content-max: 74rem}.hero-section{padding-top:calc(1rem + env(safe-area-inset-top))}.hero-section-inner{align-content:end;justify-items:center}.prayer-widget{max-width:42rem;margin-inline:auto}.hero-topbar{justify-content:center}.home-main .home-container,.home-footer .home-container{width:100%;margin-inline:auto}.home-layout{grid-template-columns:minmax(20rem,32rem) minmax(24rem,36rem);justify-content:center}.promo-card,.events{margin-inline:auto}.promo-card{text-align:center;justify-items:center;align-content:center}.promo-copy{justify-items:center;text-align:center}.events{display:grid;align-content:start}.events .section-heading,.events-categories,.events-scroll{justify-content:center}.events .section-heading{text-align:center;justify-items:center}.events .section-heading>div{width:100%;text-align:center}.footer-inner{justify-content:center;text-align:center}.footer-copy{justify-items:center;text-align:center}.section-title{font-size:1.5rem}.small-title{font-size:1.35rem}.events-scroll{display:flex;overflow-x:auto;overflow-y:visible}.event-card{width:min(24rem,28vw);flex-basis:min(24rem,28vw)}}@media (min-width: 1280px){:root{--page-max: 1200px;--content-max: 76rem;--hero-max: 48rem}.home-main{padding-bottom:3.25rem}.events-scroll{gap:1.15rem}.event-card{width:min(22rem,24vw);flex-basis:min(22rem,24vw)}}@media (max-width: 420px){:root{--hero-min: 25rem;--hero-ideal: 74svh;--hero-max: 31rem}.hero-section{padding-top:calc(.65rem + env(safe-area-inset-top))}.section-title{font-size:1.18rem}.small-title{font-size:1.08rem}.event-card{flex-basis:min(88vw,20rem);width:min(88vw,20rem)}.header-video video{object-position:center 12%;transform:scale(1.02)}}