@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.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:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.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:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_9f4f9187-module__4LtYgq__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_9f4f9187-module__4LtYgq__variable{--font-outfit:"Outfit", "Outfit 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_fb99a9bc-module__K4VZFa__className{font-family:Amiri,Amiri Fallback;font-style:normal}.amiri_fb99a9bc-module__K4VZFa__variable{--font-amiri:"Amiri", "Amiri Fallback"}
@font-face{font-family:Scheherazade New;font-style:normal;font-weight:400;font-display:swap;src:url(../media/97cff4fb8b002a00-s.p.0a4x9o5ie_yks.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:Scheherazade New;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fec80ac06caa2e1-s.44e0i-01m2qun.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:Scheherazade New;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9d207abc777cd58d-s.2ymgwyl88sb8-.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:Scheherazade New;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8fb9e96a9b440dde-s.p.3a0dfc10cqaqf.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:Scheherazade New;font-style:normal;font-weight:700;font-display:swap;src:url(../media/40f1cf5c91e0d67d-s.124w6nax_736j.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:Scheherazade New;font-style:normal;font-weight:700;font-display:swap;src:url(../media/94c3370d740d61a2-s.0wnp_5vd2r1cr.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:Scheherazade New Fallback;src:local(Times New Roman);ascent-override:145.09%;descent-override:75.29%;line-gap-override:0.0%;size-adjust:92.55%}.scheherazade_new_ccab28b1-module__yZypka__className{font-family:Scheherazade New,Scheherazade New Fallback;font-style:normal}.scheherazade_new_ccab28b1-module__yZypka__variable{--font-scheherazade:"Scheherazade New", "Scheherazade New Fallback"}
:root{--bg-primary:#0a0c16;--bg-secondary:#121629;--bg-tertiary:#191f3b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-gold:#d4af37;--accent-gold-hover:#f1c40f;--accent-teal:#14b8a6;--color-madd:#ef4444;--color-ghunnah:#10b981;--color-qalqalah:#3b82f6;--color-thick:#f59e0b;--color-silent:#6b7280;--glass-bg:#12162999;--glass-border:#d4af3726;--glass-border-hover:#d4af3759;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(12px);--font-sans:var(--font-outfit), system-ui, -apple-system, sans-serif;--font-arabic:var(--font-amiri), var(--font-scheherazade), serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;overflow-x:hidden}body{background-color:var(--bg-primary);width:100%;min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;scrollbar-gutter:stable}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#14b8a614 0%,#0000 70%);width:50%;height:50%;position:fixed;top:-10%;left:-10%}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#d4af370d 0%,#0000 70%);width:60%;height:60%;position:fixed;bottom:-10%;right:-10%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);box-shadow:var(--glass-shadow);transition:var(--transition-smooth)}.glass-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #d4af371a}.gold-gradient-text{background:linear-gradient(135deg,#f3e5ab 0%,#d4af37 50%,#aa7c11 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.arabic-text{font-family:var(--font-arabic);text-align:center;-webkit-user-select:none;user-select:none;direction:rtl;font-size:3rem;line-height:1.6}.tajweed-madd{text-shadow:0 0 8px #ef444433;color:var(--color-madd)!important}.tajweed-ghunnah{text-shadow:0 0 8px #10b98133;color:var(--color-ghunnah)!important}.tajweed-qalqalah{text-shadow:0 0 8px #3b82f633;color:var(--color-qalqalah)!important}.tajweed-thick{text-shadow:0 0 8px #f59e0b33;color:var(--color-thick)!important}.tajweed-lip{text-shadow:0 0 8px #14b8a633;color:var(--accent-teal)!important}.tajweed-silent{opacity:.5;color:var(--color-silent)!important}.char-highlight{transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:inline-block;position:relative}.char-highlight.active-spell{border-radius:var(--border-radius-sm);z-index:10;background:#d4af3740;transform:scale(1.15);box-shadow:0 0 16px #d4af3766}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #d4af3733}50%{box-shadow:0 0 20px #d4af3780}}.glow-active{animation:2s ease-in-out infinite pulseGlow}@keyframes goldPulseGlow{0%,to{background-color:var(--bg-secondary);border-color:var(--glass-border);box-shadow:none;transform:scale(1)}50%{background-color:var(--accent-gold);border-color:var(--accent-gold);box-shadow:0 0 15px var(--accent-gold);color:var(--bg-primary);transform:scale(1.08)}}.gold-pulse-animation{animation:1.8s ease-in-out infinite goldPulseGlow}.lesson-footer{border-top:1px solid var(--glass-border);grid-template-columns:1fr 1fr;align-items:center;gap:16px;margin-top:48px;padding-top:24px;display:grid}.lesson-footer-quiz-btn{text-align:center;background:linear-gradient(135deg, var(--accent-teal) 0%, var(--accent-gold) 100%);border-radius:var(--border-radius-sm);width:100%;max-width:320px;transition:var(--transition-smooth);border:none;order:-1;grid-column:span 2;justify-self:center;padding:12px 28px;font-size:.95rem;font-weight:700;text-decoration:none;box-shadow:0 4px 15px #14b8a64d;color:var(--bg-primary)!important}.lesson-footer-quiz-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #14b8a680}.lesson-footer-nav-btn{color:var(--text-secondary);transition:var(--transition-smooth);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none}.lesson-footer-nav-btn:hover{color:var(--accent-gold);border-color:var(--accent-gold);background:var(--bg-tertiary)}.lesson-footer-prev{grid-column:1;justify-self:start}.lesson-footer-next{grid-column:2;justify-self:end}@media (min-width:640px){.lesson-footer{grid-template-rows:auto;grid-template-columns:1fr auto 1fr}.lesson-footer-quiz-btn{order:0;grid-area:1/2;width:auto}.lesson-footer-prev{grid-area:1/1}.lesson-footer-next{grid-area:1/3}}.mobile-only{display:flex!important}.desktop-only{display:none!important}@media (min-width:768px){.mobile-only{display:none!important}.desktop-only{display:flex!important}}.nav-dropdown-anim{transform-origin:100% 0;animation:.25s cubic-bezier(.16,1,.3,1) forwards navFadeDown}@keyframes navFadeDown{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}