@font-face{font-family:__clashDisplay_ce07a5;src:url(/_next/static/media/d65a3f9d1d7670ce-s.p.woff2) format("woff2");font-display:swap;font-weight:200;font-style:normal}@font-face{font-family:__clashDisplay_ce07a5;src:url(/_next/static/media/a5e2702fb5075ce0-s.p.woff2) format("woff2");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:__clashDisplay_ce07a5;src:url(/_next/static/media/fae752ed2da12d85-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:__clashDisplay_ce07a5;src:url(/_next/static/media/96ad669d00f21ad1-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:__clashDisplay_ce07a5;src:url(/_next/static/media/1829ccd965a7da12-s.p.woff2) format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:__clashDisplay_ce07a5;src:url(/_next/static/media/81acdd743fb030a4-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:__clashDisplay_Fallback_ce07a5;src:local("Arial");ascent-override:83.42%;descent-override:23.43%;line-gap-override:8.44%;size-adjust:106.69%}.__className_ce07a5{font-family:__clashDisplay_ce07a5,__clashDisplay_Fallback_ce07a5}.__variable_ce07a5{--font-display:"__clashDisplay_ce07a5","__clashDisplay_Fallback_ce07a5"}@font-face{font-family:__inter_28369d;src:url(/_next/static/media/cc27cf3ff100ea21-s.p.ttf) format("truetype");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:__inter_28369d;src:url(/_next/static/media/dd830f3b569412d7-s.p.ttf) format("truetype");font-display:swap;font-weight:100 900;font-style:italic}@font-face{font-family:__inter_Fallback_28369d;src:local("Arial");ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.00%;size-adjust:107.89%}.__className_28369d{font-family:__inter_28369d,__inter_Fallback_28369d}.__variable_28369d{--font-sans:"__inter_28369d","__inter_Fallback_28369d"}@font-face{font-family:__jetbrainsMono_cacf32;src:url(/_next/static/media/db9d659a1acad1e2-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:__jetbrainsMono_cacf32;src:url(/_next/static/media/af2e87f5d61b5665-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:__jetbrainsMono_Fallback_cacf32;src:local("Arial");ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.00%;size-adjust:131.49%}.__className_cacf32{font-family:__jetbrainsMono_cacf32,__jetbrainsMono_Fallback_cacf32}.__variable_cacf32{--font-mono:"__jetbrainsMono_cacf32","__jetbrainsMono_Fallback_cacf32"}@font-face{font-family:__amiri_0b28be;src:url(/_next/static/media/24e80ef348469c05-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:__amiri_0b28be;src:url(/_next/static/media/7543de6dd3487822-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:__amiri_0b28be;src:url(/_next/static/media/70542f039f77ef28-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:__amiri_0b28be;src:url(/_next/static/media/f930b98f7db870f7-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:italic}@font-face{font-family:__amiri_Fallback_0b28be;src:local("Arial");ascent-override:112.40%;descent-override:63.40%;line-gap-override:0.00%;size-adjust:100.00%}.__className_0b28be{font-family:__amiri_0b28be,__amiri_Fallback_0b28be}.__variable_0b28be{--font-arabic:"__amiri_0b28be","__amiri_Fallback_0b28be"}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans),system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-mono),monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mt-16{margin-top:4rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-20{gap:5rem}.gap-24{gap:6rem}.gap-32{gap:8rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--ivory:#f5efe0;--ivory-2:#ede3cc;--ivory-3:#e0d4b8;--emerald:#0f1a14;--emerald-2:#1a3328;--emerald-3:#2d6a4f;--emerald-4:#4a8b6f;--gold:#b8923e;--gold-hi:#c9a961;--gold-soft:#dcc589;--maroon:#5c2e1f;--ink:#2c1810;--ink-2:#5c4a3a;--ink-3:#8b7a65;--ink-4:#b5a88e;--border:rgba(139,105,20,.18);--border-2:rgba(139,105,20,.32);--gold-line-25:rgba(201,169,97,.25);--gold-line-18:rgba(201,169,97,.18);--gold-line-12:rgba(201,169,97,.12);--ease:cubic-bezier(0.22,1,0.36,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--ivory);color:var(--ink);font-family:var(--font-sans),system-ui,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}@media (max-width:640px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}}.tap-feedback{transition:transform .12s var(--ease),opacity .12s var(--ease)}.tap-feedback:active{transform:scale(.97);opacity:.85}.app-shell{position:relative;min-height:100vh;background-color:var(--ivory)}.app-shell:before{content:"";position:fixed;inset:0;background-image:url(/girih.svg);background-repeat:repeat;background-size:160px 160px;opacity:.1;pointer-events:none;z-index:0}.app-shell>*{position:relative;z-index:1}.no-girih:before{display:none}.serif{font-family:var(--font-display),system-ui,sans-serif}.sans{font-family:var(--font-sans),system-ui,sans-serif}.arabic{font-family:var(--font-arabic),serif}.mono{font-family:var(--font-mono),monospace;font-variant-numeric:tabular-nums}.italic{font-style:italic}.tnum{font-variant-numeric:tabular-nums}.display{font-size:96px;line-height:1;letter-spacing:-.03em}.display,.h1{font-family:var(--font-display),system-ui,sans-serif;font-weight:600}.h1{font-size:64px;line-height:1.06;letter-spacing:-.025em;margin:0;text-wrap:balance}.h2{font-size:32px;line-height:1.15;letter-spacing:-.015em}.h2,.h3{font-family:var(--font-display),system-ui,sans-serif;font-weight:500;margin:0}.h3{font-size:24px;line-height:1.2}.body-l{font-size:17px}.body,.body-l{line-height:1.6;color:var(--ink-2)}.body{font-size:14px}.caption{font-size:12px;font-weight:500;color:var(--ink-3)}.eyebrow-text{font-family:var(--font-sans),system-ui,sans-serif;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}@media (max-width:720px){.display{font-size:56px}.h1{font-size:40px}.h2{font-size:26px}.h3{font-size:20px}.body-l{font-size:16px}}.eyebrow{display:inline-flex;align-items:center;gap:14px;margin-bottom:28px}.eyebrow:before{content:"";width:32px;height:1px;background:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-sans),system-ui,sans-serif;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:17px 30px;border-radius:2px;border:1px solid transparent;cursor:pointer;position:relative;overflow:hidden;transition:color .4s var(--ease),border-color .4s var(--ease);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-primary{background:var(--emerald);color:var(--ivory);border-color:var(--emerald)}.btn-primary:before{content:"";position:absolute;inset:0;background:var(--emerald-3);transform:translateY(100%);transition:transform .4s var(--ease);z-index:0}.btn-primary:hover:before{transform:translateY(0)}.btn-primary>*{position:relative;z-index:1}.btn-secondary{background:transparent;color:var(--emerald);border-color:var(--gold-soft)}.btn-secondary:hover{color:var(--gold);border-color:var(--gold)}.btn-tertiary{background:transparent;border:none;color:var(--gold);padding:8px 0;text-transform:none;letter-spacing:.02em;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-sans),system-ui,sans-serif}.btn-tertiary:hover{text-decoration:underline;text-underline-offset:4px}.btn-icon{width:40px;height:40px;background:transparent;border:none;color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:999px;padding:0;transition:background .2s var(--ease),color .2s var(--ease)}.btn-icon:hover{background:var(--gold-soft);color:var(--gold)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:before{display:none}.input{width:100%;background:var(--ivory);border:1px solid var(--border);padding:12px 14px;font-family:var(--font-sans),system-ui,sans-serif;font-size:14px;color:var(--ink);border-radius:2px;transition:border-color .2s var(--ease)}.input::-moz-placeholder{color:var(--ink-4)}.input::placeholder{color:var(--ink-4)}.input:focus{outline:none;border-color:var(--gold)}.input.error{border-color:var(--maroon)}.field-label{display:block;font-size:12px;font-weight:500;color:var(--ink-2);margin-bottom:8px;letter-spacing:.04em}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fade-up .6s var(--ease) both}.fade-up-1{animation-delay:0ms}.fade-up-2{animation-delay:.12s}.fade-up-3{animation-delay:.24s}.fade-up-4{animation-delay:.36s}.fade-up-5{animation-delay:.48s}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--ivory-2) 0,var(--ivory-3) 50%,var(--ivory-2) 100%);background-size:800px 100%;animation:shimmer 2s linear infinite;border-radius:2px}.prayer-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:11px 0;border-bottom:1px dotted var(--gold-line-18);transition:all .3s var(--ease)}.prayer-row:last-child{border-bottom:none}.prayer-row .dot{width:6px;height:6px;border-radius:50%;background:rgba(201,169,97,.3);flex-shrink:0;transition:all .3s var(--ease)}.prayer-row .name{font-family:var(--font-display),system-ui,sans-serif;font-size:18px;font-weight:500;color:var(--ivory-2)}.prayer-row .time{font-family:var(--font-mono),monospace;font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink-4)}.prayer-row.active{background:linear-gradient(90deg,var(--gold-line-12),transparent);border-left:2px solid var(--gold);margin-left:-22px;padding-left:20px}.prayer-row.active .name{color:var(--gold-hi);font-style:italic}.prayer-row.active .time{color:var(--ivory);font-weight:500;font-size:14px}.prayer-row.active .dot{background:var(--gold-hi);box-shadow:0 0 0 4px rgba(201,169,97,.18);animation:pulse 2.4s var(--ease) infinite}.prayer-row.past .name{color:var(--ink-3);text-decoration:line-through;text-decoration-color:hsla(33,16%,47%,.4)}.prayer-row.past .time{color:var(--ink-3)}@keyframes pulse{0%,to{box-shadow:0 0 0 4px rgba(201,169,97,.18)}50%{box-shadow:0 0 0 7px rgba(201,169,97,.08)}}.prayer-row.light .name{color:var(--ink)}.prayer-row.light .time{color:var(--ink-2)}.prayer-row.light.active{background:linear-gradient(90deg,rgba(184,146,62,.1),transparent)}.prayer-row.light.active .name{color:var(--emerald-3)}.prayer-row.light.active .time{color:var(--emerald)}.emerald-card{position:relative;background:var(--emerald);border:1px solid var(--gold);border-radius:2px;box-shadow:0 30px 60px rgba(15,26,20,.25);isolation:isolate}.emerald-card:before{content:"";position:absolute;inset:8px;border:1px solid var(--gold-line-25);pointer-events:none;border-radius:1px}.emerald-card-inner{padding:28px 26px;position:relative}.emerald-card-inner.detail-juma-inner{padding:44px 40px}@media (max-width:640px){.emerald-card-inner.detail-juma-inner{padding:24px 18px}}.girih-overlay{position:absolute;inset:8px;background-image:url(/girih-dark.svg);background-repeat:repeat;background-size:160px 160px;opacity:.08;pointer-events:none}.mosque-card{display:grid;grid-template-columns:96px 1fr 24px;gap:24px;align-items:center;padding:28px 32px;background:var(--ivory);border-bottom:1px solid var(--border);cursor:pointer;transition:background .3s var(--ease),padding-left .4s var(--ease);text-decoration:none;color:inherit}.mosque-card.active,.mosque-card:hover{background:var(--ivory-2);padding-left:40px}.mosque-card.active .mosque-name,.mosque-card:hover .mosque-name{color:var(--emerald-3)}.mosque-card.active .mosque-arrow,.mosque-card:hover .mosque-arrow{transform:translateX(4px);color:var(--gold)}.mosque-name{font-family:var(--font-display),system-ui,sans-serif;font-size:24px;font-weight:500;color:var(--ink);margin:0 0 4px;transition:color .3s var(--ease);letter-spacing:-.01em}.mosque-meta{color:var(--ink-3);font-size:13px}.mosque-arrow{color:var(--ink-3);transition:transform .4s var(--ease),color .3s var(--ease)}.distance{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.distance .num{font-family:var(--font-display),system-ui,sans-serif;font-style:italic;font-weight:500;font-size:30px;color:var(--gold);letter-spacing:-.02em;line-height:1}.distance .unit{font-size:10px;font-weight:500;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase}.countdown{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono),monospace;font-size:13px;font-weight:500;color:var(--gold);font-variant-numeric:tabular-nums}.countdown .cdot{width:6px;height:6px;border-radius:50%;background:var(--gold)}.countdown.imminent .cdot{animation:pulse-small 2.4s var(--ease) infinite}.countdown.later{color:var(--ink-3)}.countdown.later .cdot{background:var(--ink-3)}.countdown.past{color:var(--ink-4);text-decoration:line-through}@keyframes pulse-small{0%,to{box-shadow:0 0 0 3px rgba(184,146,62,.18)}50%{box-shadow:0 0 0 5px rgba(184,146,62,.08)}}.badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--ivory-2);border-radius:2px;font-size:12px;font-weight:500;color:var(--ink-2)}.badge .x{color:var(--ink-4)}.badge .check{color:var(--emerald-3)}.badge.verified{background:transparent;border:1px solid var(--gold);color:var(--gold);padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 56px;border-bottom:1px solid var(--border);background:var(--ivory);position:sticky;top:0;z-index:30}@media (max-width:720px){.nav{padding:16px 20px}}.nav-links{display:flex;gap:36px;align-items:center}.nav-links a,.nav-links button{color:var(--ink-2);text-decoration:none;font-size:13px;letter-spacing:.02em;transition:color .2s var(--ease);cursor:pointer;background:none;border:none;font-family:var(--font-sans),system-ui,sans-serif;padding:0}.nav-links a:hover,.nav-links button:hover{color:var(--gold)}.nav-links a.active,.nav-links button.active{color:var(--emerald);font-weight:500}.nav-auth{display:flex;align-items:center;gap:10px}.btn-nav{font-family:var(--font-sans),system-ui,sans-serif;font-size:13px;letter-spacing:.04em;color:var(--ink-2);background:none;border:1px solid var(--border);border-radius:2px;padding:6px 14px;cursor:pointer;transition:color .2s,border-color .2s}.btn-nav:hover{color:var(--gold);border-color:var(--gold)}.btn-nav-primary{background:var(--emerald);color:var(--ivory);border-color:var(--emerald)}.btn-nav-primary:hover{background:var(--emerald-3);border-color:var(--emerald-3);color:var(--ivory)}.logo{display:inline-flex;align-items:center;gap:10px;cursor:pointer;background:none;border:none;padding:0;text-decoration:none}.logo .wordmark{font-family:var(--font-display),system-ui,sans-serif;font-style:italic;font-weight:500;font-size:24px;color:var(--emerald);letter-spacing:-.01em}.container{max-width:1440px;margin:0 auto;padding:0 56px}@media (max-width:720px){.container{padding:0 20px}}.hero{padding:80px 0 100px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}@media (max-width:960px){.hero{grid-template-columns:1fr;gap:60px;padding:48px 0 60px}}.orn-divider{display:flex;align-items:center;justify-content:center;margin:60px 0;height:24px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}@media (max-width:880px){.why-grid{grid-template-columns:1fr}}.why-card{background:var(--ivory);padding:48px 40px;display:flex;flex-direction:column;gap:16px}.why-card .roman{font-style:italic;font-size:56px;color:var(--gold);line-height:1}.why-card .roman,.why-card h3{font-family:var(--font-display),system-ui,sans-serif;font-weight:500}.why-card h3{font-size:26px;margin:0;color:var(--ink)}.why-card p{margin:0}.filter-bar{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);position:sticky;top:73px;z-index:20;flex-wrap:wrap}.chip,.filter-bar{background:var(--ivory)}.chip{padding:8px 14px;border:1px solid var(--border);font-family:var(--font-sans),system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--ink-2);cursor:pointer;border-radius:999px;transition:all .2s var(--ease);text-transform:uppercase}.chip:hover{border-color:var(--gold-soft)}.chip.active{background:var(--emerald);color:var(--ivory);border-color:var(--emerald)}.map-stage{position:sticky;top:120px;height:calc(100vh - 140px);min-height:480px;background:var(--ivory-2);border:1px solid var(--border);border-radius:2px;overflow:hidden}.map-canvas{position:absolute;inset:0;background:radial-gradient(ellipse 800px 400px at 60% 40%,rgba(184,146,62,.04),transparent),repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(139,105,20,.04) 0,rgba(139,105,20,.04) 41px),repeating-linear-gradient(-45deg,transparent,transparent 60px,rgba(139,105,20,.03) 0,rgba(139,105,20,.03) 61px),linear-gradient(180deg,#ede3cc,#e5d8be)}.modal-backdrop{position:fixed;inset:0;background:rgba(15,26,20,.6);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .24s var(--ease);padding:20px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--ivory);border:1px solid var(--gold);border-radius:2px;max-width:480px;width:100%;padding:40px;position:relative;animation:modal-in .24s var(--ease);max-height:90vh;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:12px;right:12px}.toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);background:var(--emerald);color:var(--ivory);padding:14px 24px;border:1px solid var(--gold);border-radius:2px;font-size:13px;z-index:200;display:flex;gap:10px;align-items:center;animation:toast-in .2s var(--ease);box-shadow:0 8px 24px rgba(15,26,20,.3)}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.consent-banner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:720px;background:var(--emerald);border:1px solid var(--gold);border-radius:2px;padding:18px 24px;z-index:150;display:flex;align-items:center;gap:24px;box-shadow:0 8px 28px rgba(15,26,20,.32);animation:consent-in .28s var(--ease)}@keyframes consent-in{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.consent-banner-text{flex:1;margin:0;color:var(--ivory-2)}.consent-banner-link{color:var(--gold-soft);text-decoration:underline;text-underline-offset:2px}.consent-banner-link:hover{color:var(--gold-hi)}.consent-banner-actions{display:flex;gap:12px;flex-shrink:0;align-items:center}.consent-banner .btn-primary{background:var(--gold);color:var(--emerald);border-color:var(--gold);padding:13px 26px}.consent-banner .btn-primary:before{background:var(--gold-hi)}.consent-banner .btn-tertiary{color:var(--ivory-3)}.consent-banner .btn-tertiary:hover{color:var(--ivory)}@media (max-width:560px){.consent-banner{flex-direction:column;align-items:stretch;gap:16px}.consent-banner-actions{justify-content:stretch}.consent-banner-actions .btn{flex:1}}.footer{background:var(--emerald);color:var(--ivory-2);padding:80px 56px 60px;margin-top:100px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;background-image:url(/girih-dark.svg);background-size:160px 160px;background-repeat:repeat;opacity:.06;pointer-events:none}.footer-inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:48px;position:relative}.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:500;margin:0 0 20px}.footer a,.footer button,.footer h4{font-family:var(--font-sans),system-ui,sans-serif}.footer a,.footer button{display:block;color:var(--ivory-2);text-decoration:none;padding:6px 0;font-size:13px;transition:color .2s var(--ease);cursor:pointer;background:none;border:none;text-align:left}.footer a:hover,.footer button:hover{color:var(--gold)}@media (max-width:720px){.footer{padding:56px 20px 40px}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;margin-top:40px}@media (max-width:960px){.detail-grid{grid-template-columns:1fr;gap:40px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.row{align-items:center;gap:12px}.col,.row{display:flex}.col{flex-direction:column}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-40{margin-top:40px}.scroll-x{overflow-x:auto;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.search-grid{display:grid;grid-template-columns:1.05fr 1.2fr;gap:60px}@media (max-width:960px){.search-grid{grid-template-columns:1fr;gap:40px}}.section-pad{padding-top:40px;padding-bottom:80px}.section-pad-lg{padding-top:40px;padding-bottom:100px}@media (max-width:640px){.section-pad{padding-top:24px;padding-bottom:40px}.section-pad-lg{padding-top:24px;padding-bottom:48px}}.landing-preview-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}@media (max-width:960px){.landing-preview-grid{grid-template-columns:1fr;gap:32px}.landing-preview-grid>div:first-child{position:static!important}}@media (max-width:640px){.landing-preview-grid{gap:20px}}.juma-card-inner{padding:80px}@media (max-width:960px){.juma-card-inner{padding:48px 40px}}@media (max-width:640px){.juma-card-inner{padding:28px 20px}}.juma-card-row{gap:60px}@media (max-width:640px){.juma-card-row{gap:28px}}.admin-nav,.dashboard-nav{padding:0 24px}@media (max-width:640px){.admin-nav,.dashboard-nav{padding:0 16px}}.nav-mobile-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:2px;color:var(--ink-2);cursor:pointer;padding:0}.nav-mobile-toggle.dark{border-color:hsla(0,0%,100%,.18);color:hsla(0,0%,100%,.85)}.nav-mobile-panel{position:fixed;inset:0;background:var(--ivory);z-index:60;padding:20px 20px 32px;overflow-y:auto;display:flex;flex-direction:column}.nav-mobile-panel.dark{background:var(--emerald);color:var(--ivory)}.nav-mobile-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid var(--border)}.nav-mobile-panel.dark .panel-header{border-bottom-color:hsla(0,0%,100%,.1)}.nav-mobile-panel a,.nav-mobile-panel button.panel-link{display:block;padding:16px 4px;font-size:17px;font-weight:500;color:var(--ink);text-decoration:none;border:none;border-bottom:1px dotted var(--gold-line-18);text-align:left;background:none;width:100%;font-family:var(--font-sans),system-ui,sans-serif;cursor:pointer;letter-spacing:.01em}.nav-mobile-panel.dark a,.nav-mobile-panel.dark button.panel-link{color:var(--ivory-2);border-bottom-color:rgba(184,146,62,.18)}.nav-mobile-panel a.active{color:var(--emerald-3)}.nav-mobile-panel.dark a.active{color:var(--gold-hi)}.nav-mobile-panel .panel-spacer{flex:1 1 auto}.nav-mobile-panel .panel-footer{padding-top:20px;display:flex;flex-direction:column;gap:12px}@media (max-width:640px){.container{padding:0 16px}.desktop-only{display:none!important}.nav{padding:12px 16px}.nav-mobile-toggle{display:inline-flex}.display{font-size:44px}.h1{font-size:30px}.h2{font-size:22px}.h3{font-size:18px}.body-l{font-size:15px}.hero{padding:32px 0 40px;gap:40px}.orn-divider{margin:40px 0}.mosque-card{grid-template-columns:56px 1fr auto;padding:18px 16px;gap:14px}.mosque-card.active,.mosque-card:hover{padding-left:22px}.mosque-name{font-size:19px;line-height:1.2}.mosque-meta{font-size:12px}.distance .num{font-size:22px}.distance .unit{font-size:9px}.filter-bar{gap:10px;padding:12px 0;top:64px}.chip{padding:6px 10px;font-size:11px;letter-spacing:.02em}.map-stage{position:relative;top:auto;height:320px;min-height:0}.search-grid{gap:20px}.detail-hero-name{font-size:32px!important;line-height:1.1!important}.detail-name-arabic{font-size:26px!important}.detail-juma-display{font-size:56px!important}.detail-juma-jamaat-label{font-size:17px!important;margin-top:16px!important}.detail-imam-name,.detail-juma-khateeb-name{font-size:19px!important}.emerald-card-inner{padding:22px 18px}.hero-ctas{flex-direction:column;align-items:stretch!important}.hero-ctas .btn,.hero-ctas>*{width:100%}.btn{padding:14px 22px;font-size:12px}.modal-backdrop{padding:12px}.modal{padding:24px 20px}.footer{padding:40px 16px 32px;margin-top:60px}.footer-inner{grid-template-columns:1fr;gap:28px}}.article{max-width:760px}.article p{font-size:17px;line-height:1.72;color:var(--ink-2);margin:0 0 22px}.article h2{font-size:34px;line-height:1.15;letter-spacing:-.015em;margin:56px 0 20px;scroll-margin-top:96px}.article h2,.article h3{font-family:var(--font-display),system-ui,sans-serif;font-weight:500;color:var(--ink)}.article h3{font-size:22px;line-height:1.25;margin:34px 0 12px}.article a{color:var(--emerald-3);text-decoration:underline;text-underline-offset:3px}.article a:hover{color:var(--gold)}.article ol,.article ul{margin:0 0 22px;padding-left:22px;color:var(--ink-2)}.article li{font-size:17px;line-height:1.7;margin-bottom:8px}.article figure{margin:36px 0}.article figure img{width:100%;height:auto;border:1px solid var(--border);border-radius:4px;display:block}.article figcaption{font-size:13px;color:var(--ink-3);margin-top:10px;line-height:1.5}.article table{width:100%;border-collapse:collapse;margin:28px 0;font-size:15px}.article td,.article th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top;color:var(--ink-2)}.article th{font-family:var(--font-sans),system-ui,sans-serif;font-weight:600;color:var(--ink);border-bottom:2px solid var(--gold-soft,var(--border));white-space:nowrap}.article .table-wrap{overflow-x:auto}.article .key-finding{border-left:3px solid var(--gold);background:rgba(184,146,62,.06);padding:18px 22px;margin:28px 0;border-radius:0 4px 4px 0}.article .key-finding p{margin:0;color:var(--ink)}@media (max-width:720px){.article h2{font-size:27px;margin:44px 0 16px}.article h3{font-size:20px}.article li,.article p{font-size:16px}}