@font-face{font-family:Amiri;src:url(/fonts/Amiri-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/Amiri-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--scroll-progress: 0;--door-progress: 0;--title-progress: 0;--doors-open: 0;--door-track: 70vh;--green-900: #04231b;--green-800: #06341f;--green-700: #0a4a2c;--green-600: #0f5f39;--gold-400: #e8c877;--gold-500: #d4af58;--gold-600: #b9913c;--cream: #f6f1e4;--ink: #10231c;--font-display: "Cormorant Garamond", "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--green-900);color:var(--cream);font-family:var(--font-body);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,.gold-title{font-family:var(--font-display);font-weight:600;letter-spacing:.01em}a{color:var(--gold-400);text-decoration:none}a:hover{text-decoration:underline}.hero-track{position:relative;height:calc(100vh + var(--door-track))}.hero{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}.hero__backdrop{position:absolute;inset:0;z-index:0;background:radial-gradient(42% 34% at 50% 44%,rgba(255,249,232,calc(.55 * var(--door-progress))) 0%,rgba(255,226,158,calc(.42 * var(--door-progress))) 26%,rgba(226,176,78,calc(.22 * var(--door-progress))) 48%,transparent 72%),radial-gradient(90% 55% at 50% 52%,rgba(212,175,88,calc(.2 * var(--door-progress))) 0%,transparent 70%),radial-gradient(120% 80% at 50% 8%,#0d5c37 0%,var(--green-800) 45%,var(--green-900) 100%)}.hero__sun{position:absolute;left:50%;top:46%;width:min(120vh,150vw);aspect-ratio:1;transform:translate(-50%,-50%) scale(calc(.72 + var(--door-progress) * .36));z-index:1;pointer-events:none;opacity:var(--door-progress)}.hero__sun:before{content:"";position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle,rgba(255,252,242,.92) 0%,rgba(255,236,186,.55) 22%,rgba(235,190,105,.26) 45%,transparent 70%);filter:blur(calc(10px + (1 - var(--door-progress)) * 26px))}.hero__sun:after{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,242,208,.16) 0deg 1.6deg,transparent 1.6deg 9deg);-webkit-mask-image:radial-gradient(circle,transparent 16%,#000 30%,transparent 60%);mask-image:radial-gradient(circle,transparent 16%,#000 30%,transparent 60%);mix-blend-mode:screen;animation:sunSpin 90s linear infinite}@keyframes sunSpin{to{transform:rotate(360deg)}}.hero__pattern{position:absolute;inset:0;z-index:0;opacity:.16;background-image:radial-gradient(circle at 50% 50%,rgba(232,200,119,.55) 0 2px,transparent 3px),repeating-linear-gradient(45deg,rgba(232,200,119,.18) 0 1px,transparent 1px 26px),repeating-linear-gradient(-45deg,rgba(232,200,119,.18) 0 1px,transparent 1px 26px);background-size:52px 52px,auto,auto;transform:scale(calc(1 + var(--door-progress) * .15))}.hero__ornament{position:absolute;left:0;right:0;height:120px;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(4,35,27,.9),transparent)}.hero__ornament--top{top:0}.hero__ornament--bottom{bottom:0;transform:scaleY(-1)}.door-scene{position:absolute;inset:0;z-index:2;pointer-events:none;display:grid;place-items:center}.door-scene__glow{position:absolute;left:50%;top:50%;width:120vmax;height:120vmax;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,244,214,calc(.1 * var(--door-progress))) 0%,transparent 55%);opacity:var(--door-progress)}.gate{position:relative;width:min(58vw,460px);height:min(74vh,700px);transform:translateY(2vh) scale(calc(1 + var(--door-progress) * .1));will-change:transform}.gate__frame{position:absolute;inset:-3.2% -4.5% -2%;border-radius:50% 50% 10px 10px/30% 30% 6px 6px;background:linear-gradient(180deg,#0d5133,#08381f 60%,#062a1a);box-shadow:inset 0 0 0 2px #d4af586b,inset 0 0 0 9px #04231be6,inset 0 0 0 10px #d4af582e,0 30px 70px #00000080}.gate__opening{position:absolute;inset:0;border-radius:50% 50% 6px 6px/30% 30% 4px 4px;overflow:hidden;background:#02150f;perspective:1200px;perspective-origin:50% 45%;transform:translateZ(0)}.gate__light{position:absolute;inset:0;background:linear-gradient(180deg,#fff8e48c,#e2c4844d 45%,#7860301f);opacity:calc(var(--door-progress) * .75)}.gate__light:after{content:"";position:absolute;left:50%;bottom:-10%;width:60%;height:70%;transform:translate(-50%);background:radial-gradient(ellipse at 50% 100%,rgba(255,246,222,.45) 0%,transparent 70%);opacity:var(--door-progress);filter:blur(14px)}.door{position:absolute;top:0;bottom:0;width:50.4%;background:radial-gradient(ellipse 22% 8% at 22% 18%,rgba(150,190,160,.1) 0%,transparent 70%),radial-gradient(ellipse 16% 6% at 74% 61%,rgba(150,190,160,.08) 0%,transparent 70%),radial-gradient(circle 7px at 31% 34%,rgba(10,20,12,.5) 0%,transparent 75%),radial-gradient(circle 5px at 68% 72%,rgba(10,20,12,.45) 0%,transparent 78%),repeating-linear-gradient(93deg,rgba(0,0,0,.13) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(0,0,0,.5) 0 2px,rgba(150,190,160,.06) 2px 4px,transparent 4px 30px),repeating-linear-gradient(45deg,rgba(212,175,88,.1) 0 1px,transparent 1px 30px),repeating-linear-gradient(-45deg,rgba(212,175,88,.1) 0 1px,transparent 1px 30px),linear-gradient(100deg,#0c4a2c,#08381f 42%,#05291a 74%,#041d12);background-color:#073822;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;box-shadow:inset 0 0 50px #00000080}.door:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 14%,transparent 70%,rgba(0,0,0,.5) 100%),linear-gradient(90deg,rgba(0,0,0,.28) 0%,transparent 12%,transparent 88%,rgba(0,0,0,.28) 100%)}.door__panel{position:absolute;z-index:2;inset:5% 12%;border:1.5px solid rgba(212,175,88,.4);border-radius:999px 999px 4px 4px/120px 120px 3px 3px}.door__panel:after{content:"";position:absolute;inset:9% 14%;border:1px solid rgba(212,175,88,.22);border-radius:999px 999px 3px 3px/100px 100px 2px 2px}.door__handle{position:absolute;z-index:3;top:50%;width:10px;height:38px;border-radius:999px;background:linear-gradient(180deg,var(--gold-400),var(--gold-600));box-shadow:0 0 8px #e8c87759}.door--left{left:0;transform-origin:left center;transform:rotateY(calc(var(--door-progress) * -88deg));box-shadow:inset -14px 0 26px #0000008c,inset 2px 0 #d4af5840;filter:brightness(calc(1 - var(--door-progress) * .42))}.door--left .door__handle{right:14px}.door--right{right:0;transform-origin:right center;transform:rotateY(calc(var(--door-progress) * 88deg));box-shadow:inset 14px 0 26px #0000008c,inset -2px 0 #d4af5840;filter:brightness(calc(1 - var(--door-progress) * .42))}.door--right .door__handle{left:14px}.gate__step{position:absolute;left:50%;bottom:-5%;width:130%;height:30px;transform:translate(-50%);border-radius:999px;background:radial-gradient(ellipse at center,rgba(255,240,205,calc(.22 * var(--door-progress))) 0%,transparent 68%);filter:blur(8px)}.topbar{position:relative;z-index:6;padding:20px clamp(14px,4vw,48px) 14px;opacity:calc(.35 + var(--door-progress) * .65);display:flex;flex-direction:column;align-items:center;gap:12px}.nav{display:flex;flex-wrap:nowrap;gap:clamp(12px,2vw,28px);justify-content:center;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.nav a{color:#f6f1e4d9}.nav a:hover{color:var(--gold-400);text-decoration:none}.hero__content{position:relative;z-index:5;margin:auto;text-align:center;padding:0 20px;opacity:var(--title-progress);transform:translateY(calc((1 - var(--title-progress)) * 34px)) scale(calc(.92 + var(--title-progress) * .08));filter:blur(calc((1 - var(--title-progress)) * 6px));will-change:opacity,transform}.eyebrow{margin:0 0 10px;color:var(--gold-400);letter-spacing:.22em;font-size:clamp(.8rem,1.6vw,1rem)}.hero__content h1{margin:0;font-size:clamp(2.8rem,9vw,7rem);line-height:1.05;background:linear-gradient(180deg,#fffdf6 0%,#ffe9b8 38%,var(--gold-400) 62%,var(--gold-600) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 20px rgba(120,80,20,.55)) drop-shadow(0 0 46px rgba(255,226,158,calc(.5 * var(--door-progress))))}.hero__ar{margin:0 0 6px;font-family:Amiri,serif;font-size:clamp(1.4rem,4.5vw,2.6rem);color:var(--gold-400);text-shadow:0 2px 18px rgba(0,0,0,.55)}.hero__sub{margin:14px 0 0;letter-spacing:.3em;text-transform:uppercase;font-size:clamp(.7rem,1.6vw,.95rem);color:#f6f1e4bf}.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:6;width:26px;height:42px;border:1px solid rgba(232,200,119,.6);border-radius:999px;opacity:calc(1 - var(--scroll-progress) * 3)}.scroll-hint span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:999px;background:var(--gold-400);animation:scrollDot 1.6s ease-in-out infinite}@keyframes scrollDot{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(16px);opacity:.3}}.content{position:relative;z-index:7;background:linear-gradient(180deg,var(--green-900) 0%,#041d17 100%);padding:clamp(28px,5vw,72px) clamp(16px,5vw,64px);display:grid;gap:clamp(34px,6vw,80px)}.section-kicker{margin:0 0 6px;color:var(--gold-500);text-transform:uppercase;letter-spacing:.24em;font-size:.75rem}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:none}.intro__panel{max-width:900px;margin:0 auto;padding:clamp(28px,5vw,60px);text-align:center;border:1px solid rgba(212,175,88,.3);border-radius:28px;background:#ffffff08;backdrop-filter:blur(6px)}.intro__panel h2{margin:0 0 18px;font-size:clamp(1.9rem,4vw,3rem)}.ayah{font-family:var(--font-display);font-size:clamp(1.2rem,2.4vw,1.7rem);font-style:italic;margin:0}.ayah__ref{color:var(--gold-500);letter-spacing:.15em;font-size:.8rem;margin-top:10px}.panel--soft{padding:clamp(28px,5vw,56px);border-radius:28px;border:1px solid rgba(212,175,88,.22);background:#ffffff09}.panel h2{margin:0 0 26px;font-size:clamp(1.7rem,3.4vw,2.6rem)}.prayer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.prayer-card{display:grid;gap:6px;padding:22px 18px;text-align:center;border-radius:18px;border:1px solid rgba(212,175,88,.28);background:linear-gradient(160deg,#0f5f398c,#04231bbf);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease,border-color .45s ease,background .45s ease}.prayer-card__name{color:var(--gold-400);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem}.prayer-card strong{font-family:var(--font-display);font-size:1.9rem}.contact-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;padding:clamp(28px,5vw,56px);border-radius:28px;background:linear-gradient(120deg,#0f5f3980,#04231bcc);border:1px solid rgba(212,175,88,.25)}.gold-title{color:var(--gold-400);margin:0 0 8px;font-size:clamp(1.5rem,3vw,2.2rem)}.legal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.legal-card{padding:clamp(24px,4vw,40px);border-radius:24px;border:1px solid rgba(212,175,88,.2);background:#ffffff08}.legal-card h2{margin:0 0 14px;font-size:1.5rem}.footer{position:relative;z-index:7;text-align:center;padding:clamp(40px,6vw,72px) 20px;background:#03170f;border-top:1px solid rgba(212,175,88,.25)}.footer__links{display:flex;gap:20px;justify-content:center;margin-top:12px}.intro:before,.panel:before,.contact-strip:before,.legal-grid:before,.ayah:before,.ayah:after{content:none!important;display:none!important}@media(max-width:900px){:root{--door-track: 52vh}.content{gap:clamp(28px,5vw,52px);padding:clamp(26px,5vw,48px) clamp(16px,4vw,40px)}}@media(max-width:700px){:root{--door-track: 38vh}.hero{height:100svh}.hero-track{height:calc(100svh + var(--door-track))}.gate{width:78vw;height:52vh}.content{padding:28px 16px 40px;gap:32px}.intro__panel{padding:22px 18px;border-radius:18px}.panel--soft{padding:20px 16px;border-radius:18px}.contact-strip{padding:20px 16px;gap:18px;border-radius:18px}.story__card{min-height:240px;border-radius:20px}.story__overlay{padding:20px 18px}.prayer-grid{grid-template-columns:repeat(2,1fr);gap:10px}.prayer-card{padding:14px 10px;border-radius:14px}.prayer-card strong{font-size:1.5rem}.prayer-card__name{font-size:.65rem;letter-spacing:.1em}.prayer-card__iqama{font-size:.62rem}.footer{padding:32px 16px}.scroll-hint{bottom:16px}}@media(max-width:380px){:root{--door-track: 32vh}.prayer-card strong{font-size:1.3rem}.content{gap:34px}}@media(max-height:520px)and (orientation:landscape){:root{--door-track: 28vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-track,.hero{height:100svh}.gate,.door-scene{display:none}.reveal{opacity:1;transform:none;transition:none}.scroll-hint span{animation:none}}.panel__head{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.panel__head h2{margin:0 0 4px}.panel__date{margin:0;color:#f6f1e499;font-size:.9rem}.next-prayer{display:grid;gap:2px;padding:14px 22px;border-radius:16px;border:1px solid rgba(212,175,88,.4);background:linear-gradient(140deg,#d4af5829,#04231b80);text-align:right;min-width:220px}.next-prayer span{color:var(--gold-500);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}.next-prayer strong{font-family:var(--font-display);font-size:1.35rem}.next-prayer__countdown{font-style:normal;font-variant-numeric:tabular-nums;color:#f6f1e4bf;font-size:.9rem}.prayer-card{position:relative}.prayer-card__iqama{font-style:normal;font-size:.7rem;letter-spacing:.1em;color:#f6f1e48c}.prayer-card.is-shuruq{opacity:.72;border-style:dashed}.prayer-card.is-next{border-color:var(--gold-400);background:linear-gradient(160deg,#d4af5847,#0a4a2cb3);box-shadow:0 0 0 1px #e8c87759,0 16px 36px #00000073;transform:translateY(-3px)}.prayer-card.is-next .prayer-card__name{color:#fff6de}.prayer-note{margin:22px 0 0;padding:12px 18px;border-radius:12px;background:#00000038;border-left:3px solid var(--gold-500)}.prayer-note strong{color:var(--gold-400)}.prayer-flash{margin:12px 0 0;padding:12px 18px;border-radius:12px;background:#fb52101f;border-left:3px solid #fb5210;font-size:.95rem}.prayer-source{margin:16px 0 0;font-size:.78rem;color:#f6f1e473}.prayer-source a{color:#e8c877cc}@media(max-width:700px){.panel__head{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}.next-prayer{text-align:left;min-width:0;padding:12px 16px}.next-prayer strong{font-size:1.15rem}.panel__date{font-size:.82rem}.prayer-note,.prayer-flash{padding:10px 14px;font-size:.88rem}}.page--legal{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(90% 55% at 50% 0%,rgba(15,95,57,.5) 0%,transparent 65%),linear-gradient(180deg,var(--green-900) 0%,#041d17 100%)}.legal-top{padding:22px clamp(16px,4vw,48px);border-bottom:1px solid rgba(212,175,88,.18)}.legal-main{flex:1;width:100%;max-width:860px;margin:0 auto;padding:clamp(40px,7vw,88px) clamp(18px,5vw,32px) clamp(56px,8vw,96px)}.legal-main h1{margin:0 0 34px;font-size:clamp(2.1rem,5.5vw,3.4rem);background:linear-gradient(180deg,#fff8e4 0%,var(--gold-400) 60%,var(--gold-600) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.legal-lead{font-size:1.1rem;color:#f6f1e4e6;padding:18px 22px;border-left:3px solid var(--gold-500);background:#ffffff0a;border-radius:0 14px 14px 0;margin:0 0 12px}.legal-body section{padding:clamp(20px,3.5vw,32px);margin-bottom:18px;border-radius:20px;border:1px solid rgba(212,175,88,.18);background:#ffffff08}.legal-body h2{margin:0 0 14px;font-size:clamp(1.2rem,2.6vw,1.55rem);color:var(--gold-400)}.legal-body p{margin:0 0 12px;color:#f6f1e4db}.legal-body p:last-child{margin-bottom:0}.legal-body ul{margin:0 0 12px;padding-left:20px;color:#f6f1e4db}.legal-body li{margin-bottom:6px}.legal-body li::marker{color:var(--gold-500)}.legal-todo{padding:12px 16px;border-radius:12px;background:#fb52101a;border-left:3px solid rgba(251,82,16,.75);font-size:.92rem;color:#f6f1e4cc}.legal-stand{margin-top:26px;font-size:.82rem;color:#f6f1e473;text-align:right}.legal-back{margin-top:34px;text-align:center}.legal-back a{display:inline-block;padding:12px 26px;border-radius:999px;border:1px solid rgba(212,175,88,.4);transition:background .3s ease,transform .3s ease}.legal-back a:hover{background:#d4af5824;transform:translateY(-2px);text-decoration:none}@media(max-width:700px){.legal-main{padding:32px 16px 48px}.legal-body section{padding:18px 16px;margin-bottom:14px;border-radius:16px}.legal-top{padding:14px 12px}.legal-main h1{margin-bottom:22px}}.prayer-grid{perspective:900px}.prayer-card{overflow:hidden;opacity:0;transform:translateY(26px) rotateX(-12deg) scale(.96);transform-origin:50% 100%}.reveal.is-visible .prayer-card{animation:cardIn .75s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i) * 90ms)}@keyframes cardIn{0%{opacity:0;transform:translateY(26px) rotateX(-12deg) scale(.96)}60%{opacity:1}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}.prayer-card__icon{display:block;width:26px;height:26px;margin:0 auto 4px;color:var(--gold-500);opacity:.75;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s ease,color .4s ease}.prayer-card__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.prayer-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 22px 46px #00000080;border-color:#d4af588c}.prayer-card:hover .prayer-card__icon{transform:scale(1.15) rotate(-8deg);opacity:1;color:var(--gold-400)}.prayer-card__shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,246,222,.16) 46%,rgba(255,246,222,.28) 50%,rgba(255,246,222,.16) 54%,transparent 70%);transform:translate(-120%);opacity:0}.prayer-card:hover .prayer-card__shine{animation:shine .9s ease-out}@keyframes shine{0%{transform:translate(-120%);opacity:1}to{transform:translate(120%);opacity:0}}.prayer-card.is-next{animation:nextBreath 3.6s ease-in-out infinite}@keyframes nextBreath{0%,to{box-shadow:0 0 0 1px #e8c87759,0 16px 36px #00000073}50%{box-shadow:0 0 0 1px #e8c877b3,0 0 26px #e8c87752,0 16px 40px #00000080}}.prayer-card.is-next .prayer-card__icon{opacity:1;color:#fff6de;animation:iconGlow 3.6s ease-in-out infinite}@keyframes iconGlow{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,246,222,0))}50%{transform:scale(1.12);filter:drop-shadow(0 0 8px rgba(255,246,222,.65))}}.prayer-card.is-next .prayer-card__shine{animation:shineLoop 4.5s ease-in-out infinite;animation-delay:1s}@keyframes shineLoop{0%{transform:translate(-120%);opacity:0}8%{opacity:1}28%{transform:translate(120%);opacity:0}to{transform:translate(120%);opacity:0}}.prayer-card__ring{position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .5s ease;background:conic-gradient(from 180deg at 50% 50%,rgba(232,200,119,.28) calc(var(--p, 0) * 360deg),transparent 0deg);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);padding:2px}.prayer-card.is-next .prayer-card__ring{opacity:1}.prayer-card strong{transition:color .4s ease,transform .4s cubic-bezier(.16,1,.3,1)}.prayer-card.is-flip strong{animation:flipTime .5s cubic-bezier(.16,1,.3,1)}@keyframes flipTime{0%{transform:translateY(0) rotateX(0);opacity:1}45%{transform:translateY(-8px) rotateX(70deg);opacity:0}55%{transform:translateY(8px) rotateX(-70deg);opacity:0}to{transform:translateY(0) rotateX(0);opacity:1}}.next-prayer__countdown.is-soon{color:var(--gold-400);animation:soonPulse 1s ease-in-out infinite}@keyframes soonPulse{0%,to{opacity:1}50%{opacity:.45}}.prayer-card.is-adhan{animation:adhanFlash 2.4s cubic-bezier(.16,1,.3,1)}@keyframes adhanFlash{0%{box-shadow:0 0 #e8c877d9;background:#e8c87773}60%{box-shadow:0 0 0 26px #e8c87700}to{box-shadow:0 0 #e8c87700}}.no-js .prayer-card,html:not(.js) .prayer-card{opacity:1;transform:none}@media(max-width:700px){.prayer-card__icon{width:20px;height:20px;margin-bottom:2px}.reveal.is-visible .prayer-card{animation-delay:calc(var(--i) * 60ms)}}@media(prefers-reduced-motion:reduce){.prayer-card{opacity:1;transform:none}.reveal.is-visible .prayer-card,.prayer-card.is-next,.prayer-card.is-next .prayer-card__icon,.prayer-card.is-next .prayer-card__shine,.prayer-card.is-adhan,.next-prayer__countdown.is-soon{animation:none}.prayer-card:hover{transform:none}}.interior{display:block}.interior{width:min(100%,92rem);margin:0 auto}.interior__frame{position:relative;margin:0;border-radius:30px;overflow:hidden;border:1px solid rgba(212,175,88,.34);box-shadow:0 34px 80px #00000094;aspect-ratio:16 / 10;background:var(--green-900)}.interior__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 44%;transform:scale(1.03);transition:transform 1.6s cubic-bezier(.16,1,.3,1)}.is-visible .interior__frame img{animation:interiorDrift 22s ease-in-out infinite alternate}@keyframes interiorDrift{0%{transform:scale(1.03) translate(0)}to{transform:scale(1.09) translate(-1%,-.8%)}}.interior__wash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 48% at 50% 26%,rgba(255,226,160,.24) 0%,transparent 68%),radial-gradient(78% 62% at 50% 48%,#071d151a,#04231b38 52%,#03170fe0);mix-blend-mode:multiply}.interior__frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 34%,rgba(3,23,15,.45) 72%,rgba(3,23,15,.94) 100%),radial-gradient(circle at 50% 35%,transparent 0 58%,rgba(0,0,0,.18) 78%,rgba(0,0,0,.35) 100%)}.interior__rays{position:absolute;left:50%;top:26%;width:120%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,240,200,.09) 0deg 2.5deg,transparent 2.5deg 11deg);-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 52%);mask-image:radial-gradient(circle,#000 0%,transparent 52%);mix-blend-mode:screen;opacity:0;animation:raysBreath 8s ease-in-out infinite}.is-visible .interior__rays{opacity:1}@keyframes raysBreath{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:.55}50%{transform:translate(-50%,-50%) rotate(4deg) scale(1.06);opacity:.9}}.interior__caption{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:clamp(26px,4vw,52px) clamp(18px,4vw,56px) clamp(20px,3vw,34px);text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(3,23,15,.1) 18%,rgba(3,23,15,.86) 100%)}.interior__de{font-family:var(--font-display);font-size:clamp(1.15rem,2.8vw,1.9rem);color:#fff8e8;font-weight:500;margin:0;text-shadow:0 2px 14px rgba(0,0,0,.55)}.interior__caption .section-kicker{color:var(--gold-400);margin-bottom:8px}@media(max-width:700px){.interior__frame{aspect-ratio:4 / 5;border-radius:20px}.interior__caption{padding:18px 16px 22px}}@media(prefers-reduced-motion:reduce){.is-visible .interior__frame img{animation:none}.interior__rays{animation:none;opacity:.5}}.langswitch{position:relative;display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:999px;border:1px solid rgba(212,175,88,.38);background:#04231b8c;backdrop-filter:blur(8px);box-shadow:inset 0 1px #fff6de1a,0 6px 18px #00000059}.langswitch__btn{position:relative;z-index:2;appearance:none;border:0;background:transparent;color:#f6f1e4ad;font:inherit;font-size:.74rem;font-weight:600;letter-spacing:.1em;padding:7px 13px;border-radius:999px;cursor:pointer;transition:color .35s ease,transform .35s cubic-bezier(.16,1,.3,1)}.langswitch__btn:hover{color:var(--gold-400)}.langswitch__btn.is-active{color:#06341f}.langswitch__btn:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}.langswitch__pill{position:absolute;top:4px;bottom:4px;left:0;z-index:1;border-radius:999px;background:linear-gradient(180deg,#fff3d4 0%,var(--gold-400) 55%,var(--gold-600) 100%);box-shadow:0 2px 10px #e8c87773;transition:transform .45s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1)}html.is-rtl .nav,html.is-rtl .topbar{direction:rtl}html.is-rtl .langswitch{direction:ltr}html.is-rtl .schedule-row,html.is-rtl .prayer-note,html.is-rtl .prayer-flash{text-align:right}html.is-rtl .prayer-note,html.is-rtl .prayer-flash{border-left:0;border-right:3px solid var(--gold-500)}html.is-rtl .next-prayer{text-align:left}html.is-rtl .ayah,html.is-rtl .interior__de,html.is-rtl .hero__sub{font-family:"Amiri",var(--font-display),serif}html.is-rtl .ayah{font-size:clamp(1.35rem,2.8vw,2rem);line-height:1.9}html.is-rtl .legal-lead,html.is-rtl .legal-body{border-left:0}@media(max-width:700px){.topbar{padding:14px 10px 10px;gap:9px}.nav{font-size:.7rem;gap:8px 14px}.langswitch{padding:3px}.langswitch__btn{padding:5px 10px;font-size:.66rem;letter-spacing:.05em}}.legal-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.langswitch--legal .langswitch__btn{text-decoration:none}.langswitch--legal .langswitch__btn.is-active{background:linear-gradient(180deg,#fff3d4 0%,var(--gold-400) 55%,var(--gold-600) 100%);color:#06341f}.langswitch--legal .langswitch__btn:hover{text-decoration:none}@media(prefers-reduced-motion:reduce){.langswitch__pill{transition:none}}