@import "https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.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:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.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:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
img{width:auto;max-width:100%;height:auto;display:block}:root{--bg:#070d0b;--text:#e5f6f1;--text-muted:#a5b5b0;--gold:#b58900;--accent:#66c6aceb;--radius:12px;--container-max:1100px;--gap:1.5rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background-color:linear-gradient(180deg,#16a34a26,#12a67512);--background:#fff;--foreground:#171717;font-family:Inter,system-ui,sans-serif}#rotating-word{color:#b58900}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{-webkit-font-smoothing:antialiased;color:var(--text);background:linear-gradient(#16a34a26,#12a67512);margin:0;line-height:1.5}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 30%,#16a34a14,#0000 20%),radial-gradient(circle at 90% 70%,#065f460f,#0000 25%);position:fixed;inset:0}.site-header{z-index:20;background:0 0;padding-top:1rem;padding-bottom:.8rem;transition:background .7s ease-in-out;position:sticky;top:.2vw}.header-inner{background:var(--bg);z-index:-1;border-radius:28px;margin:.25rem 8rem;transition:margin .3s,border-radius .3s;position:absolute;inset:0}.nav-row{justify-content:space-between;align-items:center;padding:.8rem 0;display:flex}.brand{color:var(--text);font-weight:700;text-decoration:none}.nav a,.nav .nav-link{color:var(--text);margin-left:1.5rem;font-weight:500;text-decoration:none}.menu-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:2rem;display:none}@media (max-width:1500px){.site-header{background:var(--bg);border-radius:20px;padding-top:1rem;padding-bottom:.8rem}.header-inner{background:0 0;border-radius:3px;margin:0}.nav-row{padding:.8rem 0}}.updates-banner{z-index:1000;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));box-sizing:border-box;position:fixed;top:.6rem;left:0;right:0}.updates-banner__inner{background:var(--gold);max-width:100%;color:var(--text);border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:.6rem;margin:0 auto;padding:.6rem 1rem;font-size:clamp(.85rem,1.8vw,.95rem);display:flex;overflow:hidden;box-shadow:0 8px 24px #00000040}.updates-banner__title{color:var(--gold);font-weight:700}.updates-banner__dismiss{color:#000;cursor:pointer;background:0 0;border:1px solid #000;border-radius:6px;margin-left:auto;padding:.15rem .5rem}@media (max-width:1500px){.updates-banner__inner{border-radius:3px}}.container{max-width:var(--container-max);margin:0 auto;padding:0 2rem}.hero{padding:6rem 0 8rem;position:relative}.hero-inner{justify-content:space-between;align-items:center;gap:4rem;display:flex}.hero-text h1{margin:0 0 1rem;font-family:Oswald,sans-serif;font-size:3.2rem}.hero-sub{color:var(--text-muted);margin-bottom:2rem;font-size:1.2rem}.btn-primary{background:var(--gold);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;padding:.7rem 1.4rem;font-weight:700;text-decoration:none;display:inline-block}.hero-graphic{border-radius:var(--radius);background:linear-gradient(135deg,#ffffff0f,#ffffff05);width:400px;height:260px}.section-box{border-radius:var(--radius);background:#ffffff0a;border:1px solid #ffffff0f;margin-top:5rem;padding:3rem 2rem}.method-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.catalog-tab{border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #ffffff1a;padding:.7rem 1rem}.catalog-tab.active{border-color:var(--gold);color:var(--gold)}.catalog-display{flex:1}.catalog-placeholder{margin-top:1.5rem}.placeholder-box{border-radius:var(--radius);background:#ffffff0f}.contact-section form{flex-direction:column;gap:1rem;display:flex}input,textarea{color:var(--text);border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff1a;padding:.7rem}.site-footer{text-align:center;color:var(--text-muted);margin:4rem 0 2rem}@media (max-width:840px){.nav{background:var(--bg);z-index:1000;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:.5rem;padding:.75rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 18px #00000040}.nav.active{display:flex}.nav a,.nav .nav-link{color:var(--text);text-align:left;border-radius:6px;margin-left:0;padding:.6rem .75rem;font-weight:600;text-decoration:none;display:block}.nav a:hover,.nav .nav-link:hover{background:#ffffff0f}.nav .logout-link,.nav .login-link{margin-top:auto}.menu-toggle{border-radius:3px;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;font-size:20px;line-height:1;display:inline-flex}.hero-inner{text-align:center;flex-direction:column}.catalog-layout{flex-direction:column}}.hero-graphic,.placeholder-box{margin-left:auto;margin-right:auto;flex-shrink:0!important;width:400px!important;max-width:none!important;height:260px!important;max-height:none!important}.lesson-item .lock-icon{z-index:2;width:52px;height:45px;position:absolute;top:12px;right:18px}.lessons-hero{text-align:left;color:#fff;margin-top:2vw;margin-left:6vw}#lessons-heading{color:#fff;margin-bottom:.5rem;font-family:Oswald,Montserrat,Arial Black,Arial,sans-serif;font-size:clamp(2rem,5vw,2.8rem)}.lead{color:#fff;margin-bottom:2.5rem;font-size:clamp(1rem,2.5vw,1.3rem)}.lessons-list{width:100%;max-width:1000px;margin:0 auto;padding:0 2vw}.lesson-item{background:linear-gradient(to right,var(--bg)0%,#1a1a1a 100%);border:.5px solid #145c3a;border-radius:10px;min-width:0;margin-bottom:2vw;padding:1.2rem 4vw;box-shadow:0 2px 8px #24312d14}.lesson-title{color:var(--gold);font-family:Oswald,Montserrat,Arial Black,Arial,sans-serif;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;text-decoration:none}.lesson-desc{color:#fff;margin-top:.5rem;font-size:clamp(.95rem,2vw,1.1rem)}.lesson-item.locked{opacity:.85}.lesson-item .lesson-title.disabled{color:#bbb;cursor:not-allowed;pointer-events:none;text-decoration:none}@media (max-width:700px){.lessons-hero{text-align:center;margin-top:3vw;margin-left:2vw}.lessons-list{padding:0 1vw}.lesson-item{padding:1rem 2vw;font-size:1rem}#lessons-heading{font-size:clamp(1.5rem,6vw,2.2rem)}.lead,.lesson-title{font-size:clamp(.95rem,3vw,1.1rem)}.lesson-desc{font-size:clamp(.85rem,2vw,1rem)}}:root{--color-correct:#12fc8b;--color-wrong:#ff3a3a;--card-gap:10vw;--soft-bg:#ffffff14}.lesson-container{max-width:900px;margin:-60px auto 80px;padding:20px}.lesson-heading{color:#fff;border-bottom:2px solid var(--gold);margin-bottom:35px;padding-bottom:8px;font-size:2.4rem;font-weight:700}.lesson-card{background:var(--soft-bg);margin-top:var(--card-gap);border-left:3px solid var(--gold);border-radius:8px;padding:25px 30px;font-size:1.3rem;line-height:1.8}.quran-arabic,.hadith-arabic{background:var(--gold);color:#fff;letter-spacing:.04em;direction:rtl;unicode-bidi:isolate;border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:1.7rem;display:flex}.quran-section{margin-top:var(--card-gap)}.highlite-part{color:#fff;font-weight:400}.play-icon{cursor:pointer;flex-grow:0;flex-shrink:0;width:28px;height:28px}.quran-english-translat,.hadith-english-translat{color:var(--gold);margin-top:15px;margin-left:1.5vw;margin-right:1.5vw;font-size:1.2rem}.matching-card{margin-top:var(--card-gap);background:var(--soft-bg);border-left:3px solid #fff;border-radius:8px;padding:25px 30px;font-size:1.3rem}.matching-rows{text-align:center;grid-template-columns:repeat(4,1fr);gap:1.3rem;margin-top:1.5rem;display:grid}.match-btn{cursor:pointer;background:#ffffff1a;border:2px solid #0000;border-radius:8px;padding:.8rem;transition:background .2s,border-color .2s}.match-btn:hover{background:#fff3}.match-ar{direction:rtl}.match-selected{border-color:#ffd861}.match-correct{background:var(--color-correct)!important;color:#222!important;cursor:default!important}.match-wrong{background:var(--color-wrong)!important;color:#222!important}.gender-card-section{margin:var(--card-gap)0 3vw 0}.gender-btn{cursor:pointer;letter-spacing:.01em;background:#d4af37;border:none;border-radius:1vw;padding:1vw 2vw;font-family:Oswald,Inter,system-ui,sans-serif;font-size:1.3rem;font-weight:700;transition:background .2s,color .2s;color:#000!important}.gender-btn:hover{color:#222;background:#e6c75a}.test-link-btn{text-align:center;color:#000;cursor:pointer;letter-spacing:.01em;background:#d4af37;border:none;border-radius:1vw;min-width:220px;padding:1vw 4vw;font-family:Oswald,Inter,system-ui,sans-serif;font-size:1.2rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-block;box-shadow:0 2px 8px #0001}.test-link-btn:hover{color:#111;background:#e6c75a}.tip-card{background:var(--soft-bg);margin-top:var(--card-gap);border-left:3px solid #257d07;border-radius:8px;padding:25px 30px;font-size:1.2rem;line-height:1.8}.audio-trigger{color:var(--gold);cursor:pointer;text-decoration:none}.audio-trigger:hover{text-decoration:underline}.glossary-trigger{color:var(--gold);cursor:pointer;text-decoration:none}.glossary-backdrop{z-index:999;background:#0007;position:fixed;inset:0}.glossary-modal{background:var(--bg);color:var(--white);z-index:1000;border-radius:12px;width:min(92vw,420px);min-height:220px;padding:1.25rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0005}.glossary-close{color:var(--white);cursor:pointer;background:0 0;border:none;font-size:1.25rem;position:absolute;top:.5rem;right:.75rem}.glossary-content{line-height:1.6}.mt-1vw{margin-top:1vw}.mt-1_5vw{margin-top:1.5vw}.text-black{color:#000}.text-center{text-align:center}.no-margin{margin:0}.comparison-row{justify-content:center;align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.nav-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:700;display:flex}.nav-btn--accent{background:var(--accent)}.carousel{flex-direction:column;flex:1;align-items:center;gap:1rem;max-width:350px;display:flex}.carousel-frame{text-align:center;width:100%}.carousel-image{border:3px solid var(--accent);box-sizing:border-box;border-radius:8px;padding:.5rem;width:100%!important;height:auto!important}.prompt-row{justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.icon-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-btn--accent{background:var(--accent);color:#fff;font-size:1.2rem;font-weight:700}.icon-btn--gold{background:var(--gold);color:#fff;font-size:1rem}.answer-container{text-align:center;justify-content:center;align-items:center;width:100%;min-height:3rem;display:flex}.answer-text{color:var(--gold);margin:0;font-size:1.5rem}.answer-translation{color:var(--text-muted);margin:.25rem 0 0;font-size:1rem}.answer-translation--white{color:#fff;margin:0}.answer-sep{color:#fff;margin:0 .5rem}.translate-card{margin-top:var(--card-gap);margin-bottom:3vw}.translate-title{text-align:center}.translate-progress{text-align:center;color:var(--text-muted);font-size:.9rem}.translate-arabic{text-align:center;direction:rtl;margin-bottom:1.5rem;font-size:1.3rem}.answer-input{border:2px solid var(--accent);text-align:center;box-sizing:border-box;direction:ltr;border-radius:6px;width:100%;max-width:400px;margin-bottom:1rem;padding:.75rem;font-size:1rem}.answer-input.correct{border-color:#40fea2}.answer-input.wrong{border-color:#fc6a6a}.btn{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700}.btn--gold{background:var(--gold);color:#fff}.btn--light{color:#000;background:#fff}.btn-row{justify-content:center;gap:1rem;display:flex}.feedback-text{margin-top:1rem;font-size:1rem}.feedback-text.correct{color:#40fea2;font-weight:700}.feedback-text.wrong{color:#fc6a6a}.quiz-summary{margin-top:var(--card-gap);text-align:center;margin-bottom:3vw}.quiz-score{margin-bottom:1rem;font-size:3rem;font-weight:700}.quiz-score--excellent{color:#40fea2}.quiz-score--good{color:var(--gold)}.quiz-score--practice{color:#fc6a6a}.quiz-percentage{margin-bottom:1rem;font-size:1.3rem}.quiz-message{color:var(--text);margin-bottom:2rem}.btn-restart{background:var(--gold);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:700}.quiz-progress-ratio{color:#fff;z-index:10;opacity:.92;letter-spacing:.01em;pointer-events:none;background:#232a3b;border-radius:999px;padding:.25em .8em;font-family:Oswald,Inter,system-ui,sans-serif;font-size:.95em;font-weight:600;position:absolute;top:.7em;left:1em;box-shadow:0 2px 8px #0002}.question-number{display:none}.quiz-wrapper{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;margin-top:0;padding:18vh 0 0;display:flex}.question-card{aspect-ratio:5/3;box-sizing:border-box;background-color:#181818;width:90vw;min-width:260px;max-width:480px;height:auto;min-height:180px;max-height:80vh;margin:0 auto;padding:1.2vw 1.2vw 12rem;transition:width .2s,height .2s;position:relative;overflow:hidden}.question-card p,.question-card button{font-size:1.2rem}.question-options{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;align-items:stretch;gap:20px;width:100%;min-width:0;margin-bottom:2vh;display:grid;position:static}.option-btn{text-align:center;white-space:normal;box-sizing:border-box;word-break:break-word;background:var(--gold);color:#222;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;padding:1.2em 0;font-weight:700;transition:background .2s,color .2s;display:flex}.option-btn:hover{color:#2f0202;background:#fffbe6}.option-btn.arabic-text{direction:rtl}.wrong-answer{border:2px solid #fe2b27;color:#222!important;background:#fc6a6a!important}.correct-answer{border:2px solid #2ee934;background:var(--color-correct)!important;color:#222!important}.summary-retake-btn{background:var(--gold);color:#222;cursor:pointer;letter-spacing:.01em;border:none;border-radius:8px;margin:1em auto 0;padding:.7em 2em;font-family:Oswald,Inter,system-ui,sans-serif;font-size:1.1rem;font-weight:700;display:block}.summary-retake-btn:hover{background:#e6c75a}.arabic-text{letter-spacing:.5px;font-family:Noto Naskh Arabic,serif;font-size:1.35rem}@media (max-width:768px){.question-card{box-sizing:border-box;max-width:100%;height:clamp(360px,50vh,600px);position:relative;overflow-x:auto}}:root{--qc-surface:#1a1a1a;--qc-border:#2b2b2b;--qc-shadow:0 10px 24px #00000059;--qc-radius:16px;--qc-gap:.75rem;--qc-height-min:340px;--qc-height-max:560px}.qc-card{background:var(--qc-surface);border:1px solid var(--qc-border);border-radius:var(--qc-radius);width:min(560px,88vw);height:clamp(340px,45vh,520px);box-shadow:var(--qc-shadow);gap:var(--qc-gap);box-sizing:border-box;grid-template-rows:auto 1fr auto;margin:0 auto;padding:1.5rem;display:grid}.qc-header{justify-content:space-between;align-items:center;display:flex}.qc-progress{color:#cbd5e1;background:#1f2529;border:1px solid #334;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.85rem;font-weight:600;display:inline-flex}.qc-title{text-align:center;flex:1;margin:0;font-size:1.4rem}.qc-body{justify-content:center;align-items:center;padding:.25rem .5rem;display:flex}.qc-text{text-align:center;color:#fff;max-width:88%;margin:0;font-size:1.05rem;line-height:1.55}.qc-actions{grid-template-columns:repeat(4,minmax(0,1fr));align-self:end;gap:8px;display:grid}.qc-option{background:var(--gold);color:#222;cursor:pointer;box-sizing:border-box;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:46px;padding:.7rem .4rem;font-size:1.15rem;font-weight:700;transition:transform 80ms,background .2s,border-color .2s;display:flex}.qc-option:active{transform:scale(.98)}.qc-option[disabled]{opacity:.65;cursor:default}.qc-option.wrong-answer{border-color:#fe2b27;background:#fc6a6a!important}.qc-option.correct-answer{border-color:#2ee934;background:var(--color-correct)!important}@media (max-width:640px){.qc-card{height:clamp(var(--qc-height-min),48vh,var(--qc-height-max));padding:.9rem}.qc-actions{grid-template-columns:1fr}.qc-title{font-size:1.3rem}.qc-text{font-size:1rem}}