@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;margin:0}.page{--bg:#f4efe2;--bg-2:#fffaf0;--text:#17251f;--muted:#6d776e;--line:rgba(31,65,50,.14);--surface:rgba(255,250,240,.84);--surface-strong:#fffaf0;--emerald:#0d5f46;--emerald-2:#16805f;--gold:#c99a42;--gold-2:#f3d38b;--night:#10251d;background:radial-gradient(circle at 12% 10%,rgba(201,154,66,.28),transparent 30%),radial-gradient(circle at 86% 18%,rgba(13,95,70,.2),transparent 34%),linear-gradient(180deg,var(--bg-2),var(--bg));color:var(--text);isolation:isolate;min-height:100vh;overflow:hidden;position:relative}.page.dark{--bg:#07130f;--bg-2:#0c1f18;--text:#f8efd9;--muted:#afbea9;--line:rgba(243,211,139,.18);--surface:rgba(13,34,26,.82);--surface-strong:#10251d;--emerald:#43c89a;--emerald-2:#1fa77d;--gold:#f3d38b;--gold-2:#ffe8a8;background:radial-gradient(circle at 12% 10%,rgba(243,211,139,.14),transparent 30%),radial-gradient(circle at 86% 18%,rgba(67,200,154,.16),transparent 34%),linear-gradient(180deg,#08120f,var(--bg))}.shell{margin:0 auto;max-width:1180px;padding:0 24px}.islamic-pattern{background-image:linear-gradient(30deg,var(--line) 12%,transparent 12.5%,transparent 87%,var(--line) 87.5%,var(--line)),linear-gradient(150deg,var(--line) 12%,transparent 12.5%,transparent 87%,var(--line) 87.5%,var(--line)),linear-gradient(30deg,var(--line) 12%,transparent 12.5%,transparent 87%,var(--line) 87.5%,var(--line)),linear-gradient(150deg,var(--line) 12%,transparent 12.5%,transparent 87%,var(--line) 87.5%,var(--line));background-position:0 0,0 0,36px 63px,36px 63px;background-size:72px 126px;inset:0;-webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);mask-image:linear-gradient(180deg,#000,transparent 78%);opacity:.24;pointer-events:none;position:absolute;z-index:-3}.dome-glow{border-radius:999px;filter:blur(70px);position:absolute;z-index:-2}.dome-left{background:var(--gold);height:320px;left:-140px;opacity:.18;top:220px;width:320px}.dome-right{background:var(--emerald);height:380px;opacity:.2;right:-150px;top:80px;width:380px}.nav{align-items:center;display:flex;gap:18px;justify-content:space-between;padding-top:24px;position:relative;z-index:5}.brand,.nav-actions{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--surface);border:1px solid var(--line);box-shadow:0 22px 70px #0c1f1814}.brand{color:var(--text);display:inline-flex;font-weight:800;gap:10px;padding:9px 15px;text-decoration:none}.brand,.brand-mark{align-items:center;border-radius:999px}.brand-mark{background:linear-gradient(135deg,var(--emerald),var(--gold));color:#fff;display:grid;font-size:12px;height:34px;place-items:center;width:34px}.nav-actions{align-items:center;border-radius:999px;display:flex;gap:6px;padding:7px}.nav-actions a,.nav-actions button{background:transparent;border:0;border-radius:999px;color:var(--muted);cursor:pointer;font:inherit;font-size:13px;font-weight:700;padding:9px 12px;text-decoration:none}.nav-actions a:hover,.nav-actions button:hover{background:#0d5f461a;color:var(--text)}.maintenance{display:grid;min-height:70vh;place-content:center;text-align:center}.kicker{color:var(--emerald);font-size:12px;font-weight:800;letter-spacing:.18em;margin:0 0 14px;text-transform:uppercase}.hero{align-items:center;display:grid;gap:56px;grid-template-columns:1.05fr .95fr;min-height:calc(100vh - 86px);padding-bottom:70px;padding-top:74px}.availability{align-items:center;background:#0d5f4617;border:1px solid var(--line);border-radius:999px;color:var(--emerald);display:inline-flex;font-size:13px;font-weight:800;gap:9px;margin:0 0 22px;padding:9px 13px}.availability span{animation:pulse 2.2s ease-in-out infinite;background:var(--emerald);border-radius:999px;height:8px;width:8px}.hero h1{font-family:Amiri,serif;font-size:clamp(54px,8vw,104px);font-weight:700;letter-spacing:-.055em;line-height:.82;margin:0;max-width:780px}.lead{color:var(--muted);font-size:clamp(17px,2vw,21px);line-height:1.8;margin:28px 0 0;max-width:640px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{align-items:center;border-radius:999px;display:inline-flex;font-weight:800;justify-content:center;min-height:52px;padding:0 22px;text-decoration:none}.button.primary{background:linear-gradient(135deg,var(--emerald),#0f6f53);box-shadow:0 18px 45px #0d5f4640;color:#fff}.button.ghost{background:var(--surface);border:1px solid var(--line);color:var(--text)}.hero-stats{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px;max-width:560px}.hero-stats div{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:18px}.hero-stats strong{color:var(--gold);display:block;font-family:Amiri,serif;font-size:34px;line-height:1}.hero-stats span{color:var(--muted);font-size:13px;font-weight:700}.mihrab-card{background:linear-gradient(180deg,var(--surface),hsla(0,0%,100%,.2));border:1px solid var(--line);border-radius:42px;box-shadow:0 40px 120px #0c1f1829;padding:18px;position:relative}.mihrab-arch{background:linear-gradient(180deg,var(--emerald),#092f23);border:1px solid hsla(0,0%,100%,.16);border-radius:220px 220px 34px 34px;min-height:520px;overflow:hidden;position:relative}.mihrab-arch:before{background:repeating-linear-gradient(90deg,rgba(243,211,139,.18) 0 1px,transparent 1px 52px);content:"";inset:0;opacity:.45;position:absolute}.moon{animation:floatMoon 6s ease-in-out infinite;border:3px solid var(--gold-2);height:90px;left:50%;top:70px;transform:translate(-50%);width:90px}.moon,.moon:after{border-radius:999px;position:absolute}.moon:after{background:#0b3528;content:"";height:72px;right:4px;top:5px;width:72px}.star{animation:twinkle 2.8s ease-in-out infinite;color:var(--gold-2);position:absolute}.star:before{content:"✦"}.star-a{font-size:24px;right:27%;top:150px}.star-b{animation-delay:1.2s;font-size:18px;left:25%;top:210px}.mosque-line{bottom:86px;display:flex;gap:16px;justify-content:center;left:0;position:absolute;right:0}.mosque-line span{background:linear-gradient(180deg,var(--gold-2),var(--gold));border-radius:70px 70px 8px 8px;height:150px;width:74px}.mosque-line span:nth-child(2){height:210px;width:120px}.today-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf0e6;border:1px solid rgba(201,154,66,.28);border-radius:28px;bottom:34px;box-shadow:0 24px 80px #08120f38;left:34px;padding:22px;position:absolute;right:34px}.page.dark .today-card{background:#10251de6}.today-card small{color:var(--muted);display:block;font-weight:800;margin-bottom:5px}.today-card strong{display:block;font-size:20px}.prayer-progress{display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-top:18px}.prayer-progress span{align-items:center;border:1px solid var(--line);border-radius:16px;color:var(--muted);display:grid;font-weight:900;height:44px;place-items:center}.prayer-progress .done{background:linear-gradient(135deg,var(--emerald),var(--gold));color:#fff}.cta,.features,.qibla-section,.quran-section{padding-bottom:96px}.quran-section{align-items:center;display:grid;gap:34px;grid-template-columns:.82fr 1.18fr}.cta h2,.qibla-section h2,.section-copy h2,.section-head h2{font-family:Amiri,serif;font-size:clamp(38px,5vw,66px);letter-spacing:-.04em;line-height:.95;margin:0}.cta p:not(.kicker),.features p,.qibla-section p:not(.kicker),.section-copy p:not(.kicker){color:var(--muted);line-height:1.75}.mushaf-card{background:linear-gradient(135deg,#f5e7bd,#fff8e6);border:1px solid rgba(201,154,66,.42);border-radius:36px;box-shadow:0 32px 90px #0c1f181f;display:grid;gap:2px;grid-template-columns:1fr 1fr;padding:16px;transform:rotate(-1.5deg)}.page.dark .mushaf-card{background:linear-gradient(135deg,#1f3e31,#10251d)}.page{perspective:1200px}.page .page-left,.page .page-right{background:#fffaf0d1;border:1px solid rgba(201,154,66,.2);min-height:280px;padding:28px}.page.dark .page-left,.page.dark .page-right{background:#07130f8a}.page-left{border-radius:24px 8px 8px 24px;text-align:right}.page-right{border-radius:8px 24px 24px 8px}.page-left span{color:var(--gold)}.page-left p,.page-left span{font-family:Amiri,serif;font-size:34px}.page-left p{line-height:1.9}.page-right span{color:var(--emerald);font-weight:900}.page-right p{font-size:20px;line-height:1.7}.compass-card{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:42px;display:grid;gap:34px;grid-template-columns:320px 1fr;padding:34px}.compass{animation:floatCompass 5s ease-in-out infinite;background:radial-gradient(circle,var(--surface-strong) 0 32%,transparent 33%),conic-gradient(from 0deg,var(--gold),var(--emerald),var(--gold-2),var(--emerald),var(--gold));border:1px solid var(--line);border-radius:999px;height:280px;position:relative;width:280px}.compass:before{border:1px dashed hsla(0,0%,100%,.5);border-radius:999px;content:"";inset:24px;position:absolute}.kaaba{background:#101510;border:4px solid var(--gold);border-radius:10px;box-shadow:0 0 0 12px #c99a421f;height:58px;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:58px}.kaaba,.needle{left:50%;position:absolute}.needle{animation:qiblaNeedle 3.8s ease-in-out infinite;background:linear-gradient(180deg,#d94c3d,var(--gold));border-radius:999px;height:124px;top:32px;transform:translate(-50%) rotate(28deg);transform-origin:50% 108px;width:7px}.section-head{margin-bottom:28px;max-width:760px}.feature-grid{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid article{background:var(--surface);border:1px solid var(--line);border-radius:30px;min-height:230px;padding:24px;transition:transform .25s ease,box-shadow .25s ease}.feature-grid article:hover{box-shadow:0 28px 80px #0d5f4624;transform:translateY(-8px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#0d5f4624,#c99a4238);border:1px solid var(--line);border-radius:22px;color:var(--emerald);display:grid;font-family:Amiri,serif;font-size:34px;height:64px;place-items:center;width:64px}.feature-grid h3{font-size:21px;margin:20px 0 8px}.cta-inner{background:linear-gradient(135deg,var(--emerald),#123b2d);border:1px solid rgba(243,211,139,.26);border-radius:44px;color:#fff;overflow:hidden;padding:64px;position:relative}.cta-inner:before{background:radial-gradient(circle,rgba(243,211,139,.28),transparent 46%);content:"";height:360px;position:absolute;right:-120px;top:-120px;width:360px}.cta .kicker,.cta p{color:#f8e7bd}.cta h2{max-width:720px}.cta .button{margin-top:20px}.cta .primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#173025}@keyframes pulse{0%,to{box-shadow:0 0 #0d5f4659}50%{box-shadow:0 0 0 9px #0d5f4600}}@keyframes floatMoon{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-16px)}}@keyframes twinkle{0%,to{opacity:.28;transform:scale(.86)}50%{opacity:1;transform:scale(1.18)}}@keyframes floatCompass{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes qiblaNeedle{0%,to{transform:translate(-50%) rotate(28deg)}50%{transform:translate(-50%) rotate(47deg)}}@media(max-width:900px){.nav{align-items:flex-start;flex-direction:column}.nav-actions{border-radius:24px;flex-wrap:wrap}.compass-card,.hero,.quran-section{grid-template-columns:1fr}.hero{padding-top:44px}.mihrab-arch{min-height:430px}.compass-card{padding:22px}.compass{height:230px;width:230px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mushaf-card{transform:none}}@media(max-width:620px){.shell{padding:0 18px}.nav-actions a{display:none}.hero h1{font-size:56px}.hero-stats{grid-template-columns:1fr}.today-card{left:18px;right:18px}.cta,.features,.qibla-section,.quran-section{padding-bottom:64px}.mushaf-card{grid-template-columns:1fr}.page-left,.page-right{border-radius:22px}.feature-grid{grid-template-columns:1fr}.cta-inner{padding:34px 24px}.mosque-line span{height:110px;width:52px}.mosque-line span:nth-child(2){height:160px;width:86px}}