@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_8def66c5-module__XA8t6q__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_8def66c5-module__XA8t6q__variable{--font-sans:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(../media/79e9e0e3b9220e46-s.3a-pd9010p_dh.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(../media/e62850744c7f266e-s.0n7ulcr4ivksg.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(../media/9433d1a810498265-s.p.1hij5ex6k3v9q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-weight:500;font-display:swap;src:url(../media/79e9e0e3b9220e46-s.3a-pd9010p_dh.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:italic;font-weight:500;font-display:swap;src:url(../media/e62850744c7f266e-s.0n7ulcr4ivksg.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:500;font-display:swap;src:url(../media/9433d1a810498265-s.p.1hij5ex6k3v9q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-weight:600;font-display:swap;src:url(../media/79e9e0e3b9220e46-s.3a-pd9010p_dh.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:italic;font-weight:600;font-display:swap;src:url(../media/e62850744c7f266e-s.0n7ulcr4ivksg.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:600;font-display:swap;src:url(../media/9433d1a810498265-s.p.1hij5ex6k3v9q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-weight:700;font-display:swap;src:url(../media/79e9e0e3b9220e46-s.3a-pd9010p_dh.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:italic;font-weight:700;font-display:swap;src:url(../media/e62850744c7f266e-s.0n7ulcr4ivksg.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:700;font-display:swap;src:url(../media/9433d1a810498265-s.p.1hij5ex6k3v9q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(../media/150f724d70372c02-s.1ljbalzvxyif7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(../media/750c737482d9de2f-s.3ex3j6ahhvjry.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5f402bd2d8eef81a-s.p.40bho2kviej2o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:500;font-display:swap;src:url(../media/150f724d70372c02-s.1ljbalzvxyif7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-weight:500;font-display:swap;src:url(../media/750c737482d9de2f-s.3ex3j6ahhvjry.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5f402bd2d8eef81a-s.p.40bho2kviej2o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:600;font-display:swap;src:url(../media/150f724d70372c02-s.1ljbalzvxyif7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-weight:600;font-display:swap;src:url(../media/750c737482d9de2f-s.3ex3j6ahhvjry.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5f402bd2d8eef81a-s.p.40bho2kviej2o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:700;font-display:swap;src:url(../media/150f724d70372c02-s.1ljbalzvxyif7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-weight:700;font-display:swap;src:url(../media/750c737482d9de2f-s.3ex3j6ahhvjry.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5f402bd2d8eef81a-s.p.40bho2kviej2o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Fallback;src:local(Times New Roman);ascent-override:69.68%;descent-override:25.12%;line-gap-override:0.0%;size-adjust:105.48%}.newsreader_46f8440c-module__Cxszqq__className{font-family:Newsreader,Newsreader Fallback}.newsreader_46f8440c-module__Cxszqq__variable{--font-serif:"Newsreader", "Newsreader Fallback"}
@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(../media/05d29f0ed5b0e698-s.p.1mou8v493x-u7.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d48a75a69535be63-s.2otm1xqa4lz8q.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(../media/648474ecaeaf4c9a-s.3bws0utn4kpyc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(../media/291696193ea1e96b-s.p.1zf0xf1cyi65q.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(../media/966a9c3087fc8ac2-s.17y8b371423uo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1062333f2bd32cfe-s.1u_72eqgml40c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri Fallback;src:local(Times New Roman);ascent-override:112.47%;descent-override:63.44%;line-gap-override:0.0%;size-adjust:99.94%}.amiri_a4c88fd9-module__x0hJVW__className{font-family:Amiri,Amiri Fallback;font-style:normal}.amiri_a4c88fd9-module__x0hJVW__variable{--font-arabic:"Amiri", "Amiri Fallback"}
:root{--primary:#1b4332;--primary-hover:#2d6a4f;--primary-dark:#081c15;--primary-light:#2d6a4f12;--primary-glow:#2d6a4f1f;--gold:#b45309;--gold-hover:#92400e;--gold-light:#b4530914;--bg-page:#faf9f6;--bg-surface:#fff;--bg-surface-subtle:#f5f4ef;--border-subtle:#e5e7eb;--border-card:#e5e7ebcc;--text-main:#111827;--text-body:#374151;--text-muted:#6b7280;--shadow-sm:0 1px 2px #0000000a;--shadow-card:0 4px 20px -2px #1118270a, 0 2px 6px -1px #11182705;--shadow-card-hover:0 14px 34px -4px #1b433214, 0 4px 12px -2px #11182708;--font-serif:var(--font-serif), "Newsreader", "Lora", Georgia, Cambria, serif;--font-sans:var(--font-sans), "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-arabic:var(--font-arabic), "Amiri", "Traditional Arabic", serif;--fluid-hero-title:clamp(2.1rem, 1.4rem + 3.2vw, 3.5rem);--fluid-section-title:clamp(1.65rem, 1.25rem + 1.8vw, 2.75rem);--fluid-h3-title:clamp(1.15rem, .95rem + 1vw, 1.65rem);--fluid-body:clamp(.925rem, .88rem + .2vw, 1.05rem);--fluid-sub:clamp(.8rem, .76rem + .18vw, .925rem);--max-text-width:65ch;--touch-target-min:44px;--touch-target-ideal:48px}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-to-content{z-index:1000;background:var(--primary);color:#fff;border-radius:8px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s;position:fixed;top:10px;left:10px;transform:translateY(-200%);box-shadow:0 8px 24px #00000040}.skip-to-content:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){html,body{scroll-behavior:auto!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
html,body{background-color:var(--bg-page);color:var(--text-body);font-family:var(--font-sans);scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;width:100%;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box}.ambient-glow{pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 10%,#2d6a4f08 0%,#0000 45%),radial-gradient(circle at 90% 60%,#b4530906 0%,#0000 40%),radial-gradient(circle at 50% 100%,#2d6a4f05 0%,#0000 50%);position:fixed;inset:0}.container{width:100%;max-width:1200px;padding:0 clamp(1rem,3.5vw,2rem);padding-left:max(clamp(1rem, 3.5vw, 2rem), env(safe-area-inset-left,0px));padding-right:max(clamp(1rem, 3.5vw, 2rem), env(safe-area-inset-right,0px));margin:0 auto}.section{padding:4.5rem 0;position:relative}@media (min-width:1024px){.section{padding:6rem 0}}.section-header{text-align:center;max-width:680px;margin:0 auto 3.5rem}.section-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);background:var(--primary-light);border:1px solid #1b433226;border-radius:9999px;margin-bottom:.75rem;padding:.35rem .85rem;font-size:.725rem;font-weight:800;display:inline-block}.inline-icon{vertical-align:middle;margin-right:.35rem;display:inline-block}.section-title{font-family:var(--font-serif);font-size:var(--fluid-section-title);letter-spacing:-.02em;color:var(--text-main);margin:0 0 1rem;font-weight:500;line-height:1.22}.section-desc{font-size:var(--fluid-body);color:var(--text-muted);max-width:var(--max-text-width);margin:0 auto;line-height:1.6}
.site-header{z-index:50;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:#faf9f6eb;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:.75rem;height:68px;display:flex}.brand-logo{color:var(--text-main);font-family:var(--font-sans);letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:.65rem;font-size:clamp(1.05rem,.95rem + .5vw,1.25rem);font-weight:800;text-decoration:none;display:flex}.brand-name{color:var(--text-main);font-weight:800}.nav-actions-wrap{align-items:center;gap:.5rem;display:flex}@media (min-width:768px){.nav-actions-wrap{gap:1.25rem}}.desktop-nav{display:none}@media (min-width:960px){.desktop-nav{display:block}}.nav-links{align-items:center;gap:1.75rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--text-muted);font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--primary)}.nav-cta-btn{background:var(--primary);color:#fff;touch-action:manipulation;white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;min-height:40px;padding:.55rem 1.15rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #1b433233}.nav-cta-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 14px #1b433247}@media (max-width:480px){.site-header .nav-cta-btn{padding:.5rem .75rem}.site-header .nav-cta-btn .cta-btn-text{display:none}}.lang-switcher-wrap{background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.lang-switcher-btn{color:#64748b;cursor:pointer;white-space:nowrap;touch-action:manipulation;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:4px;min-height:32px;padding:5px 10px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.lang-switcher-btn:hover{color:var(--text-main)}.lang-switcher-btn.active{color:#fff;background:linear-gradient(135deg,#059669,#047857);font-weight:700;box-shadow:0 2px 6px #05966940}@media (max-width:640px){.site-header .lang-switcher-wrap{display:none}}.mobile-nav-toggle{border:1px solid var(--border-subtle);background:var(--bg-surface);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-main);cursor:pointer;touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.mobile-nav-toggle:hover{background:var(--bg-surface-subtle);border-color:#cbd5e1}@media (min-width:960px){.mobile-nav-toggle{display:none}}.mobile-nav-backdrop{-webkit-backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;background:#0f172a80;transition:opacity .25s;position:fixed;inset:0}.mobile-nav-backdrop.open{opacity:1;pointer-events:auto}.mobile-nav-drawer{background:var(--bg-surface);z-index:100;width:84%;max-width:340px;height:100dvh;max-height:100dvh;padding:1.5rem;padding-top:max(1.5rem, env(safe-area-inset-top,0px));padding-bottom:max(1.5rem, env(safe-area-inset-bottom,0px));padding-left:max(1.5rem, env(safe-area-inset-left,0px));padding-right:max(1.5rem, env(safe-area-inset-right,0px));-webkit-overflow-scrolling:touch;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-10px 0 30px #00000026}html[lang=ar] .mobile-nav-drawer{left:0;right:auto;transform:translate(-100%)}.mobile-nav-drawer.open{transform:translate(0)}.mobile-drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.mobile-drawer-links{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.mobile-drawer-link{min-height:48px;color:var(--text-main);touch-action:manipulation;border-radius:10px;align-items:center;padding:.75rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-drawer-link:hover{background:var(--primary-light);color:var(--primary)}.mobile-drawer-footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:1.25rem;margin-top:auto;padding-top:1.5rem;display:flex}.mobile-drawer-lang-wrap{flex-direction:column;gap:.5rem;display:flex}.mobile-drawer-lang-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:700}.mobile-drawer-lang-wrap .lang-switcher-wrap{justify-content:space-between;width:100%;display:flex}.mobile-drawer-lang-wrap .lang-switcher-btn{flex:1;min-height:44px;padding:8px 12px;font-size:.85rem}.mobile-drawer-cta{justify-content:center;width:100%;min-height:48px}
.hero-section{padding:3.5rem 0 4.5rem;position:relative}@media (min-width:1024px){.hero-section{padding:5rem 0 6rem}}.hero-grid{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (min-width:1024px){.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,380px);gap:3.5rem}}.hero-content{flex-direction:column;align-items:flex-start;display:flex}.badge-tag{background:var(--primary-light);letter-spacing:.06em;text-transform:uppercase;color:var(--primary);border:1px solid #1b433226;border-radius:9999px;align-items:center;gap:.45rem;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.725rem;font-weight:700;display:inline-flex}.badge-dot{background:var(--primary);border-radius:9999px;width:6px;height:6px}.hero-title{font-family:var(--font-serif);font-size:var(--fluid-hero-title);letter-spacing:-.025em;color:var(--text-main);margin:0 0 1.25rem;font-weight:500;line-height:1.16}.highlight{color:var(--primary);font-style:italic;font-weight:500}.hero-subtitle{font-size:var(--fluid-body);color:var(--text-body);max-width:min(580px, var(--max-text-width));margin:0 0 2rem;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:.65rem;width:100%;margin-bottom:2.5rem;display:flex}@media (min-width:1024px){.hero-actions{flex-wrap:nowrap}}.btn-pwa-hero{color:#fff;white-space:nowrap;box-sizing:border-box;background:linear-gradient(135deg,#065f46 0%,#047857 100%);border:1px solid #10b98166;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;height:48px;min-height:48px;padding:0 1.25rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #065f4647}.btn-pwa-hero:hover{color:#fff;background:linear-gradient(135deg,#047857 0%,#059669 100%);transform:translateY(-2px);box-shadow:0 6px 20px #065f4661}.btn-playstore{color:#fff;white-space:nowrap;box-sizing:border-box;background:#0f172a;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;height:48px;min-height:48px;padding:0 1.05rem;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 3px 12px #0f172a26}.btn-playstore:hover{background:#020617;transform:translateY(-2px);box-shadow:0 5px 16px #0f172a3d}.btn-playstore svg{color:#fff;flex-shrink:0}.btn-playstore-name{color:#f8fafc;font-size:.9rem;font-weight:700}.btn-playstore-status{letter-spacing:.02em;color:#10b981;text-transform:uppercase;white-space:nowrap;background:#10b98124;border:1px solid #10b98159;border-radius:9999px;align-items:center;padding:.16rem .45rem;font-size:.6rem;font-weight:700;display:inline-flex}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-subtle);white-space:nowrap;box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;height:48px;min-height:48px;padding:0 1.15rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-secondary:hover{background:var(--bg-surface-subtle);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}@media (max-width:640px){.hero-actions{flex-direction:column;align-items:stretch;gap:.65rem}.hero-actions .btn-pwa-hero,.hero-actions .btn-playstore,.hero-actions .btn-secondary{justify-content:center;width:100%}}.hero-stats{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:2rem;width:100%;padding-top:1.5rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-item strong{font-family:var(--font-serif);color:var(--text-main);font-size:1.45rem;font-weight:600;line-height:1.1}.stat-item span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-top:.2rem;font-size:.725rem;font-weight:700}.floating-badge{z-index:30;-webkit-backdrop-filter:blur(12px);color:var(--text-main);background:#fffffff2;border:1px solid #e5e7ebcc;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem .95rem;font-size:.775rem;font-weight:700;display:none;position:absolute;box-shadow:0 8px 24px -4px #0000001f}@media (min-width:960px){.floating-badge-left{display:flex;top:14%;left:-28px}.floating-badge-right{display:flex;bottom:22%;right:-28px}}
.phone-mockup-wrapper{flex-direction:column;align-items:center;width:100%;max-width:min(380px,100%);margin:0 auto;display:flex;position:relative;container:phone-wrapper/inline-size}.phone-mode-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);z-index:20;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#ffffffd9;border-radius:9999px;justify-content:center;align-items:center;gap:.25rem;max-width:100%;margin-bottom:1rem;padding:.25rem;display:flex;overflow-x:auto}.phone-mode-selector::-webkit-scrollbar{display:none}.mode-btn{min-height:38px;color:var(--text-muted);cursor:pointer;white-space:nowrap;touch-action:manipulation;background:0 0;border:none;border-radius:9999px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.725rem;font-weight:700;transition:all .2s;display:inline-flex}.mode-btn:hover{color:var(--text-main)}.mode-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 6px #1b433240}.phone-device-frame{background:#0f172a;border:clamp(2px,1vw,4px) solid #334155;border-radius:clamp(28px,9vw,42px);width:100%;max-width:100%;padding:clamp(6px,2vw,10px);position:relative;box-shadow:0 25px 60px -12px #0f172a40,0 10px 24px -4px #0f172a1f,inset 0 0 0 2px #ffffff26}.phone-island{z-index:40;background:#000;border-radius:9999px;justify-content:flex-end;align-items:center;gap:6px;width:90px;height:22px;padding-right:8px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.island-lens{background:#1e293b;border-radius:9999px;width:9px;height:9px}.island-sensor{background:#0f172a;border-radius:9999px;width:5px;height:5px}.phone-inner-screen{min-height:570px;max-height:570px;font-family:var(--font-sans);background:#faf9f6;border-radius:clamp(20px,7vw,34px);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (max-width:360px){.phone-inner-screen{min-height:500px;max-height:500px}}.screen-status-bar{background:#fff;border-bottom:1px solid #e5e7ebcc;padding:34px 14px 10px}.status-row{justify-content:space-between;align-items:center;display:flex}.status-location{color:var(--text-main);align-items:center;gap:.35rem;font-size:.775rem;font-weight:700;display:flex}.status-astronomy{align-items:center;display:flex}.status-offline-pill{color:var(--primary);letter-spacing:.05em;background:#1b433214;border:1px solid #1b433233;border-radius:9999px;padding:.15rem .45rem;font-size:.625rem;font-weight:800}.status-date-row{justify-content:space-between;align-items:center;margin-top:.35rem;display:flex}.status-date-text{color:var(--text-muted);font-size:.675rem}.status-method-text{color:var(--text-muted);font-size:.625rem;font-weight:600}.screen-view-container{flex-direction:column;flex:1;gap:10px;padding:10px 12px 64px;display:flex;overflow-y:auto}.screen-countdown-wrap{width:100%}.screen-countdown-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7ebd9;border-radius:16px;padding:12px 14px}.countdown-header-row{justify-content:space-between;align-items:center;font-size:.725rem;display:flex}.countdown-label{color:var(--text-muted);font-weight:600}.countdown-prayer-name{color:var(--primary);font-weight:800}.countdown-timer-row{justify-content:space-between;align-items:baseline;margin:6px 0 10px;display:flex}.countdown-digits{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-main);font-size:1.85rem;font-weight:600;line-height:1}.countdown-note{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:.625rem;font-weight:700}.countdown-dots-bar{border-top:1px solid #f3f4f6e6;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.prayer-dot-col{flex-direction:column;align-items:center;display:flex}.prayer-dot-name{color:var(--text-muted);font-size:.625rem;font-weight:600}.prayer-dot-name.active{color:var(--primary);font-weight:800}.prayer-dot-time{color:#9ca3af;font-size:.6rem}.prayer-dot-time.active{color:var(--primary);font-weight:700}.screen-anchor-pills{scrollbar-width:none;align-items:center;gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.screen-anchor-pills::-webkit-scrollbar{display:none}.anchor-pill-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:9999px;align-items:center;gap:4px;padding:4px 9px;font-size:.675rem;font-weight:700;transition:all .2s;display:inline-flex}.anchor-pill-btn.selected{background:var(--primary);border-color:var(--primary);color:#fff}.anchor-natural-dot{background:#10b981;border-radius:9999px;width:5px;height:5px}.screen-timeline-list{flex-direction:column;gap:7px;display:flex}.timeline-anchor-header{justify-content:space-between;align-items:center;padding:4px 2px;display:flex}.anchor-header-title{letter-spacing:.05em;text-transform:uppercase;color:var(--text-main);align-items:center;gap:5px;font-size:.7rem;font-weight:800;display:flex}.anchor-reset-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.625rem;font-weight:700}.amalan-card{cursor:pointer;background:#fff;border:1px solid #e5e7ebcc;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 10px;transition:all .2s;display:flex}.amalan-card:hover{border-color:#cbd5e1}.amalan-card.done{opacity:.85;background:#f8fafc}.amalan-card-left{flex:1;align-items:center;gap:8px;display:flex}.amalan-checkbox{background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.amalan-checkbox.checked{background:var(--primary);border-color:var(--primary)}.amalan-texts h6{color:var(--text-main);margin:0;font-size:.75rem;font-weight:700;line-height:1.25}.amalan-texts p{color:var(--text-muted);margin:1px 0 0;font-size:.65rem;line-height:1.2}.amalan-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:.6rem;font-weight:800}.qibla-screen-view{padding-top:14px}.qibla-card-wrap{text-align:center;flex-direction:column;align-items:center;display:flex}.qibla-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-size:.675rem;font-weight:800}.qibla-heading{color:var(--text-main);margin:2px 0 16px;font-size:.825rem;font-weight:700}.qibla-compass-dial{width:170px;height:170px;margin:0 auto 16px;position:relative}.dial-outer-ring{background:#fff;border:3px solid #e2e8f0;border-radius:9999px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 4px 16px #0000000f}.dial-north-marker{color:#ef4444;font-size:.75rem;font-weight:900;position:absolute;top:6px}.dial-east-marker{color:#94a3b8;font-size:.675rem;font-weight:800;position:absolute;right:8px}.dial-south-marker{color:#94a3b8;font-size:.675rem;font-weight:800;position:absolute;bottom:6px}.dial-west-marker{color:#94a3b8;font-size:.675rem;font-weight:800;position:absolute;left:8px}.qibla-target-arrow{flex-direction:column;align-items:center;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.kabah-icon-badge{margin-top:-6px;font-size:1.1rem}.dial-center-point{z-index:10;background:#0f172a;border-radius:9999px;width:8px;height:8px}.qibla-degrees-badge{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #cbd5e1;border-radius:9999px;flex-direction:column;align-items:center;padding:2px 8px;display:flex;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.qibla-degrees-badge strong{color:var(--primary);font-size:.8rem;font-weight:800;line-height:1}.qibla-degrees-badge small{letter-spacing:.05em;color:var(--text-muted);font-size:.525rem}.qibla-methods-box{text-align:left;flex-direction:column;gap:8px;width:100%;margin-top:10px;display:flex}.method-row{border:1px solid var(--border-subtle);background:#fff;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.method-row.active{background:#1b433208;border-color:#1b43324d}.method-row strong{color:var(--text-main);font-size:.725rem;font-weight:700;line-height:1.2;display:block}.method-row p{color:var(--text-muted);margin:1px 0 0;font-size:.625rem;line-height:1.2}.dalil-card-wrap{flex-direction:column;gap:8px;display:flex}.dalil-header-badge{justify-content:space-between;align-items:center;display:flex}.badge-grade-shahih{color:var(--primary);letter-spacing:.06em;background:#1b43321a;border:1px solid #1b433240;border-radius:6px;padding:2px 7px;font-size:.65rem;font-weight:800}.badge-rawi{color:var(--text-muted);font-size:.65rem;font-weight:700}.dalil-main-title{color:var(--text-main);margin:2px 0 4px;font-size:.85rem;font-weight:700}.dalil-arabic-box{border:1px solid var(--border-subtle);text-align:center;background:#fff;border-radius:10px;padding:10px}.arabic-matan{font-family:var(--font-arabic);color:var(--primary-dark);direction:rtl;margin:0;font-size:1.1rem;font-weight:700;line-height:1.8}.dalil-translation{color:var(--text-body);margin:0;font-size:.725rem;font-style:italic;line-height:1.45}.dalil-madzhab-section{border:1px solid var(--border-subtle);background:#fff;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.madzhab-section-title{letter-spacing:.04em;color:var(--text-main);text-transform:uppercase;font-size:.65rem;font-weight:800}.madzhab-tab-buttons{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.madzhab-tab-btn{color:var(--text-muted);cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:4px 0;font-size:.6rem;font-weight:700;transition:all .2s}.madzhab-tab-btn.active{background:var(--primary);color:#fff}.madzhab-explanation-card p{color:var(--text-body);margin:0;font-size:.675rem;line-height:1.35}.calendar-card-wrap{flex-direction:column;gap:10px;display:flex}.calendar-header{justify-content:space-between;align-items:center;display:flex}.streak-pill{color:var(--gold);background:#b4530914;border:1px solid #b4530940;border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:.675rem;font-weight:700;display:inline-flex}.fasting-today-banner{background:#1b43320f;border:1px solid #1b433233;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.fasting-today-banner strong{color:var(--primary);font-size:.725rem;font-weight:700;display:block}.fasting-today-banner small{color:var(--text-muted);font-size:.625rem}.week-strip-mockup{border:1px solid var(--border-subtle);background:#fff;border-radius:10px;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px 6px;display:grid}.day-col{flex-direction:column;align-items:center;gap:2px;display:flex}.day-col.current{background:var(--primary);border-radius:6px;padding:2px 0}.day-col.current .day-name,.day-col.current .day-num{color:#fff}.day-name{color:var(--text-muted);font-size:.575rem;font-weight:600}.day-num{color:var(--text-main);font-size:.7rem;font-weight:800}.day-dot{background:#10b981;border-radius:9999px;width:4px;height:4px}.mutabaah-progress-box{border:1px solid var(--border-subtle);background:#fff;border-radius:10px;padding:8px 10px}.progress-header{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.675rem;display:flex}.progress-header span{color:var(--text-muted);font-weight:600}.progress-header strong{color:var(--primary);font-weight:800}.progress-bar-track{background:#f1f5f9;border-radius:9999px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:9999px;height:100%}.mini-habit-list{flex-direction:column;gap:6px;display:flex}.mini-habit-item{border:1px solid var(--border-subtle);color:var(--text-body);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:.675rem;font-weight:600;display:flex}.quran-screen-view{flex-direction:column;height:100%;padding-bottom:56px;display:flex;overflow-y:auto}.quran-screen-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.quran-surah-title{color:var(--text-main);font-size:.825rem;font-weight:800;line-height:1.2;display:block}.quran-ayah-meta{color:var(--text-muted);font-size:.6rem;font-weight:600}.quran-tajweed-badge{color:#059669;background:#10b9811a;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.575rem;font-weight:700;display:inline-flex}.quran-bismillah-banner{text-align:center;background:#fff;border:1px solid #1b43321f;border-radius:10px;margin-bottom:8px;padding:4px 10px}.bismillah-arabic{font-family:var(--font-arabic), "Amiri", serif;color:var(--primary-dark);margin:0;font-size:1rem;line-height:1.5}.quran-verses-list{flex-direction:column;gap:7px;margin-bottom:8px;display:flex}.quran-verse-card{border:1px solid var(--border-subtle);background:#fff;border-radius:10px;padding:8px 10px}.verse-card-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.ayah-number-badge{color:var(--primary);background:#1b43320f;border-radius:6px;padding:1px 5px;font-size:.725rem;font-weight:800}.verse-juz-tag{color:#94a3b8;font-size:.55rem;font-weight:700}.ayah-arabic-text{font-family:var(--font-arabic), "Amiri", serif;color:#0f172a;text-align:right;direction:rtl;margin:0 0 4px;font-size:.975rem;line-height:1.85}.ayah-translation-text{color:var(--text-body);margin:0;font-size:.65rem;line-height:1.4}.quran-tafsir-callout{background:#f59e0b0f;border:1px solid #f59e0b40;border-radius:8px;margin-top:2px;padding:6px 8px}.tafsir-callout-header{color:#b45309;align-items:center;gap:.35rem;margin-bottom:2px;font-size:.625rem;display:flex}.tafsir-callout-text{color:#78350f;margin:0;font-size:.575rem;font-style:italic;line-height:1.35}.quran-audio-sticky-bar{color:#fff;background:#09261c;border:1px solid #34d3994d;border-radius:10px;justify-content:space-between;align-items:center;margin-top:auto;padding:6px 10px;display:flex;box-shadow:0 4px 12px #00000026}.audio-player-left{align-items:center;gap:8px;display:flex}.soundwave-box{align-items:flex-end;gap:2px;height:12px;display:flex}.soundwave-bar{background:#34d399;border-radius:9999px;width:2px;animation:1s ease-in-out infinite alternate soundwaveBounce}.soundwave-bar.bar-1{height:8px;animation-delay:.1s}.soundwave-bar.bar-2{height:12px;animation-delay:.3s}.soundwave-bar.bar-3{height:6px;animation-delay:.2s}.audio-text-info{flex-direction:column;display:flex}.audio-reciter-name{color:#f8fafc;font-size:.625rem;font-weight:700;line-height:1.2}.audio-track-sub{color:#94a3b8;font-size:.525rem}.audio-player-right{align-items:center;display:flex}.audio-play-badge{color:#fff;background:#10b981;border-radius:9999px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.hadith-screen-view{flex-direction:column;height:100%;padding-bottom:56px;display:flex;overflow-y:auto}.hadith-screen-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.hadith-book-title{color:var(--text-main);font-size:.825rem;font-weight:800;line-height:1.2;display:block}.hadith-chapter-title{color:var(--text-muted);font-size:.6rem;font-weight:600}.hadith-shahih-pill{color:#047857;letter-spacing:.04em;background:#10b9811f;border:1px solid #10b98147;border-radius:9999px;align-items:center;gap:.25rem;padding:.12rem .45rem;font-size:.55rem;font-weight:800;display:inline-flex}.hadith-main-card{border:1px solid var(--border-subtle);background:#fff;border-radius:12px;flex-direction:column;gap:7px;padding:9px;display:flex}.hadith-rawi-box{border-left:3px solid var(--primary);background:#f8fafc;border-radius:0 6px 6px 0;padding:4px 7px}.rawi-label{color:var(--text-main);font-size:.625rem;font-weight:700}.hadith-matan-box{background:#1b433205;border:1px solid #1b433214;border-radius:8px;padding:8px}.matan-arabic-text{font-family:var(--font-arabic), "Amiri", serif;color:var(--primary-dark);text-align:right;direction:rtl;margin:0;font-size:.975rem;font-weight:700;line-height:1.85}.hadith-translation-box{padding:0 2px}.matan-trans-text{color:var(--text-body);margin:0;font-size:.65rem;font-style:italic;line-height:1.45}.hadith-takhrij-box{background:#f1f5f9;border-radius:6px;padding:4px 7px}.takhrij-footnote{color:#475569;font-size:.575rem;display:block}.hadith-quick-actions{border-top:1px solid var(--border-subtle);align-items:center;gap:5px;padding-top:4px;display:flex}.hadith-action-pill{color:#475569;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:3px;padding:3px 6px;font-size:.55rem;font-weight:700;display:inline-flex}.hadith-action-pill.highlight{color:var(--primary);background:#10b9811a;border-color:#10b9814d}.screen-bottom-nav{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);z-index:30;background:#fffffff2;grid-template-columns:repeat(6,1fr);align-items:center;height:52px;min-height:52px;display:grid;position:absolute;bottom:0;left:0;right:0}.bottom-nav-item{color:#94a3b8;cursor:pointer;touch-action:manipulation;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:100%;min-height:48px;padding:6px 0;transition:color .2s;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item span{font-size:.6rem;font-weight:700;line-height:1}
.showcase-section{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#f4f3ef}.showcase-tabs-nav{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:.85rem;margin-bottom:2rem;display:grid}.preview-quran-header,.preview-hadith-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.preview-quran-header strong,.preview-hadith-header strong{color:var(--text-main);font-size:.95rem;font-weight:700}.quran-preview-pill,.hadith-preview-pill{color:var(--primary);background:#1b433214;border:1px solid #1b433233;border-radius:9999px;padding:.2rem .6rem;font-size:.7rem;font-weight:800}.preview-ayah-card,.preview-hadith-card{border:1px solid var(--border-subtle);background:#fff;border-radius:12px;margin-bottom:.85rem;padding:1.15rem}.preview-arabic-text{font-family:var(--font-arabic), "Amiri", serif;color:var(--primary-dark);text-align:right;direction:rtl;margin:0 0 .75rem;font-size:1.25rem;line-height:1.95}.preview-trans-text{color:var(--text-body);margin:0;font-size:.85rem;line-height:1.6}.preview-tafsir-box,.preview-takhrij-box{color:var(--primary-dark);background:#1b43320a;border:1px solid #1b43321f;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem .95rem;font-size:.8rem;font-weight:600;display:flex}.showcase-tab-card{border:1px solid var(--border-subtle);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;align-items:flex-start;gap:.85rem;padding:1.15rem;transition:all .2s;display:flex}.showcase-tab-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.showcase-tab-card.active{border:2px solid var(--primary);background:#fff;box-shadow:0 6px 20px -2px #1b43321f}.tab-card-icon{background:var(--primary-light);width:38px;height:38px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.showcase-tab-card.active .tab-card-icon{background:var(--primary);color:#fff}.tab-card-text h4{color:var(--text-main);margin:0 0 .25rem;font-size:.925rem;font-weight:700}.tab-card-text p{color:var(--text-muted);margin:0;font-size:.775rem;line-height:1.35}.showcase-detail-panel{border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);background:#fff;border-radius:20px;padding:clamp(1.25rem,3.5vw,3rem);container:showcase-panel/inline-size}.showcase-panel-grid{grid-template-columns:1fr;align-items:center;gap:2.5rem;display:grid}@media (min-width:1024px){.showcase-panel-grid{grid-template-columns:1.1fr .9fr;gap:3.5rem}}.panel-badge{letter-spacing:.08em;color:var(--primary);text-transform:uppercase;align-items:center;gap:.35rem;margin-bottom:.75rem;font-size:.725rem;font-weight:800;display:inline-flex}.panel-title{font-family:var(--font-serif);font-size:var(--fluid-h3-title);color:var(--text-main);margin:0 0 1rem;font-weight:500;line-height:1.25}.panel-desc{font-size:var(--fluid-body);color:var(--text-body);max-width:var(--max-text-width);margin:0 0 1.5rem;line-height:1.6}.panel-points{flex-direction:column;gap:.75rem;display:flex}.point-item{color:var(--text-main);align-items:center;gap:.65rem;font-size:.9rem;font-weight:600;display:flex}.visual-card-preview{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:#faf9f6;border-radius:16px;overflow:hidden}.preview-top-bar{border-bottom:1px solid var(--border-subtle);background:#fff;align-items:center;gap:6px;padding:10px 14px;display:flex}.dot{border-radius:9999px;width:8px;height:8px}.dot-red{background:#f87171}.dot-yellow{background:#fbbf24}.dot-green{background:#34d399}.preview-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-left:auto;font-size:.675rem;font-weight:700}.preview-body{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.preview-anchor-box{border:1px solid var(--border-subtle);background:#fff;border-radius:10px;align-items:center;gap:.65rem;padding:.75rem 1rem;display:flex}.preview-anchor-box strong{color:var(--text-main);font-size:.825rem;font-weight:800;display:block}.preview-anchor-box small{color:var(--text-muted);font-size:.7rem}.preview-item{border:1px solid var(--border-subtle);background:#fff;border-radius:10px;align-items:center;gap:.65rem;padding:.65rem .85rem;display:flex}.preview-item.done{background:#f8fafc}.preview-item span{color:var(--text-main);font-size:.8rem;font-weight:700;display:block}.preview-item small{color:var(--text-muted);font-size:.675rem}.preview-circle{border:2px solid #cbd5e1;border-radius:9999px;flex-shrink:0;width:16px;height:16px}.qibla-preview-body{text-align:center;align-items:center}.qibla-preview-dial{border:2px solid var(--border-subtle);background:#fff;border-radius:9999px;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;margin:.5rem auto;display:flex}.dial-sub-text strong{color:var(--primary);font-size:.95rem;font-weight:800;display:block}.dial-sub-text small{color:var(--text-muted);font-size:.6rem}.preview-methods-comparison{text-align:left;flex-direction:column;gap:.5rem;width:100%;display:flex}.comp-item{border:1px solid var(--border-subtle);color:var(--text-main);background:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.775rem;font-weight:600;display:flex}.dalil-preview-box{flex-direction:column;gap:.5rem;display:flex}.dalil-tags-row{justify-content:space-between;align-items:center;display:flex}.badge-grade{color:var(--primary);background:#1b43321a;border:1px solid #1b433240;border-radius:6px;padding:2px 8px;font-size:.65rem;font-weight:800}.badge-ref{color:var(--text-muted);font-size:.7rem;font-weight:700}.arabic-matan-preview{font-family:var(--font-arabic);color:var(--primary-dark);text-align:center;direction:rtl;margin:.25rem 0;font-size:1.2rem;font-weight:700}.translation-preview{color:var(--text-body);text-align:center;margin:0;font-size:.8rem;font-style:italic}.madzhab-pill-preview{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.25rem;display:flex}.madzhab-pill-preview span{border:1px solid var(--border-subtle);color:var(--text-muted);background:#fff;border-radius:6px;padding:2px 7px;font-size:.65rem;font-weight:700}.fasting-preview-card{background:#1b43320d;border:1px solid #1b433233;border-radius:10px;align-items:center;gap:.65rem;padding:.75rem 1rem;display:flex}.fasting-preview-card strong{color:var(--primary);font-size:.825rem;font-weight:700;display:block}.fasting-preview-card small{color:var(--text-muted);font-size:.7rem}.habit-progress-preview{border:1px solid var(--border-subtle);background:#fff;border-radius:10px;padding:.75rem 1rem}.progress-labels{justify-content:space-between;margin-bottom:.45rem;font-size:.75rem;display:flex}.progress-labels span{color:var(--text-muted);font-weight:600}.progress-labels strong{color:var(--primary);font-weight:800}.progress-bar-wrap{background:#f1f5f9;border-radius:9999px;width:100%;height:6px;overflow:hidden}.progress-bar-val{background:var(--primary);border-radius:9999px;height:100%}
.features-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem;display:grid;container:features/inline-size}.feature-card{background:var(--bg-surface);border:1px solid var(--border-card);box-shadow:var(--shadow-card);border-radius:18px;flex-direction:column;padding:1.75rem;transition:all .2s;display:flex}.feature-card:hover{box-shadow:var(--shadow-card-hover);border-color:#1b433240;transform:translateY(-3px)}.feature-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.feature-icon-box{background:var(--primary-light);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feature-meta-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:#f1f5f9;border-radius:6px;padding:.25rem .55rem;font-size:.65rem;font-weight:800}.feature-title{font-family:var(--font-serif);color:var(--text-main);margin:0 0 .65rem;font-size:1.35rem;font-weight:600;line-height:1.3}.feature-desc{color:var(--text-muted);flex:1;margin:0 0 1.25rem;font-size:.9rem;line-height:1.55}.feature-pill-list{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.feature-sub-pill{color:var(--primary);background:var(--primary-light);border-radius:6px;padding:.25rem .6rem;font-size:.725rem;font-weight:600}
.methodology-section{padding:4.5rem 0;position:relative}@media (min-width:1024px){.methodology-section{padding:6rem 0}}.methodology-box{background:linear-gradient(155deg,#fff 0%,#fbfcfb 50%,#f4f7f4 100%);border:1px solid #1b433224;border-radius:clamp(20px,4vw,36px);padding:clamp(1.75rem,4vw,4rem) clamp(1.25rem,3.5vw,3.5rem);position:relative;overflow:hidden;box-shadow:0 24px 64px -16px #1b433214,0 4px 16px #00000005,inset 0 1px #ffffffe6;container:methodology/inline-size}.methodology-glow-top{background:linear-gradient(90deg,#0000,#2d6a4f80,#d9770666,#0000);height:3px;position:absolute;top:0;left:10%;right:10%}.methodology-header-grid{grid-template-columns:1fr;align-items:center;gap:2.5rem;margin-bottom:2.5rem;display:grid}@media (min-width:960px){.methodology-header-grid{grid-template-columns:1.15fr 1fr;gap:3.5rem}}.methodology-lead-content{flex-direction:column;display:flex}.methodology-title{font-family:var(--font-serif);font-size:var(--fluid-section-title);color:var(--text-main);letter-spacing:-.02em;margin:0 0 1rem;font-weight:600;line-height:1.25}.methodology-desc{font-size:var(--fluid-body);color:var(--text-muted);max-width:var(--max-text-width);margin:0;line-height:1.65}.methodology-guarantees-col{flex-direction:column;gap:1rem;display:flex}.methodology-pill-card{background:#fff;border:1px solid #1b43321f;border-radius:18px;align-items:flex-start;gap:1.15rem;padding:1.15rem 1.35rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 4px 16px -2px #00000008}.methodology-pill-card:hover{border-color:#1b433247;transform:translateY(-2px);box-shadow:0 10px 26px -4px #1b43321a}.guarantee-icon-box{background:#1b433214;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.guarantee-pill-2 .guarantee-icon-box{background:#d9770617}.guarantee-text-box{flex:1;min-width:0}.guarantee-badge-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.pill-title{color:var(--text-main);font-size:1rem;font-weight:700}.guarantee-verified-pill{letter-spacing:.02em;color:#047857;background:#10b9811f;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:4px;padding:.2rem .6rem;font-size:.675rem;font-weight:800;display:inline-flex}.guarantee-verified-pill.amber{color:#b45309;background:#f59e0b1f;border-color:#f59e0b40}.pill-subtitle{color:var(--text-muted);margin:0;font-size:.825rem;line-height:1.45}.methodology-divider-wrap{align-items:center;gap:1.25rem;margin:2.75rem 0 2.25rem;display:flex}.methodology-divider-line{background:linear-gradient(90deg,#0000,#1b433229,#0000);flex:1;height:1px}.methodology-divider-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);text-align:center;white-space:nowrap;background:#1b433212;border:1px solid #1b43322e;border-radius:9999px;padding:.4rem 1.15rem;font-size:.725rem;font-weight:800}.madzhab-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1.35rem;display:grid}.madzhab-card{background:#fff;border:1px solid #1b43321f;border-top:3.5px solid #0000;border-radius:22px;flex-direction:column;padding:1.65rem 1.4rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 18px -4px #0000000a}.madzhab-card.madzhab-card-hanafi{border-top-color:#d97706}.madzhab-card.madzhab-card-maliki{border-top-color:#059669}.madzhab-card.madzhab-card-shafii{border-top-color:#1b4332}.madzhab-card.madzhab-card-hanbali{border-top-color:#0d9488}.madzhab-card:hover{border-color:#1b433247;transform:translateY(-5px);box-shadow:0 16px 36px -8px #1b43321f}.madzhab-card-top{justify-content:space-between;align-items:center;margin-bottom:1.15rem;display:flex}.madzhab-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.madzhab-icon-wrap.badge-amber{color:#d97706;background:#d977061a}.madzhab-icon-wrap.badge-emerald{color:#059669;background:#0596691a}.madzhab-icon-wrap.badge-forest{color:#1b4332;background:#1b43321a}.madzhab-icon-wrap.badge-teal{color:#0d9488;background:#0d94881a}.madzhab-era-badge{color:var(--text-muted);background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.2rem .6rem;font-size:.675rem;font-weight:700}.madzhab-name{font-family:var(--font-serif);color:var(--text-main);margin:0 0 .65rem;font-size:1.25rem;font-weight:600;line-height:1.3}.madzhab-principle-pill{color:var(--primary);background:#1b433212;border-radius:8px;width:fit-content;margin-bottom:1.25rem;padding:.25rem .65rem;font-size:.725rem;font-weight:700;display:inline-block}.madzhab-book-box{background:#fafaf9;border:1px solid #0000000d;border-radius:14px;margin-top:auto;padding:.9rem 1.05rem}.book-box-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.35rem;font-size:.65rem;font-weight:800;display:block}.book-box-desc{color:var(--text-body);margin:0;font-size:.8rem;font-style:italic;line-height:1.5}.methodology-quote-bar{text-align:center;background:linear-gradient(135deg,#1b43320d 0%,#d977060d 100%);border:1px solid #1b433226;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:2.75rem;padding:1.25rem 1.75rem;display:flex}.quote-arabic-text{font-family:var(--font-serif), "Amiri", serif;color:var(--primary);letter-spacing:.02em;font-size:1.25rem;font-weight:700}.quote-sep-dot{background:var(--text-muted);opacity:.4;border-radius:9999px;width:5px;height:5px}.quote-trans-text{color:var(--text-muted);font-size:.875rem;font-weight:500}
.security-section{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#fff}.security-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem;display:grid}.security-card{border:1px solid var(--border-subtle);background:#faf9f6;border-radius:16px;flex-direction:column;padding:1.75rem;display:flex}.security-icon-box{border:1px solid var(--border-subtle);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;display:flex}.security-title{font-family:var(--font-serif);color:var(--text-main);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.security-desc{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.55}
.faq-section{padding:4.5rem 0;position:relative}@media (min-width:1024px){.faq-section{padding:6rem 0}}.faq-container-wrap{max-width:860px;margin:0 auto}.faq-list{flex-direction:column;gap:1rem;margin-bottom:2.75rem;display:flex}.faq-item{background:#fff;border:1px solid #1b43321f;border-left:3.5px solid #0000;border-radius:20px;transition:all .25s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 4px 16px -2px #00000008}.faq-item:hover{border-color:#1b43323d;box-shadow:0 8px 24px -4px #1b433214}.faq-item.active{border-color:#1b433238;border-left-color:var(--primary);background:linear-gradient(#fff 0%,#fafcfa 100%);box-shadow:0 12px 32px -6px #1b43321a}.faq-question{cursor:pointer;text-align:left;touch-action:manipulation;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:54px;padding:1.25rem clamp(1rem,3vw,1.6rem);font-family:inherit;transition:background .15s;display:flex}.faq-question-left{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.faq-index-badge{width:32px;height:32px;color:var(--primary);background:#1b433214;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;transition:all .2s;display:flex}.faq-item.active .faq-index-badge{background:var(--primary);color:#fff}.faq-question-text{font-family:var(--font-serif);color:var(--text-main);margin:0;font-size:1.15rem;font-weight:600;line-height:1.35}.faq-chevron-box{width:34px;height:34px;color:var(--text-muted);background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.16,1,.3,1),background .2s,color .2s;display:flex}.faq-chevron-box.open{color:var(--primary);background:#1b43321a;border-color:#1b433233;transform:rotate(180deg)}.faq-answer-wrap{display:none}.faq-item.active .faq-answer-wrap{display:block}.faq-answer-inner{padding:0 1.6rem 1.45rem calc(2.6rem + 32px)}@media (max-width:640px){.faq-answer-inner{padding-left:1.6rem}}.faq-answer-text{color:var(--text-muted);border-top:1px solid #1b433214;margin:0;padding-top:1rem;font-size:.925rem;line-height:1.68}.faq-support-card{background:linear-gradient(135deg,#1b43320d 0%,#d977060d 100%);border:1px solid #1b433226;border-radius:22px;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.65rem 2.25rem;display:flex}@media (max-width:768px){.faq-support-card{flex-direction:column;align-items:flex-start;padding:1.4rem}}.faq-support-left{flex:1;align-items:center;gap:1.15rem;min-width:0;display:flex}.faq-support-icon{background:#fff;border:1px solid #1b433226;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 8px #0000000a}.support-card-title{color:var(--text-main);margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.support-card-desc{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.5}.faq-support-btn{background:var(--primary);color:#fff;white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #1b433233}.faq-support-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 14px #1b433247}html[lang=ar] .faq-question{text-align:right}html[lang=ar] .faq-item{border-left:1px solid #1b43321f;border-right:3.5px solid #0000}html[lang=ar] .faq-item.active{border-right-color:var(--primary);border-left-color:#1b433238}html[lang=ar] .faq-answer-inner{padding-left:1.6rem;padding-right:calc(2.6rem + 32px)}@media (max-width:640px){html[lang=ar] .faq-answer-inner{padding-right:1.6rem}}
.cta-section-wrap{padding:5rem 0;position:relative}@media (min-width:1024px){.cta-section-wrap{padding:6.5rem 0}}.cta-banner{text-align:center;background:linear-gradient(145deg,#09261c 0%,#061a13 55%,#03120c 100%);border:1px solid #34d39938;border-radius:clamp(20px,4vw,36px);padding:clamp(2.5rem,5vw,5rem) clamp(1.25rem,4vw,4rem);position:relative;overflow:hidden;box-shadow:0 30px 70px -15px #061a1373,0 10px 24px -6px #00000040;container:cta/inline-size}.cta-banner:before{content:"";background:linear-gradient(90deg,#0000,#34d399,#fbbf24,#0000);height:2px;position:absolute;top:0;left:12%;right:12%}.cta-glow{filter:blur(80px);pointer-events:none;opacity:.14;border-radius:9999px;width:320px;height:320px;position:absolute}.cta-glow-left{background:#34d399;top:-120px;left:-100px}.cta-glow-right{background:#f59e0b;bottom:-120px;right:-100px}.cta-badge-wrap{margin-bottom:1.25rem}.cta-badge{color:#34d399;letter-spacing:.08em;text-transform:uppercase;background:#34d3991f;border:1px solid #34d39947;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .95rem;font-size:.75rem;font-weight:800;display:inline-flex}.cta-title{font-family:var(--font-serif);font-size:var(--fluid-section-title);color:#fff;letter-spacing:-.02em;max-width:800px;margin:0 auto 1.15rem;font-weight:600;line-height:1.22}.cta-desc{font-size:var(--fluid-body);color:#cbd5e1;max-width:min(660px, var(--max-text-width));margin:0 auto 2.25rem;line-height:1.68}.cta-pills-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;margin-bottom:2.75rem;display:flex}.cta-pill-item{color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:.45rem;padding:.35rem .85rem;font-size:.775rem;font-weight:600;display:inline-flex}.cta-actions-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;width:100%;display:flex}.btn-pwa-cta-primary{color:#fff;white-space:nowrap;box-sizing:border-box;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #34d39966;border-radius:13px;justify-content:center;align-items:center;gap:.65rem;height:50px;min-height:50px;padding:0 1.5rem;font-size:.925rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 18px #10b98159}.btn-pwa-cta-primary:hover{color:#064e3b;background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-2px);box-shadow:0 6px 24px #10b98180}.btn-cta-playstore{color:#0f172a;height:50px;min-height:50px;font-family:var(--font-sans);white-space:nowrap;box-sizing:border-box;background:#fff;border:1px solid #ffffffe6;border-radius:13px;justify-content:center;align-items:center;gap:.65rem;padding:0 1.25rem;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #0000002e}.btn-cta-playstore:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 22px #ffffff40}.btn-cta-playstore svg{color:#0f172a;flex-shrink:0}.btn-cta-playstore .btn-playstore-name{color:#0f172a;letter-spacing:-.01em;font-size:.925rem;font-weight:700}.btn-cta-playstore .btn-playstore-status{letter-spacing:.03em;color:#059669;text-transform:uppercase;white-space:nowrap;background:#10b9811f;border:1px solid #10b98159;border-radius:9999px;align-items:center;padding:.18rem .5rem;font-size:.625rem;font-weight:700;display:inline-flex}.btn-pwa-secondary{color:#f1f5f9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff38;border-radius:13px;justify-content:center;align-items:center;gap:.5rem;height:50px;min-height:50px;padding:0 1.35rem;font-size:.925rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-pwa-secondary:hover{color:#34d399;background:#ffffff24;border-color:#34d39966;transform:translateY(-2px)}@media (max-width:640px){.cta-actions-wrap{flex-direction:column;align-items:stretch;gap:.65rem}.cta-actions-wrap .btn-pwa-cta-primary,.cta-actions-wrap .btn-cta-playstore,.cta-actions-wrap .btn-pwa-secondary{justify-content:center;width:100%}}
.site-footer{padding:5rem 0 max(2.5rem, calc(1.5rem + env(safe-area-inset-bottom,0px)));background:linear-gradient(#f8f7f3 0%,#f1efe8 100%);border-top:1px solid #1b43321f;position:relative}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:2.5rem;margin-bottom:3.5rem;display:grid}@media (min-width:960px){.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:3rem}}.footer-brand{flex-direction:column;gap:1rem;display:flex}.footer-brand-logo{color:var(--text-main);letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.footer-tagline{color:#475569;max-width:320px;margin:0;font-size:.875rem;line-height:1.65}.footer-badge-pill{color:var(--primary);background:#1b433214;border:1px solid #1b433226;border-radius:9999px;width:fit-content;padding:.25rem .65rem;font-size:.7rem;font-weight:700;display:inline-block}.footer-col-title{font-family:var(--font-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--primary);margin:0 0 1.25rem;font-size:.75rem;font-weight:800}.footer-links{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.footer-link{color:#475569;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.footer-link:hover{color:var(--primary);transform:translate(3px)}html[lang=ar] .footer-link:hover{transform:translate(-3px)}.footer-email-link{word-break:break-all}.footer-pwa-link{color:#059669;font-weight:700}.footer-pwa-link:hover{color:#047857}.footer-bottom{border-top:1px solid #1b43321a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}.footer-copyright{color:#64748b;margin:0;font-size:.825rem}.footer-subtext{color:var(--primary);margin:0;font-size:.825rem;font-weight:600}
html[lang=ar]{font-family:var(--font-arabic), "Amiri", serif;direction:rtl}html[lang=ar] body,html[lang=ar] p,html[lang=ar] span,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] button,html[lang=ar] a{font-family:var(--font-arabic), "Amiri", serif}html[lang=ar] .hero-content{text-align:right;align-items:flex-start}html[lang=ar] .btn-playstore-text,html[lang=ar] .btn-playstore-brand,html[lang=ar] .showcase-tab-card,html[lang=ar] .qibla-methods-box{text-align:right}
.legal-wrapper{background:var(--bg-surface);border:1px solid var(--border-card);max-width:820px;box-shadow:var(--shadow-card);border-radius:20px;margin:3rem auto 5rem;padding:2.5rem 1.5rem}@media (min-width:768px){.legal-wrapper{margin:4rem auto 6rem;padding:3.5rem 3rem}}.legal-header{border-bottom:1px solid var(--border-subtle);margin-bottom:2rem;padding-bottom:1.5rem}.legal-header h1{font-family:var(--font-serif);color:var(--text-main);margin:0 0 .75rem;font-size:2.2rem;font-weight:600;line-height:1.25}@media (min-width:768px){.legal-header h1{font-size:2.75rem}}.legal-meta{color:var(--text-muted);font-size:.825rem;font-weight:600}.legal-body{color:var(--text-body);font-size:.95rem;line-height:1.75}.legal-body h2{font-family:var(--font-serif);color:var(--text-main);margin:2rem 0 .75rem;font-size:1.45rem;font-weight:600}.legal-body p{margin:0 0 1.25rem}.legal-body ul,.legal-body ol{margin:0 0 1.5rem;padding-left:1.5rem}.legal-body li{margin-bottom:.5rem}.legal-callout{color:#f8fafc;background:#0f172a;border-left:4px solid #10b981;border-radius:12px;margin:1.75rem 0;padding:1.25rem 1.5rem}.legal-callout p{color:#f8fafc;margin:0}.legal-callout strong{color:#34d399}
.auth-bridge-wrapper{color:#f8fafc;background:#081c15;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-bridge-card{text-align:center;background:#0d281e;border:1px solid #2d6a4f66;border-radius:20px;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:400px;padding:2.25rem 2rem;display:flex;box-shadow:0 20px 40px #0006}.auth-spinner{border:3px solid #34d39940;border-top-color:#34d399;border-radius:9999px;width:36px;height:36px;animation:.9s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-title{letter-spacing:-.01em;color:#34d399;margin:0;font-size:1.05rem;font-weight:700}.auth-desc{color:#94a3b8;margin:0;font-size:.85rem;line-height:1.5}
@font-face{font-family:UthmanicHafsOfficial;src:url(/fonts/quran/UthmanicHafs1Ver18.woff2)format("woff2"),url(https://cdn.sunahmuslim.com/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2)format("woff2"),url(https://verses.quran.foundation/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2)format("woff2"),url(/fonts/quran/UthmanicHafs1Ver18.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:UthmanicHafs;src:url(/fonts/quran/UthmanicHafs1Ver18.woff2)format("woff2"),url(https://cdn.sunahmuslim.com/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2)format("woff2"),url(https://verses.quran.foundation/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2)format("woff2"),url(/fonts/quran/UthmanicHafs1Ver18.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IndoPakOfficial;src:url(/fonts/quran/indopak-v4.2.1.woff2)format("woff2"),url(https://cdn.sunahmuslim.com/fonts/quran/hafs/nastaleeq/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.woff2)format("woff2"),url(https://verses.quran.foundation/fonts/quran/hafs/nastaleeq/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:p1-v2;src:url(/fonts/quran/v2/p1.woff2)format("woff2"),url(https://cdn.sunahmuslim.com/fonts/quran/hafs/v2/woff2/p1.woff2)format("woff2"),url(https://verses.quran.foundation/fonts/quran/hafs/v2/woff2/p1.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:p1-v1;src:url(/fonts/quran/v1/p1.woff2)format("woff2"),url(https://cdn.sunahmuslim.com/fonts/quran/hafs/v1/woff2/p1.woff2)format("woff2"),url(https://verses.quran.foundation/fonts/quran/hafs/v1/woff2/p1.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:p1-v4;src:url(/fonts/quran/v4/p1.woff2)format("woff2"),url(https://cdn.sunahmuslim.com/fonts/quran/hafs/v4/colrv1/woff2/p1.woff2)format("woff2"),url(https://verses.quran.foundation/fonts/quran/hafs/v4/colrv1/woff2/p1.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}.font-uthmani{font-feature-settings:"cv01" on;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:UthmanicHafsOfficial,UthmanicHafs,Amiri,serif;font-weight:400}.font-indopak{font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IndoPakOfficial,Amiri,serif;font-weight:400}.quran-page-wrap{background:var(--bg-page);min-height:100vh;padding:5.5rem 1rem 7rem}.quran-container{max-width:1100px;margin:0 auto}.quran-hero-card{color:#fff;background:linear-gradient(135deg,#0d3b2e 0%,#1b4332 60%,#2d6a4f 100%);border-radius:20px;margin-bottom:2rem;padding:1.75rem 2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #1b433240}.quran-hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#d9770633 0%,#d9770600 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.quran-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.quran-hero-title{font-family:var(--font-serif);color:#fff;margin:0 0 .4rem;font-size:1.85rem;font-weight:700}.quran-hero-desc{color:#ffffffd9;max-width:650px;margin:0;font-size:.95rem;line-height:1.55}.quran-hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-app-cta-primary{color:#fff;background:#d97706;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #d977064d}.btn-app-cta-primary:hover{background:#b45309;transform:translateY(-1px)}.btn-app-cta-secondary{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-app-cta-secondary:hover{background:#fff3}.quran-filter-bar{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:1rem;margin-bottom:1.75rem;padding:1rem 1.25rem;display:flex}@media (min-width:768px){.quran-filter-bar{flex-direction:row;justify-content:space-between;align-items:center}}.quran-search-input-wrap{flex:1;max-width:500px;position:relative}.quran-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}[dir=rtl] .quran-search-icon{left:auto;right:.85rem}.quran-search-input{border:1px solid var(--border-subtle);background:var(--bg-surface-subtle);width:100%;color:var(--text-main);border-radius:10px;padding:.65rem 1rem .65rem 2.5rem;font-size:.92rem;transition:border-color .2s}[dir=rtl] .quran-search-input{padding:.65rem 2.5rem .65rem 1rem}.quran-search-input:focus{border-color:var(--primary);background:#fff;outline:none}.quran-tabs-and-filters{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.quran-segment-tabs{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:10px;padding:3px;display:inline-flex}.quran-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.45rem 1rem;font-size:.88rem;font-weight:600;transition:all .15s}.quran-tab-btn.active{background:var(--bg-surface);color:var(--primary);box-shadow:0 1px 3px #00000014}.quran-filter-pills{gap:.35rem;display:inline-flex}.quran-filter-pill{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .75rem;font-size:.82rem;transition:all .15s}.quran-filter-pill.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary);font-weight:600}.btn-quick-jump{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);color:var(--text-body);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-quick-jump:hover{border-color:var(--primary);color:var(--primary)}.quran-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.quran-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.quran-grid{grid-template-columns:repeat(3,1fr)}}.surah-card{background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;color:inherit;box-shadow:var(--shadow-sm);border-radius:14px;justify-content:space-between;align-items:center;padding:1.15rem;text-decoration:none;transition:all .2s;display:flex}.surah-card:hover{border-color:var(--primary);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.surah-card-left{align-items:center;gap:.9rem;display:flex}.surah-number-badge{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.surah-meta-name{color:var(--text-main);margin-bottom:.15rem;font-size:1.05rem;font-weight:700}.surah-meta-sub{color:var(--text-muted);font-size:.8rem}.surah-card-right{text-align:right}[dir=rtl] .surah-card-right{text-align:left}.surah-arabic-title{font-family:var(--font-arabic);color:var(--primary);font-size:1.35rem;font-weight:700}.surah-ayah-count{color:var(--text-muted);font-size:.78rem}.quran-reader-wrap{max-width:920px;margin:0 auto}.reader-header-bar{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);z-index:20;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.9rem 1.25rem;display:flex;position:sticky;top:70px}.reader-back-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.95rem;font-weight:600;transition:background .15s;display:inline-flex}.reader-back-btn:hover{background:var(--bg-surface-subtle);color:var(--primary)}.reader-surah-info{text-align:center}.reader-surah-name{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:700}.reader-surah-sub{color:var(--text-muted);margin:0;font-size:.8rem}.reader-controls-actions{align-items:center;gap:.5rem;display:flex}.reader-btn-icon{border:1px solid var(--border-subtle);background:var(--bg-surface);width:38px;height:38px;color:var(--text-body);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.reader-btn-icon:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.reader-btn-icon.active{background:var(--primary);color:#fff;border-color:var(--primary)}.bismillah-card{text-align:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:1.5rem 1rem;display:flex}.bismillah-text{color:var(--primary);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;word-spacing:0;letter-spacing:0;flex-wrap:wrap;justify-content:center;align-items:center;margin:0;font-family:p1-v2,UthmanicHafsOfficial,UthmanicHafs,serif;font-weight:400;line-height:2.3;display:inline-flex}.bismillah-text.font-indopak{font-family:IndoPakOfficial,Amiri,serif}.bismillah-text.font-uthmani{font-family:p1-v2,UthmanicHafsOfficial,UthmanicHafs,serif}.verse-card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:1.25rem;padding:1.5rem;transition:all .25s}.verse-card.playing-active,.verse-card.verse-card-playing{box-shadow:0 0 0 2px #f59e0b4d, var(--shadow-card);background:#fffdfa;border-color:#f59e0b}.verse-card.playing-active .verse-arabic-wrap,.verse-card.verse-card-playing .verse-arabic-wrap,.verse-card.playing-active .quran-word,.verse-card.verse-card-playing .quran-word{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none!important;font-weight:400!important}.verse-card.verse-card-highlighted{animation:3s ease-out forwards pulse-card-highlight;border-color:var(--primary)!important}@keyframes pulse-card-highlight{0%{box-shadow:0 0 0 3px #10b98173, var(--shadow-card);background-color:#10b98129}60%{background-color:#10b98114;box-shadow:0 0 0 2px #10b98140}to{background-color:var(--bg-surface);box-shadow:var(--shadow-sm)}}.verse-header{border-bottom:1px dashed var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.verse-badge{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);color:var(--text-body);border-radius:8px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.85rem;font-weight:600;display:inline-flex}.verse-actions{align-items:center;gap:.35rem;display:flex}.verse-action-btn{border:1px solid var(--border-subtle);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.verse-action-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.verse-arabic-wrap{text-align:right;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin-bottom:1.25rem;padding:.25rem 0;font-weight:400;line-height:2.3}[dir=rtl] .verse-arabic-wrap{text-align:right}.verse-transliteration{color:#059669;margin-bottom:.75rem;font-size:.95rem;font-style:italic;line-height:1.6}.verse-translation-item{margin-bottom:.65rem;padding-top:.4rem}.verse-translation-author{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem;font-size:.76rem;font-weight:600}.verse-translation-text{color:var(--text-body);margin:0;font-size:1rem;line-height:1.65}.ayah-end-symbol{color:var(--primary);font-family:UthmanicHafsOfficial,UthmanicHafs,serif;font-size:1em;font-weight:400;line-height:inherit;vertical-align:baseline;-webkit-user-select:none;user-select:none;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 .35rem;display:inline-block}.quran-word{cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;border-radius:4px;padding:0 .15rem;transition:background-color .15s,color .15s;display:inline-block;position:relative;font-synthesis:none!important;font-weight:400!important}.quran-word:hover{color:var(--primary);background:#2d6a4f14}.quran-word.karaoke-active{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;border-radius:6px;padding:0 .25rem;box-shadow:0 0 0 2px #f59e0b;color:#78350f!important;font-synthesis:none!important;background:#fde68a!important;font-weight:400!important}.word-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:50;text-align:center;font-size:.78rem;font-family:var(--font-sans);background:#111827;border-radius:8px;padding:.4rem .65rem;line-height:1.35;position:absolute;bottom:110%;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000040}.word-tooltip:after{content:"";border:5px solid #0000;border-top-color:#111827;position:absolute;top:100%;left:50%;transform:translate(-50%)}.word-tooltip-trans{color:#34d399;font-weight:600;display:block}.word-tooltip-meaning{color:#e5e7eb;display:block}.continuous-mushaf-card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:20px;margin-bottom:1.5rem;padding:2rem}.continuous-arabic-flow{text-align:justify;text-align-last:center;-webkit-user-select:text;user-select:text;line-height:2.6}.continuous-translation-flow{color:var(--text-body);line-height:1.85}.sticky-audio-bar{color:#fff;z-index:100;background:#111827;border-top:1px solid #ffffff1f;padding:.75rem 1rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.sticky-audio-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;display:flex}.audio-track-info{align-items:center;gap:.75rem;min-width:180px;display:flex}.audio-play-toggle-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s,background .2s;display:flex;box-shadow:0 4px 12px #1b433266}.audio-play-toggle-btn:hover{background:#2d6a4f;transform:scale(1.05)}.audio-nav-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s;display:flex}.audio-nav-btn:hover{background:#fff3}.audio-progress-wrap{flex:1;align-items:center;gap:.75rem;min-width:240px;display:flex}.audio-time-slider{accent-color:#34d399;cursor:pointer;flex:1;height:4px}.audio-time-label{color:#9ca3af;min-width:38px;font-size:.76rem}.audio-extra-controls{align-items:center;gap:.5rem;display:flex}.audio-select{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;padding:.35rem .65rem;font-size:.8rem}.audio-select option{color:#fff;background:#1f2937}@keyframes modalBackdropFade{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.quran-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:300;background:#0f172aa6;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out modalBackdropFade;display:flex;position:fixed;inset:0}.quran-modal-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;width:100%;max-width:520px;max-height:88vh;padding:1.75rem;animation:.25s cubic-bezier(.16,1,.3,1) modalScaleIn;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.quran-modal-card.max-w-md{max-width:460px}.quran-modal-card.max-w-lg{max-width:560px}.quran-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.85rem;display:flex}.quran-modal-header-left{align-items:center;gap:.65rem;display:flex}.quran-modal-title{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.quran-modal-subtitle{color:var(--text-muted);margin:.2rem 0 0;font-size:.82rem;line-height:1.4}.quran-modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:.45rem;transition:all .15s;display:flex}.quran-modal-close-btn:hover{background:var(--bg-surface-subtle);color:var(--text-main)}.modal-tabs{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:12px;gap:4px;margin-bottom:1.25rem;padding:4px;display:flex}.modal-tab-btn{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:9px;flex:1;padding:.55rem .85rem;font-size:.88rem;font-weight:600;transition:all .15s}.modal-tab-btn.active{background:var(--bg-surface);color:var(--primary);box-shadow:0 1px 4px #00000014}.modal-form-group{margin-bottom:1.15rem}.modal-label{color:var(--text-body);letter-spacing:.02em;margin-bottom:.45rem;font-size:.82rem;font-weight:700;display:block}.modal-select{border:1px solid var(--border-subtle);background:var(--bg-surface);width:100%;color:var(--text-main);cursor:pointer;border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:.92rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.modal-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #05966926}.modal-input{border:1px solid var(--border-subtle);background:var(--bg-surface);width:100%;color:var(--text-main);border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.modal-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #05966926}.modal-btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #05966940}.modal-btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px #05966959}.modal-btn-primary:active{transform:translateY(0)}.font-family-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:1.15rem;display:grid}.font-family-card{border:1px solid var(--border-subtle);background:var(--bg-surface-subtle);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.85rem .5rem;transition:all .2s;display:flex}.font-family-card:hover{border-color:var(--primary)}.font-family-card.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 2px var(--primary)}.font-family-title{color:var(--text-main);font-size:.82rem;font-weight:700}.font-family-sample{color:var(--primary);font-size:1.25rem;line-height:1.3}.font-substyle-row{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.15rem;display:grid}.font-substyle-btn{border:1px solid var(--border-subtle);background:var(--bg-surface-subtle);color:var(--text-body);cursor:pointer;text-align:center;border-radius:10px;padding:.55rem .75rem;font-size:.82rem;font-weight:600;transition:all .15s}.font-substyle-btn:hover{border-color:var(--primary)}.font-substyle-btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:700}.quran-slider-control{margin-bottom:1.15rem}.quran-slider-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.quran-slider-title{color:var(--text-main);font-size:.88rem;font-weight:600}.quran-slider-badge{color:var(--primary);background:var(--primary-light);border-radius:6px;padding:.15rem .55rem;font-size:.82rem;font-weight:700}.quran-range-input{width:100%;height:6px;accent-color:var(--primary);cursor:pointer;border-radius:3px}.quran-toggles-section{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.55rem;margin-bottom:1.25rem;padding-top:1rem;display:flex}.quran-toggle-row{border:1px solid var(--border-subtle);background:var(--bg-surface-subtle);cursor:pointer;color:var(--text-main);border-radius:10px;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.quran-toggle-row:hover{background:var(--bg-surface);border-color:var(--primary)}.quran-toggle-checkbox{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.font-preview-box{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);text-align:center;border-radius:14px;margin-top:.5rem;padding:1.25rem}.translation-list{flex-direction:column;gap:.65rem;max-height:400px;padding-right:.25rem;display:flex;overflow-y:auto}.translation-item-card{border:1px solid var(--border-subtle);background:var(--bg-surface);cursor:pointer;border-radius:12px;align-items:flex-start;gap:.85rem;padding:.85rem 1rem;transition:all .2s;display:flex}.translation-item-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.translation-item-card.selected{border-color:var(--primary);background:var(--primary-light)}.translation-item-name{color:var(--text-main);margin-bottom:.15rem;font-size:.95rem;font-weight:700}.translation-item-sub{color:var(--text-muted);font-size:.8rem;line-height:1.4}.translation-checkbox{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex-shrink:0;margin-top:2px}.tajweed-pwa-modal-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:24px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;padding:1.25rem;animation:.25s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000040}.tajweed-pwa-topbar{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.tajweed-pwa-topbar-left{align-items:center;gap:.5rem;display:flex}.tajweed-pwa-info-icon{width:28px;height:28px;color:var(--primary);background:#1b433214;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tajweed-pwa-modal-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-main);font-size:.75rem;font-weight:900}.tajweed-pwa-close-btn{background:var(--bg-surface-subtle);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:all .15s;display:flex}.tajweed-pwa-close-btn:hover{background:var(--border-subtle);color:var(--text-main)}.tajweed-pwa-subbanner{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.65rem;margin-bottom:.65rem;padding-bottom:.65rem;display:flex}.tajweed-pwa-sparkles-icon{width:32px;height:32px;color:var(--primary);background:#1b433214;border:1px solid #1b43322e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tajweed-pwa-subbanner-title{color:var(--text-main);margin:0;font-size:.75rem;font-weight:900;line-height:1.25}.tajweed-pwa-subbanner-sub{color:var(--text-muted);margin:.15rem 0 0;font-size:.65rem;font-weight:500;line-height:1.35}.tajweed-pwa-grid{grid-template-columns:1fr;gap:.5rem;max-height:55vh;padding-right:2px;display:grid;overflow-y:auto}@media (min-width:480px){.tajweed-pwa-grid{grid-template-columns:repeat(2,1fr)}}.tajweed-pwa-card{border:1px solid var(--border-subtle);background:var(--bg-surface-subtle);border-radius:16px;flex-direction:column;justify-content:space-between;gap:.35rem;padding:.65rem .75rem;transition:all .15s;display:flex}.tajweed-pwa-card:hover{background-color:var(--bg-surface);border-color:#1b43324d;box-shadow:0 2px 8px #0000000a}.tajweed-pwa-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tajweed-pwa-badge-left{align-items:center;gap:.45rem;width:100%;min-width:0;display:flex}.tajweed-pwa-dot{box-sizing:border-box;border-radius:9999px;flex-shrink:0;width:10px;height:10px;box-shadow:0 1px 2px #00000026}.tajweed-pwa-rule-title{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:700;overflow:hidden}.tajweed-pwa-rule-desc{color:var(--text-muted);flex:1;margin:0;font-size:.6875rem;line-height:1.45}.tajweed-pwa-example-row{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.2rem;padding-top:.35rem;display:flex}.tajweed-pwa-example-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);opacity:.85;flex-shrink:0;font-size:.58rem;font-weight:800}.tajweed-pwa-example-arabic{color:var(--text-main);text-align:right;direction:rtl;font-family:UthmanicHafsOfficial,Amiri,serif;font-size:.875rem;line-height:1.35}.tajweed-pwa-footer{border-top:1px solid var(--border-subtle);margin-top:.65rem;padding-top:.65rem}.tajweed-pwa-confirm-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:.65rem 1rem;font-size:.75rem;font-weight:700;transition:all .15s;box-shadow:0 2px 8px #1b433240}.tajweed-pwa-confirm-btn:hover{background:var(--primary-hover)}.tajweed-pwa-confirm-btn:active{transform:scale(.98)}.tajweed-legend-list{flex-direction:column;gap:.65rem;max-height:440px;padding-right:.25rem;display:flex;overflow-y:auto}.tajweed-rule-card{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:14px;align-items:flex-start;gap:.95rem;padding:.9rem 1.15rem;transition:all .15s;display:flex}.tajweed-rule-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.tajweed-rule-swatch{border-radius:7px;flex-shrink:0;width:22px;height:22px;margin-top:2px;box-shadow:0 2px 6px #0000001f}.tajweed-rule-content{flex:1}.tajweed-rule-title{color:var(--text-main);margin:0 0 .25rem;font-size:.95rem;font-weight:700}.tajweed-rule-desc{color:var(--text-body);margin:0 0 .5rem;font-size:.84rem;line-height:1.5}.tajweed-rule-example-badge{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);direction:rtl;border-radius:8px;padding:.25rem .75rem;font-family:UthmanicHafsOfficial,Amiri,serif;font-size:1.25rem;line-height:1.6;display:inline-block}.app-prompt-card{text-align:center;padding:.5rem 0}.app-prompt-icon{color:#b45309;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1.15rem;display:flex;box-shadow:0 4px 14px #d9770640}.app-prompt-title{color:var(--text-main);margin:0 0 .45rem;font-size:1.25rem;font-weight:800}.app-prompt-desc{color:var(--text-body);margin:0 0 1.25rem;font-size:.9rem;line-height:1.6}.app-prompt-features{text-align:left;background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;gap:.65rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.app-prompt-feature-item{color:var(--text-body);align-items:center;gap:.65rem;font-size:.85rem;display:flex}.app-prompt-actions{flex-direction:column;gap:.65rem;display:flex}.btn-app-modal-primary{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #0596694d}.btn-app-modal-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-app-modal-secondary{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-main);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-app-modal-secondary:hover{background:var(--bg-surface-subtle);border-color:var(--primary)}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.last-read-card{background:linear-gradient(135deg,#05966914 0%,#d9770614 100%);border:1px solid #05966940;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0596690f}.last-read-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #0596691f}.last-read-left{align-items:center;gap:1.15rem;display:flex}.last-read-icon-wrap{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #0596694d}.last-read-eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;margin-bottom:.2rem;font-size:.75rem;font-weight:700;display:flex}.last-read-pulse{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseGreen;display:inline-block}.last-read-title{color:var(--text-main);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.18rem;font-weight:800;display:flex}.last-read-arabic-name{font-family:var(--font-arabic);color:var(--primary);font-size:1.25rem;font-weight:700}.last-read-meta{color:var(--text-muted);margin-top:.15rem;font-size:.82rem}.last-read-actions{align-items:center;gap:.75rem;display:flex}.btn-last-read-resume{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #05966940}.btn-last-read-resume:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px #05966959}.btn-last-read-dismiss{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #05966933;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-last-read-dismiss:hover{color:var(--primary);background:#0596691a}.reader-nav-footer{justify-content:space-between;align-items:center;padding-top:1.5rem;padding-bottom:5rem;display:flex}.reader-nav-btn{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.reader-nav-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.quran-skeleton-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.quran-skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.quran-skeleton-grid{grid-template-columns:repeat(3,1fr)}}.quran-skeleton-card{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:14px;height:96px;animation:1.5s infinite pulseSkeleton}@keyframes pulseSkeleton{0%,to{opacity:1}50%{opacity:.5}}.quran-empty-state{text-align:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:4rem 1.5rem}.btn-reset-filter{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-block}.btn-reset-filter:hover{background:var(--primary-hover)}.single-ayah-banner{box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#10b98114 0%,#f59e0b0d 100%);border:1px solid #10b98140;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.single-ayah-banner-left{align-items:center;gap:.85rem;display:flex}.single-ayah-badge-icon{width:42px;height:42px;color:var(--primary);background:#10b98126;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.single-ayah-banner-title{color:var(--text-heading);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.single-ayah-special-pill{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.single-ayah-banner-sub{color:var(--text-muted);margin-top:.15rem;font-size:.85rem}.single-ayah-btn-full{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #10b98140}.single-ayah-btn-full:hover{background:var(--primary-hover);transform:translateY(-1px)}.single-ayah-nav-footer{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.75rem;padding:1rem 1.25rem;display:flex}.single-ayah-nav-btn{border:1px solid var(--border-subtle);background:var(--bg-surface-subtle);color:var(--text-body);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.single-ayah-nav-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#10b9810f}.single-ayah-nav-btn:disabled{opacity:.4;cursor:not-allowed}.single-ayah-nav-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.single-ayah-nav-btn.primary:hover{background:var(--primary-hover);color:#fff}@media (max-width:640px){.single-ayah-banner{flex-direction:column;align-items:flex-start}.single-ayah-btn-full{justify-content:center;width:100%}.single-ayah-nav-footer{flex-direction:column}.single-ayah-nav-btn{justify-content:center;width:100%}}