@font-face{font-family:JameelNooriNastaleeq;src:url(/assets/fonts/Jameel-Noori-Nastaleeq-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:AlMajeedQuranic;src:url(/assets/fonts/Al%20Majeed%20Quranic%20Font_shiped.ttf)format("truetype");font-display:swap}:root{--font-arabic:"AlMajeedQuranic", "Noto Naskh Arabic", "Amiri", "Geeza Pro", serif;--font-arabic-ui:"AlMajeedQuranic", "Noto Naskh Arabic", "Amiri", "Geeza Pro", "Tahoma", serif;--font-urdu:"JameelNooriNastaleeq", "Noto Nastaliq Urdu", "Noto Naskh Arabic", "Geeza Pro", "Tahoma", serif;--font-english:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg:#f8f4e9;--color-card:#fff;--color-primary:#0f5132;--color-primary-dark:#14532d;--color-gold:#d4af37;--color-text:#1f2937;--color-muted:#6b7280;--color-line:#d9e0dc;--color-soft:#eef3ef;--ink:var(--color-text);--muted:var(--color-muted);--line:var(--color-line);--paper:var(--color-bg);--surface:var(--color-card);--soft:var(--color-soft);--brand:var(--color-primary);--brand-dark:var(--color-primary-dark);--gold:var(--color-gold);--rose:#8f3f4d;--shadow:0 22px 60px #17211e1f}[data-theme=dark]{--color-bg:#0b1220;--color-card:#111827;--color-primary:#22c55e;--color-primary-dark:#064e3b;--color-gold:#d4af37;--color-text:#f9fafb;--color-muted:#9ca3af;--color-line:#f9fafb24;--color-soft:#111827;--shadow:0 24px 70px #00000061}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-english);margin:0}html[data-locale=ur] body{font-family:var(--font-urdu);text-align:start;direction:rtl}html[data-locale=ar] body{font-family:var(--font-arabic-ui);text-align:start;direction:rtl}html[data-locale=ar] :where(h1,h2,h3,h4,h5,h6,p,a,button,label,input,textarea,select,option,li,dt,dd,small,strong,span):not(.text-arabic):not(.arabic-text):not(.exercise-arabic):not(.arabic-title):not([data-quranic=true]){font-family:var(--font-arabic-ui);letter-spacing:0}html[data-locale=ur] :where(h1,h2,h3,h4,h5,h6,p,a,button,label,input,textarea,select,option,li,dt,dd,small,strong,span):not(.text-arabic):not(.arabic-text):not(.exercise-arabic):not(.arabic-title):not([lang=ar]){font-family:var(--font-urdu);letter-spacing:0}html[data-locale=ar] :where(p,li,label,input,textarea,button,a,small){line-height:1.7}html[data-locale=ur] :where(p,li,label,input,textarea,button,a,small){line-height:1.9}:where(.text-arabic,.arabic-text,.exercise-arabic,.arabic-title,[data-quranic=true],[lang=ar]){font-family:var(--font-arabic);text-align:right;direction:rtl;unicode-bidi:isolate}:where([dir=rtl]){text-align:start}html[data-locale=ar] :where(.academic-course-page,.academic-lesson-page,.flutter-home,.tajweed-listen-screen-v2,.tajweed-grid-screen,.course-page,.lesson-page){text-align:start;direction:rtl}.flutter-home{--fh-navy:#071526;--fh-deep:var(--color-primary-dark);--fh-emerald:var(--color-primary);--fh-parchment:var(--color-bg);--fh-offwhite:var(--color-card);--fh-gold:var(--color-gold);--fh-ink:var(--color-text);background:var(--fh-parchment);min-height:100vh;color:var(--fh-ink);overflow-x:hidden}[data-theme=dark] .flutter-home{--fh-navy:#050b14;--fh-parchment:#0b1220;--fh-offwhite:#111827}[data-theme=dark] .flutter-brand small{color:var(--color-muted)}.flutter-home[dir=rtl]{font-family:inherit}.flutter-home[lang=ur],.flutter-home[data-locale=ur]{font-family:var(--font-urdu)}.flutter-home[lang=ar],.flutter-home[data-locale=ar]{font-family:var(--font-arabic-ui)}.flutter-home-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf6f5;border-bottom:1px solid #0b5d3b1f;align-items:center;gap:18px;padding:14px clamp(16px,4vw,56px);display:flex;position:sticky;top:0;box-shadow:0 8px 22px #0715260d}.flutter-brand{align-items:center;gap:12px;min-width:max-content;display:inline-flex}.flutter-brand.light{color:#fff}.flutter-logo{width:44px;height:44px;color:var(--fh-deep);background:#fff;border:1px solid #0b5d3b4d;border-radius:50%;place-items:center;display:grid}.flutter-brand.light .flutter-logo{border-color:var(--fh-gold);color:var(--fh-gold);background:#ffffff12}.flutter-logo .text-arabic{font-size:24px;line-height:1}.flutter-brand strong,.flutter-brand small{letter-spacing:0;display:block}.flutter-brand strong{color:var(--fh-deep);font-size:20px;font-weight:900;line-height:1.05}.flutter-brand.light strong{color:#fff}.flutter-brand small{color:#18221d9e;margin-top:3px;font-family:Georgia,serif;font-size:13px;font-style:italic;font-weight:500}.flutter-brand.light small{color:#ffffffb3}.flutter-menu,.flutter-header-actions{align-items:center;gap:10px;display:flex}.flutter-menu{flex:1;justify-content:center}.flutter-menu a{color:#18221dc7;font-size:15px;font-weight:800}.flutter-primary-button,.flutter-outline-button,.flutter-roman-toggle{letter-spacing:0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:180px;padding:15px 28px;font-weight:900;display:inline-flex}.flutter-primary-button{background:var(--fh-deep);color:#fff;border-color:#c6a15b75;box-shadow:0 10px 18px #073f2b2b}.flutter-outline-button,.flutter-roman-toggle{color:var(--fh-deep);background:#ffffffb8;border-color:#0b5d3b47}.flutter-primary-button.compact,.flutter-outline-button.compact,.flutter-roman-toggle{min-width:unset;padding:10px 14px;font-size:14px}.flutter-home .language-switcher{background:#fff;border-color:#0b5d3b3d;border-radius:999px}.flutter-home .language-switcher a{min-height:38px;color:var(--fh-deep);padding:0 12px;font-size:13px;font-weight:900}.flutter-home .language-switcher a.active{background:var(--fh-deep);color:#fff}.flutter-roman-toggle.active{background:#c6a15b2e}.flutter-hero{background:var(--fh-parchment);padding:clamp(34px,7vw,76px) clamp(18px,5vw,64px) clamp(38px,7vw,82px);position:relative;overflow:hidden}.flutter-pattern,.flutter-dark-pattern{pointer-events:none;opacity:1;position:absolute;inset:0}.flutter-pattern{background-image:radial-gradient(circle,#0b5d3b1c 0 1px,#0000 1.5px),linear-gradient(45deg,#0000 45%,#c6a15b1f 46% 54%,#0000 55%);background-size:92px 92px,92px 92px}.flutter-dark-pattern{background-image:linear-gradient(45deg,#0000 40%,#ffffff12 41% 43%,#0000 44%),radial-gradient(circle,#0000 0 36px,#ffffff14 37px 38px,#0000 39px);background-size:120px 90px}.flutter-watermark{z-index:0;color:#0b5d3b17;font-size:104px;font-weight:700;position:absolute}.flutter-watermark.one{bottom:18%;left:16%}.flutter-watermark.two{top:16%;right:18%}.flutter-watermark.three{bottom:12%;right:28%}.flutter-hero-inner,.flutter-section>*,.flutter-footer-inner{z-index:1;position:relative}.flutter-hero-inner{text-align:center;max-width:1180px;margin:0 auto}.flutter-hero-inner>.flutter-brand{justify-content:center}.flutter-badge{color:var(--fh-deep);background:#c6a15b24;border:1px solid #c6a15b7a;border-radius:999px;margin-top:clamp(20px,4vw,38px);padding:9px 16px;font-weight:900;display:inline-flex}.flutter-hero h1,.flutter-section h2{max-width:920px;color:var(--fh-navy);letter-spacing:0;margin:18px auto 0;font-size:64px;font-weight:900;line-height:1.08}[data-theme=dark] .flutter-hero h1,[data-theme=dark] .flutter-section h2{color:var(--color-text)}.flutter-home[dir=rtl] .flutter-hero h1,.flutter-home[dir=rtl] .flutter-section h2{font-size:76px;line-height:1.28}.flutter-hero p,.flutter-section>p,.flutter-section-heading p{color:#18221dc7;max-width:720px;margin:18px auto 0;font-size:21px;font-weight:500;line-height:1.42}[data-theme=dark] .flutter-hero p,[data-theme=dark] .flutter-section>p,[data-theme=dark] .flutter-section-heading p{color:var(--color-muted)}.flutter-home[dir=rtl] .flutter-hero p,.flutter-home[dir=rtl] .flutter-section>p,.flutter-home[dir=rtl] .flutter-section-heading p{font-size:29px;font-weight:700;line-height:1.75}.flutter-roman-box{color:#18221dc7;text-align:left;background:#fffcf6b8;border:1px solid #c6a15b6b;border-radius:8px;max-width:720px;margin:14px auto 0;padding:12px 14px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5}.flutter-hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}.flutter-section{text-align:center;padding:clamp(54px,8vw,82px) clamp(18px,5vw,64px);position:relative;overflow:hidden}.flutter-section.offwhite{background:var(--fh-offwhite)}.flutter-section.parchment{background:var(--fh-parchment)}.flutter-section.dark{background:var(--fh-navy);color:#fff}.flutter-section-heading{max-width:900px;margin:0 auto}.flutter-section-heading>span{color:var(--fh-gold);letter-spacing:1.2px;font-size:13px;font-weight:900}.flutter-home[dir=rtl] .flutter-section-heading>span{letter-spacing:0;font-size:23px}.flutter-section-heading.dark h2,.flutter-section-heading.dark p{color:#fff}.flutter-section-heading.dark p{color:#fffc}.flutter-journey-line{background:#c6a15b61;max-width:900px;height:2px;margin:52px auto -76px}.flutter-journey-grid,.flutter-reason-grid,.flutter-badge-grid,.flutter-footer-columns{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.flutter-journey-grid{margin-top:52px}.flutter-journey-card{border:1px solid var(--fh-gold);background:var(--fh-deep);color:#fff;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;width:158px;min-height:172px;padding:16px;display:flex;box-shadow:0 10px 18px #0715261a}.flutter-journey-card div{text-align:left;color:#ffffffb8;width:100%;font-size:13px;font-weight:900}.flutter-journey-card strong{color:#fff;font-size:30px;line-height:1.1}.flutter-journey-card p{color:#ffffffe0;margin:0;font-size:15px;font-weight:800}.flutter-journey-card:after{content:"";background:var(--fh-gold);border-radius:999px;width:44px;height:3px}.flutter-reason-grid{margin-top:44px}.flutter-reason-card{background:var(--fh-offwhite);text-align:start;border:1px solid #c6a15b5c;border-radius:8px;flex-direction:column;justify-content:space-between;width:218px;min-height:144px;padding:18px;display:flex}.flutter-reason-card span{width:40px;height:40px;color:var(--fh-emerald);background:#0b5d3b14;border-radius:8px;place-items:center;font-weight:900;display:grid}.flutter-reason-card strong{color:var(--fh-ink);font-size:18px;font-weight:900;line-height:1.22}[data-theme=dark] .flutter-reason-card strong,[data-theme=dark] .flutter-reason-card{color:var(--color-text)}.flutter-home[dir=rtl] .flutter-reason-card strong{font-size:26px;line-height:1.55}.flutter-badge-grid{direction:rtl;margin-top:42px}.flutter-badge-grid span,.flutter-featured{color:#fff;background:#ffffff0f;border:1px solid #c6a15b94;border-radius:8px;align-items:center;padding:14px 18px;font-weight:900;display:inline-flex}.flutter-badge-grid .text-urdu{font-size:28px;line-height:1.25}.flutter-featured{color:var(--fh-deep);background:#c6a15b24;margin:18px auto 28px}[data-theme=dark] .flutter-featured{color:var(--color-gold)}.flutter-footer{background:var(--fh-deep);color:#fff;position:relative;overflow:hidden}.flutter-footer-inner{max-width:1180px;margin:0 auto;padding:clamp(42px,7vw,62px) clamp(22px,6vw,72px) clamp(32px,5vw,44px)}.flutter-footer-columns{flex-wrap:wrap;justify-content:flex-start;gap:58px;margin:42px 0;display:flex}.flutter-footer-columns div{gap:11px;width:160px;display:grid}.flutter-footer-columns strong{color:var(--fh-gold)}.flutter-footer-columns a,.flutter-footer p{color:#ffffffc2}.flutter-support-button{min-width:140px;color:var(--fh-gold);font:inherit;cursor:pointer;background:#c6a15b29;border:1px solid #c6a15b85;border-radius:999px;justify-content:center;align-items:center;margin:0 0 22px;padding:12px 18px;font-weight:900;display:inline-flex}@media (max-width:980px){.flutter-home-header{flex-wrap:wrap}.flutter-menu{order:3;justify-content:flex-start;width:100%;padding-bottom:3px;overflow-x:auto}.flutter-header-actions{margin-inline-start:auto}.flutter-primary-button.compact,.flutter-journey-line{display:none}.flutter-watermark{font-size:84px}.flutter-hero h1,.flutter-section h2{font-size:48px}.flutter-home[dir=rtl] .flutter-hero h1,.flutter-home[dir=rtl] .flutter-section h2{font-size:60px}.flutter-hero p,.flutter-section>p,.flutter-section-heading p{font-size:19px}.flutter-home[dir=rtl] .flutter-hero p,.flutter-home[dir=rtl] .flutter-section>p,.flutter-home[dir=rtl] .flutter-section-heading p{font-size:25px}}@media (max-width:640px){.flutter-home-header{padding:12px 16px}.flutter-brand strong{font-size:18px}.flutter-header-actions{justify-content:flex-start;width:100%;overflow-x:auto}.flutter-watermark{display:none}.flutter-hero h1,.flutter-section h2{font-size:36px}.flutter-home[dir=rtl] .flutter-hero h1,.flutter-home[dir=rtl] .flutter-section h2{font-size:45px}.flutter-hero p,.flutter-section>p,.flutter-section-heading p{font-size:17px}.flutter-home[dir=rtl] .flutter-hero p,.flutter-home[dir=rtl] .flutter-section>p,.flutter-home[dir=rtl] .flutter-section-heading p{font-size:23px}.flutter-primary-button,.flutter-outline-button{width:100%}.flutter-journey-card,.flutter-reason-card{width:min(100%,280px)}}.locale-ur{font-family:var(--font-urdu);text-align:right;direction:rtl}:where([lang=ur],.locale-ur) :where(h1,h2,h3,h4,h5,h6,p,a,button,label,input,textarea,li,dt,dd,small,strong,span):not(.text-arabic):not(.text-english):not(.text-roman-urdu):not([lang=ar]):not([lang=en]){font-family:var(--font-urdu)}:where([lang=ar],.text-arabic,.arabic-text,.exercise-arabic,.arabic-title){font-family:var(--font-arabic)}.text-english{font-family:var(--font-english);direction:ltr}.text-urdu{font-family:var(--font-urdu);direction:rtl;line-height:1.9}.text-arabic{font-family:var(--font-arabic);direction:rtl;line-height:1.9}.text-roman-urdu{font-family:var(--font-english);direction:ltr}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfaf7eb;border-bottom:1px solid #d9e0dccc;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:16px clamp(20px,5vw,72px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:max-content;display:inline-flex}.brand-mark{background:var(--brand);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:12px}.main-nav,.header-actions{align-items:center;gap:14px;display:flex}.main-nav{color:var(--muted);justify-content:center;font-size:15px}.main-nav a:hover,.site-footer a:hover,.text-link:hover{color:var(--brand)}.header-actions{justify-content:flex-end}.language-switcher{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;display:inline-flex;overflow:hidden}.language-switcher a{min-height:38px;color:var(--muted);align-items:center;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.language-switcher a.active{background:var(--brand);color:#fff}.solid-button,.ghost-button,.light-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:750;display:inline-flex}.solid-button{background:var(--brand);color:#fff;box-shadow:0 12px 28px #14746f3d}.solid-button:hover{background:var(--brand-dark)}.solid-button.small{min-height:40px;padding:0 14px}.solid-button.full{width:100%}.ghost-button{border-color:var(--line);color:var(--ink);background:#ffffffb3}.light-button{color:#fff;background:#ffffff2e;border-color:#ffffff6b}.hero{align-items:center;min-height:min(760px,100vh - 72px);padding:clamp(96px,13vw,150px) clamp(20px,5vw,72px);display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover}.hero-overlay{background:linear-gradient(90deg,#0e201de6 0%,#0e201db8 42%,#0e201d14 100%),linear-gradient(#0e201d2e,#0e201d2e);position:absolute;inset:0}.hero-content{z-index:1;color:#fff;max-width:720px;position:relative}.hero h1,.page-heading h1,.detail-main h1,.auth-card h1{margin:0;line-height:1.02}.hero h1{max-width:680px;font-size:clamp(46px,7vw,86px)}.hero p{color:#ffffffd6;max-width:630px;margin:24px 0 0;font-size:clamp(18px,2vw,22px);line-height:1.6}.hero-actions,.detail-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.eyebrow{color:var(--brand);letter-spacing:0;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:850;display:inline-flex}.eyebrow.light{color:#f2d18d}.section,.page-section{padding:clamp(64px,9vw,108px) clamp(20px,5vw,72px)}.page-hero{background:linear-gradient(135deg, #14746f29, #c08b352e), var(--paper);border-bottom:1px solid var(--line);padding:clamp(82px,11vw,132px) clamp(20px,5vw,72px)}.page-hero>div{max-width:900px}.page-hero h1{margin:0;font-size:clamp(42px,7vw,78px);line-height:1.06}.page-hero p{max-width:760px;color:var(--muted);font-size:20px;line-height:1.75}.muted-section{background:var(--soft)}.section-heading,.page-heading{max-width:760px;margin-bottom:34px}.section-heading h2,.page-heading h1,.detail-main h1{margin:0;font-size:clamp(34px,5vw,58px);line-height:1.08}.section-heading p,.page-heading p,.lead{color:var(--muted);font-size:18px;line-height:1.7}.arabic-title{color:var(--brand);font-family:var(--font-arabic);text-align:start;margin:8px 0 0;font-size:clamp(28px,4vw,44px);line-height:1.35}.subject-grid,.card-grid,.pricing-grid,.dashboard-grid,.check-grid{gap:18px;display:grid}.subject-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.subject-pill{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;min-height:74px;padding:18px;font-weight:800;display:flex}.card-grid,.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.course-card,.pricing-card,.detail-panel,.auth-card,.panel-form,.dashboard-card,.lesson-card,.faq-item{border:1px solid var(--line);background:var(--surface);border-radius:8px;box-shadow:0 14px 40px #17211e0f}.course-card{overflow:hidden}.course-accent{height:8px}.course-card-body,.pricing-card,.detail-panel,.auth-card,.panel-form,.dashboard-card{padding:24px}.course-card h2,.pricing-card h2,.detail-panel h2,.content-block h2{margin:0 0 12px;font-size:24px;line-height:1.2}.course-card p,.pricing-card li,.detail-panel,.auth-card p,.site-footer p{color:var(--muted);line-height:1.6}.course-meta{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.course-meta dt,.detail-panel dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.course-meta dd,.detail-panel dd{margin:4px 0 0;font-weight:800}.text-link{color:var(--brand);font-weight:850}.split-section,.detail-layout,.form-layout{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:start;gap:clamp(28px,6vw,72px);display:grid}.admission-page{padding-block:clamp(22px,4vw,46px)}.admission-shell{color:#171717;width:min(100%,1480px);margin:0 auto}.admission-banner{color:#fff;background:linear-gradient(90deg,#02070de0,#02070d75,#02070de0),radial-gradient(circle at 28% 40%,#d4af3738,#0000 28%),linear-gradient(135deg,#071526,#173529 50%,#02070d);border:1px solid #07152629;border-radius:8px 8px 0 0;align-items:center;min-height:270px;padding:26px clamp(22px,4vw,44px);display:grid;position:relative;overflow:hidden;box-shadow:0 16px 42px #07152624}.admission-banner:before{content:"";opacity:.18;background-image:linear-gradient(30deg,#f8f6f247 12%,#0000 12.5% 87%,#f8f6f247 87.5%),linear-gradient(150deg,#f8f6f247 12%,#0000 12.5% 87%,#f8f6f247 87.5%);background-size:110px 190px;position:absolute;inset:0}.admission-banner>*{z-index:1;position:relative}.admission-banner div{top:24px;align-items:center;gap:12px;font-weight:900;display:flex;position:absolute;inset-inline-start:clamp(22px,4vw,44px)}.admission-logo-mark{color:#071526;background:linear-gradient(135deg,#f3d27b,#d4af37);border:1px solid #d4af37bf;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.admission-banner h2{color:#fff;text-align:center;text-shadow:0 22px 54px #0000006b;margin:24px 0 0;font-family:Brush Script MT,Segoe Script,Georgia,serif;font-size:clamp(3.4rem,9vw,8.5rem);font-weight:500;line-height:.95}.admission-banner a{color:#071526;background:#fff;border-radius:999px;padding:10px 16px;font-weight:850;text-decoration:none;position:absolute;bottom:18px;right:clamp(18px,3vw,32px)}[dir=rtl] .admission-banner a{left:clamp(18px,3vw,32px);right:auto}.admission-tabs{z-index:2;justify-content:center;gap:0;margin-top:-36px;display:flex;position:relative}.admission-tabs button{color:#171717;min-height:46px;font:inherit;cursor:pointer;background:#e8e8e8;border:1px solid #c7c7c7;padding:0 20px;transition:background-color .16s,color .16s,border-color .16s}.admission-tabs button:hover:not(.active){background:#f2f2f2}.admission-tabs button:focus-visible{outline-offset:2px;outline:3px solid #0f6b4b47}.admission-tabs button:first-child{border-radius:8px 0 0}.admission-tabs button:last-child{border-radius:0 8px 0 0}.admission-tabs .active{color:#071526;background:#fff;border-bottom-color:#fff;font-weight:850}.admission-form{background:#fff;border:1px solid #0715261f;border-radius:0 0 8px 8px;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px 12px;padding:clamp(22px,3vw,34px);display:grid;box-shadow:0 16px 44px #07152614}.admission-panel{color:#171717;background:#fff;border:1px solid #0715261f;border-radius:0 0 8px 8px;padding:clamp(24px,4vw,48px);box-shadow:0 16px 44px #07152614}.admission-panel-heading{text-align:center;justify-items:center;gap:8px;width:min(100%,720px);display:grid}.admission-panel-heading>span,.admission-result-panel>span{color:#0f6b4b;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:900}.admission-panel-heading h3,.admission-result-panel h3{color:#071526;margin:0;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.15}.admission-panel-heading p,.admission-result-panel p{color:#52605c;margin:0;line-height:1.65}.admission-id-panel{justify-items:center;gap:24px;display:grid}.admission-id-selector{color:#071526;gap:8px;width:min(100%,760px);font-weight:800;display:grid}.admission-id-selector select{color:#171717;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #ccd3cf;border-radius:8px;padding:0 12px}.admission-id-card-frame{background:#071526;border-radius:20px;width:min(100%,760px);overflow:hidden;box-shadow:0 22px 52px #0715263d}.admission-id-card{width:100%;height:auto;display:block}.admission-id-empty{text-align:center;background:#f6f8f7;border:1px solid #0f6b4b33;border-radius:12px;align-content:center;justify-items:center;gap:14px;width:min(100%,620px);min-height:220px;padding:28px;display:grid}.admission-id-empty strong{color:#071526;font-size:1.15rem}.admission-id-empty p{color:#52605c;margin:0}.admission-id-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.admission-id-actions .admission-submit{justify-self:auto}.admission-secondary-button{color:#0f6b4b;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #0f6b4b;border-radius:8px;justify-content:center;align-items:center;padding:0 20px;font-weight:850;text-decoration:none;display:inline-flex}.admission-secondary-button:hover{color:#0a4d37;background:#edf7f2}.admission-result-panel{text-align:center;align-content:center;justify-items:center;gap:14px;min-height:320px;display:grid}.admission-field{color:#171717;grid-column:span 3;gap:8px;font-size:.95rem;display:grid}.admission-field.wide{grid-column:1/-1}.admission-field span b,.admission-upload>span b{color:#e11d48;margin-inline-end:4px}.admission-field input,.admission-field select,.admission-trial-select select{color:#171717;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d3d3d3;border-radius:7px;padding:0 12px}.admission-field input::placeholder{color:#a9a9a9}.admission-field input:-webkit-autofill{-webkit-text-fill-color:#171717;caret-color:#171717;box-shadow:inset 0 0 0 1000px #fff}.admission-field input:-webkit-autofill:hover{-webkit-text-fill-color:#171717;caret-color:#171717;box-shadow:inset 0 0 0 1000px #fff}.admission-field input:-webkit-autofill:focus{-webkit-text-fill-color:#171717;caret-color:#171717;box-shadow:inset 0 0 0 1000px #fff}.admission-confirmation{color:#0f2f2b;background:#edf7f2;border:1px solid #14746f47;border-radius:10px;grid-column:1/-1;gap:8px;padding:14px 16px;display:grid}.admission-confirmation p{color:#37524d;margin:0;line-height:1.55}.admission-confirmation .solid-button{justify-self:start}[dir=rtl] .admission-confirmation .solid-button{justify-self:end}.admission-phone-row{grid-template-columns:minmax(112px,.42fr) minmax(0,1fr);gap:8px;display:grid}.admission-code-select{padding-inline:8px}.admission-upload{grid-column:span 4;align-content:start;gap:10px;display:grid}.admission-upload label{color:#171717;cursor:pointer;background:#fbfbfb;border:1px dashed #cfcfcf;border-radius:8px;place-items:center;width:108px;height:108px;display:grid}.admission-upload input{display:none}.admission-upload p{color:#171717;max-width:520px;margin:0;font-size:.92rem;line-height:1.55}.admission-declaration{grid-column:span 8;align-content:start;gap:12px;display:grid}.admission-declaration p{color:#171717;margin:0;line-height:1.65}.admission-trial-select{gap:8px;max-width:340px;display:grid}.admission-plan-summary{color:#08111c;background:#f6f8f7;border:1px solid #d5d8d6;border-radius:8px;align-items:center;min-height:42px;padding:10px 12px;font-weight:800;line-height:1.25;display:inline-flex}.admission-submit{color:#fff;background:var(--brand);min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-self:end;padding:0 20px;font-weight:850;box-shadow:0 12px 28px #14746f3d}.admission-submit:hover:not(:disabled){background:var(--brand-dark)}[dir=rtl] .admission-submit{justify-self:start}.admission-submit:disabled{cursor:not-allowed;opacity:.7}[data-theme=dark] .admission-shell,[data-theme=dark] .admission-field,[data-theme=dark] .admission-id-selector,[data-theme=dark] .admission-upload>span,[data-theme=dark] .admission-declaration{color:var(--color-text)}[data-theme=dark] .admission-panel{color:var(--color-text);background:var(--color-card);border-color:var(--color-line)}[data-theme=dark] .admission-panel-heading h3,[data-theme=dark] .admission-result-panel h3,[data-theme=dark] .admission-id-empty strong,[data-theme=dark] .admission-plan-summary{color:var(--color-text)}[data-theme=dark] .admission-panel-heading p,[data-theme=dark] .admission-result-panel p,[data-theme=dark] .admission-id-empty p,[data-theme=dark] .admission-upload p,[data-theme=dark] .admission-declaration p{color:var(--color-muted)}[data-theme=dark] .admission-id-empty,[data-theme=dark] .admission-plan-summary{background:var(--color-soft);border-color:var(--color-line)}[data-theme=dark] .admission-tabs button{color:var(--color-muted);background:var(--color-soft);border-color:var(--color-line)}[data-theme=dark] .admission-tabs .active{color:var(--color-text);background:var(--color-card);border-bottom-color:var(--color-card)}[data-theme=dark] .enrollment-step-heading h2,[data-theme=dark] .enrollment-steps li.active strong,[data-theme=dark] .enrollment-steps li.complete strong,[data-theme=dark] .enrollment-review-grid strong{color:var(--color-text)}[data-theme=dark] .enrollment-step-heading p,[data-theme=dark] .enrollment-declaration-text,[data-theme=dark] .enrollment-review-grid span{color:var(--color-muted)}@media (max-width:1180px){.admission-field{grid-column:span 4}}@media (max-width:820px){.admission-banner{min-height:220px}.admission-banner h2{font-size:clamp(3rem,16vw,5.4rem)}.admission-form{grid-template-columns:1fr}.admission-panel{padding:22px 14px}.admission-id-card-frame{border-radius:12px}.admission-id-actions{width:100%;display:grid}.admission-id-actions>*{width:100%}.admission-field,.admission-upload,.admission-declaration{grid-column:1/-1}.admission-tabs{justify-content:flex-start;overflow-x:auto}}.split-section h2{margin:0;font-size:clamp(32px,4vw,52px);line-height:1.1}.split-section p{color:var(--muted);font-size:18px;line-height:1.7}.feature-list,.step-list,.lesson-list,.faq-stack{gap:12px;display:grid}.curriculum-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;font-size:14px;font-weight:800;display:flex}.curriculum-breadcrumb a{color:var(--brand-dark);text-decoration:none}.curriculum-breadcrumb a:hover{text-decoration:underline}.curriculum-breadcrumb a:after{content:"›";color:var(--gold);margin-inline-start:8px}.curriculum-breadcrumb span{color:var(--ink)}.module-stack{gap:22px;margin-top:24px;display:grid}.module-heading-row{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.module-heading-row h2{margin:4px 0 8px}.module-heading-row p{color:var(--muted);margin:0}.feature-list div,.step-list div,.check-grid div,.module-list li{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:16px;font-weight:750}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-card span{color:var(--muted);font-size:13px;font-weight:800}.dashboard-card strong{margin-top:8px;font-size:22px;line-height:1.3;display:block}.dashboard-card p{color:var(--muted);line-height:1.6}.progress-shell{background:var(--line);border-radius:999px;height:14px;overflow:hidden}.progress-shell div{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--gold));height:100%}.lesson-card{justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.lesson-card h3{margin:0}.lesson-card p{color:var(--muted);margin:6px 0 0}.disabled-link{pointer-events:none;opacity:.64}.faq-item{padding:18px}.faq-item summary{cursor:pointer;font-weight:850}.faq-item summary span{color:var(--brand);text-transform:uppercase;margin-bottom:6px;font-size:12px;display:block}.faq-item p,.content-block p{color:var(--muted);font-size:17px;line-height:1.8}.cta-band{color:#fff;background:#17211e;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;margin:clamp(48px,7vw,84px) clamp(20px,5vw,72px);padding:clamp(28px,5vw,48px);display:flex}.cta-band h2{margin:0;font-size:clamp(30px,5vw,52px)}.cta-band p{color:#ffffffb8;line-height:1.7}.detail-main{max-width:820px}.detail-panel{position:sticky;top:96px}.detail-panel dl{gap:16px;margin:0;display:grid}.content-block{margin-top:48px}.founder-page{max-width:1080px}.founder-hero{max-width:900px}.founder-hero h1{max-width:820px}.founder-layout{max-width:920px}.founder-intro{background:linear-gradient(135deg, #064e3b14, #d4af3714), var(--surface);border-color:#d4af3759}.founder-intro p:first-child{color:var(--ink);font-size:19px}.founder-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px 14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.founder-list li{border:1px solid var(--line);color:var(--ink);background:#ffffff9e;border-radius:8px;padding:12px 14px;font-weight:750;line-height:1.45}.founder-list li:before{content:"";background:var(--gold);vertical-align:middle;border-radius:999px;width:7px;height:7px;margin-inline-end:9px;display:inline-block}.check-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.module-list{gap:10px;padding:0;list-style-position:inside;display:grid}.pricing-card .price{color:var(--ink);margin:0 0 20px;font-size:34px;font-weight:900}.pricing-card ul{gap:10px;min-height:122px;margin:0 0 24px;padding-left:20px;display:grid}.pricing-card .muted{color:var(--muted);font-weight:800}.trial-action{gap:10px;margin-top:auto;display:grid}.panel-form,.auth-card{gap:18px;display:grid}label{color:var(--ink);gap:8px;font-weight:800;display:grid}input,select,.text-area{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:8px;padding:0 14px}.text-area{resize:vertical;min-height:160px;padding:14px}input:focus,select:focus,.text-area:focus{border-color:var(--brand);outline:3px solid #14746f2e}.auth-card input,.auth-card select,.auth-card textarea,.auth-card .text-area,.panel-form input,.panel-form select,.panel-form textarea,.panel-form .text-area{color:#08111c;caret-color:#08111c;background:#fff;border-color:#08111c2e}.auth-card input::placeholder,.panel-form input::placeholder{color:#667085;opacity:1}.auth-card input:-webkit-autofill{-webkit-text-fill-color:#08111c;caret-color:#08111c;box-shadow:inset 0 0 0 1000px #fff}.auth-card input:-webkit-autofill:hover{-webkit-text-fill-color:#08111c;caret-color:#08111c;box-shadow:inset 0 0 0 1000px #fff}.auth-card input:-webkit-autofill:focus{-webkit-text-fill-color:#08111c;caret-color:#08111c;box-shadow:inset 0 0 0 1000px #fff}.panel-form input:-webkit-autofill{-webkit-text-fill-color:#08111c;caret-color:#08111c;box-shadow:inset 0 0 0 1000px #fff}.panel-form input:-webkit-autofill:hover{-webkit-text-fill-color:#08111c;caret-color:#08111c;box-shadow:inset 0 0 0 1000px #fff}.panel-form input:-webkit-autofill:focus{-webkit-text-fill-color:#08111c;caret-color:#08111c;box-shadow:inset 0 0 0 1000px #fff}.check-label{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:flex}.check-label input{width:auto;min-height:auto}.auth-section{background:linear-gradient(135deg, #14746f1f, #c08b351f), var(--paper);place-items:center;min-height:680px;padding:clamp(44px,8vw,96px) 20px;display:grid}.auth-card{width:min(100%,460px)}.auth-card h1{font-size:42px}.auth-card a{color:var(--brand);font-weight:800}.form-message{border-radius:8px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.form-message.idle{background:var(--soft);color:var(--muted)}.form-message.success{color:#166534;background:#e9f6ef}.form-message.error{color:#9f1239;background:#fff0f0}.form-message.submitting{color:#7c4a03;background:#fff7e8}button:disabled{cursor:not-allowed;opacity:.68}.site-footer{color:#fff;background:#17211e;grid-template-columns:1.6fr repeat(3,1fr);gap:28px;padding:44px clamp(20px,5vw,72px);display:grid}.arabic-text,.exercise-arabic{border:1px solid var(--line);font-family:var(--font-arabic);text-align:center;background:#fffdf8;border-radius:8px;padding:clamp(22px,4vw,34px);font-size:clamp(34px,7vw,64px);line-height:1.8}.media-placeholder,.search-placeholder{border:1px dashed var(--line);color:var(--muted);background:#ffffff9e;border-radius:8px;margin-top:24px;padding:20px}.media-placeholder img{object-fit:contain;background:#fff;border-radius:8px;width:100%;max-height:360px;display:block}.alphabet-panel{box-sizing:border-box;background:radial-gradient(circle at 18% 0,#ffffffdb,#0000 32%),linear-gradient(135deg,#f7f0e3,#fffaf0);border:1px solid #c08b356b;border-radius:8px;gap:18px;width:100%;max-width:1180px;margin-top:28px;padding:clamp(14px,3vw,22px);display:grid}.alphabet-card{background:#fff;border:1px solid #0b5d3b3d;border-radius:8px;padding:clamp(18px,3vw,24px);overflow:hidden;box-shadow:0 18px 42px #0715261a}.alphabet-card-top,.alphabet-navigation{justify-content:space-between;align-items:center;gap:12px;display:flex}.alphabet-progress{color:var(--brand-dark);background:#fff8eb;border:1px solid #c08b3573;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:900}.alphabet-audio-button{background:var(--brand-dark);color:#fff;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:900;display:inline-flex;box-shadow:0 10px 20px #0d4d492e}.alphabet-card-body{grid-template-columns:minmax(240px,.82fr) minmax(320px,1.18fr);align-items:center;gap:clamp(18px,4vw,30px);margin-top:16px;animation:.28s ease-out alphabetFadeSlide;display:grid}.alphabet-letter-panel{background:linear-gradient(#f7f0e394,#fffaf0db);border-radius:8px;justify-items:center;gap:16px;min-width:0;padding:clamp(14px,3vw,20px);display:grid}.alphabet-letter{width:100%;min-height:clamp(170px,22vw,260px);color:var(--brand-dark);font-family:var(--font-arabic);place-items:center;font-size:clamp(108px,16vw,196px);font-weight:900;line-height:.92;display:grid;transform:translateY(-.03em)}.alphabet-example{width:100%;color:var(--gold);font-family:var(--font-arabic);text-align:center;font-size:clamp(34px,6vw,46px);font-weight:900;line-height:1.2}.alphabet-detail-panel{gap:16px;min-width:0;display:grid}.alphabet-media-preview{background:radial-gradient(circle at 50% 18%,#ffffffdb,#0000 42%),#f7f0e3;border:1px solid #c08b356b;border-radius:8px;justify-self:center;width:100%;max-width:460px;margin:0;overflow:hidden}.alphabet-media-art{place-items:center;height:clamp(170px,24vw,260px);padding:18px;display:grid}.alphabet-media-art img{object-fit:contain;filter:drop-shadow(0 14px 18px #0715261f);background:0 0;width:auto;max-width:min(330px,86%);max-height:230px;animation:1.8s ease-in-out infinite alternate alphabetFloat}.alphabet-generated-art{aspect-ratio:1.45;width:min(260px,78%);color:var(--brand-dark);background:linear-gradient(135deg,#ffffffe0,#c6a15b2e),#fffaf0;border:1px solid #c08b3559;border-radius:8px;place-items:center;animation:1.8s ease-in-out infinite alternate alphabetFloat;display:grid}.alphabet-generated-art span{font-family:var(--font-arabic);font-size:clamp(42px,8vw,76px);font-weight:900}.alphabet-media-preview figcaption{color:var(--ink);justify-content:center;align-items:center;gap:14px;padding:0 16px 16px;font-weight:900;display:flex}.alphabet-media-preview figcaption span{color:var(--gold);font-family:var(--font-urdu);font-size:22px}.alphabet-media-preview small{color:var(--muted);text-align:center;padding:0 16px 16px;font-size:12px;display:block}.alphabet-focus-details{text-align:center;background:#fffdf8;border:1px solid #0b5d3b24;border-radius:8px;justify-self:center;gap:8px;width:min(100%,460px);padding:14px 16px;display:grid}.alphabet-focus-details strong{color:var(--brand-dark);font-size:20px;font-weight:900}.alphabet-focus-details span{color:var(--muted);font-weight:750;line-height:1.5;display:block}.alphabet-sound-line{color:var(--brand-dark)!important}.alphabet-detail-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.alphabet-detail-pill{background:#fffdf8;border:1px solid #0b5d3b24;border-radius:8px;min-width:128px;padding:10px 12px}.alphabet-detail-pill span,.alphabet-detail-pill strong{display:block}.alphabet-detail-pill span{color:var(--muted);font-size:12px;font-weight:900}.alphabet-detail-pill strong{color:var(--ink);margin-top:4px;font-size:15px;line-height:1.35}.letter-selector{flex-wrap:wrap;justify-content:center;gap:10px;max-width:720px;margin-inline:auto;display:flex}.letter-selector-button{width:72px;height:76px;color:var(--brand-dark);font-family:var(--font-arabic);background:#fff;border:1px solid #0b5d3b3d;border-radius:8px;place-items:center;font-size:36px;font-weight:900;line-height:1;transition:transform .18s,background .18s,color .18s,box-shadow .18s;display:grid;box-shadow:0 8px 18px #07152612}.letter-selector-button:hover{transform:translateY(-2px)}.letter-selector-button.active{border-color:var(--brand-dark);background:var(--brand-dark);color:#fff;box-shadow:0 12px 22px #0d4d492e}.alphabet-navigation .ghost-button,.alphabet-navigation .solid-button{min-width:150px}.alphabet-practice-card{background:#ffffffd1;border:1px solid #0b5d3b29;border-radius:8px;gap:18px;padding:clamp(16px,3vw,22px);display:grid;box-shadow:0 14px 34px #07152614}.alphabet-practice-card h2{color:var(--ink);margin:4px 0 0}.alphabet-practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mini-practice{background:#fffaf0;border:1px solid #c08b3557;border-radius:8px;align-content:start;gap:12px;min-height:190px;padding:14px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}.mini-practice:hover{transform:translateY(-2px);box-shadow:0 12px 24px #07152614}.mini-practice.correct{border-color:#0b5d3b8c}.mini-practice.incorrect{border-color:#9c3a267a}.mini-practice h3{color:var(--brand-dark);margin:0;font-size:16px}.mini-practice-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mini-practice-options button{min-height:50px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #0b5d3b29;border-radius:8px;font-family:inherit;font-size:18px;font-weight:900;transition:background .16s,color .16s,transform .16s}.mini-practice-options button:hover{background:#f7f0e3;transform:translateY(-1px)}.mini-practice-options button.selected{background:var(--brand-dark);color:#fff}.mini-practice p{color:var(--brand-dark);margin:0;font-size:22px;font-weight:900}.lesson-bottom-nav{border-top:1px solid #0b5d3b1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:18px;display:flex}.lesson-bottom-nav>span{min-width:150px}html :is([lang=ar],[lang=ar] :where(*),[data-language=ar],[data-language=ar] :where(*)){font-family:var(--font-arabic-ui);letter-spacing:normal;font-style:normal}html :is([lang=ur],[lang=ur] :where(*)):not([lang=ar]):not([lang=ar] :where(*)){font-family:var(--font-urdu)}html :is([lang=en],[lang=en] :where(*),[lang=ur-Latn],[lang=ur-Latn] :where(*)){font-family:var(--font-english)}
.tajweed-three-screen{--tajweed-emerald:#082c25;--tajweed-deep:#031615;--tajweed-glass:#041816b8;--tajweed-gold:#d4af37;--tajweed-gold-soft:#f3d27b;--tajweed-green:#82c67a;--tajweed-cream:#fff2dc;background:radial-gradient(circle at 7% 52%,#d4af371f,#0000 23%),radial-gradient(circle at 87% 14%,#82c67a21,#0000 28%),radial-gradient(circle at 45% -12%,#f3d27b1f,#0000 28%),linear-gradient(145deg,#061c1a 0%,#061514 42%,#092c25 100%);padding:clamp(20px,3vw,38px)}.tajweed-three-screen:before{content:"";pointer-events:none;opacity:.16;border:2px solid #d4af3761;border-radius:48% 48% 0 0;width:48vw;height:62vw;max-height:760px;position:absolute;top:9vh;left:-14vw;box-shadow:inset 0 0 80px #00000073}.tajweed-pattern{opacity:.075;background-image:linear-gradient(30deg,#f3d27b61 12%,#0000 12.5% 87%,#f3d27b61 87.5%),linear-gradient(150deg,#f3d27b61 12%,#0000 12.5% 87%,#f3d27b61 87.5%),radial-gradient(circle,#f3d27b3d 1px,#0000 1px);background-size:96px 166px,96px 166px,26px 26px}.tajweed-shell{width:min(100%,1460px)}.tajweed-topbar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);padding:0 0 22px}.tajweed-brand-lockup{align-items:center;gap:16px;display:flex}.tajweed-brand-lockup strong{color:#fff8e8;letter-spacing:.03em;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2.1vw,34px);display:block}.tajweed-brand-lockup small{color:var(--tajweed-gold-soft);letter-spacing:.28em;align-items:center;gap:12px;margin-top:4px;font-weight:900;display:flex}.tajweed-brand-lockup small:before,.tajweed-brand-lockup small:after{content:"";background:linear-gradient(90deg, transparent, var(--tajweed-gold));width:34px;height:1px}.tajweed-brand-lockup small:after{background:linear-gradient(90deg, var(--tajweed-gold), transparent)}.tajweed-brand-mark{background:radial-gradient(circle at 50% 30%,#f3d27bb8,#0000 13px),linear-gradient(135deg,#0f5a42,#06221f);border-bottom:8px solid #d4af37d1;border-radius:0 0 12px 12px;flex:none;width:78px;height:70px;position:relative;box-shadow:0 16px 34px #00000059}.tajweed-brand-mark:before{content:"";border:2px solid #d4af37bf;border-bottom:0;border-radius:50% 50% 0 0;width:50px;height:48px;position:absolute;top:-8px;left:14px}.tajweed-brand-mark:after{content:"";background:var(--tajweed-gold-soft);border-radius:999px;width:6px;height:18px;position:absolute;top:-18px;left:36px}.tajweed-lesson-pill,.tajweed-status-chip,.tajweed-profile-dot,.tajweed-back,.tajweed-progress-chip{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#092320eb,#020e0fb8);border:1px solid #d4af3757;border-radius:999px;box-shadow:0 16px 42px #00000047,inset 0 1px #ffffff0d}.tajweed-lesson-pill{grid-template-columns:auto auto;gap:14px;min-width:360px;padding:16px 28px}.tajweed-lesson-pill span{color:var(--tajweed-gold-soft);font-weight:900}.tajweed-lesson-pill span:after{content:"◆";color:#d4af37b3;margin-inline-start:12px;font-size:10px}.tajweed-lesson-pill strong{color:var(--tajweed-green)}.tajweed-status-row{justify-content:flex-end;align-items:center;gap:12px;display:flex}.tajweed-status-chip{text-align:center;place-items:center;min-width:120px;min-height:76px;padding:12px 18px;display:grid}.tajweed-status-chip strong{color:#fff8e8;font-size:25px;line-height:1;position:relative}.tajweed-status-chip:first-child strong:before{content:"★";color:var(--tajweed-gold-soft);filter:drop-shadow(0 0 9px #f3d27b61);margin-inline-end:8px}.tajweed-status-chip:nth-child(2) strong:before{content:"●";color:#ff8a2a;filter:drop-shadow(0 0 9px #ff8a2a57);margin-inline-end:8px}.tajweed-status-chip span{color:#fff8e8c7;font-size:13px}.tajweed-profile-dot{width:62px;height:62px;color:var(--tajweed-gold-soft);place-items:center;font-size:18px;display:grid}.tajweed-title-row{grid-template-columns:190px minmax(0,1fr) 190px;align-items:center;gap:28px;margin:6px 0 28px;display:grid}.tajweed-back{color:#fff8e8;width:170px;min-height:76px;font-size:22px}.tajweed-back span{color:var(--tajweed-gold-soft);font-size:34px}.tajweed-screen-heading{text-align:center}.tajweed-step-label{color:var(--tajweed-gold-soft);align-items:center;gap:14px;font-size:clamp(18px,2vw,28px);display:inline-flex;position:relative}.tajweed-step-label:before,.tajweed-step-label:after{content:"";background:linear-gradient(90deg,#0000,#d4af37b8);width:80px;height:1px}.tajweed-step-label:after{background:linear-gradient(90deg,#d4af37b8,#0000)}.tajweed-screen-heading h1{color:#fff8e8;text-shadow:0 10px 34px #00000075;margin:12px 0 4px;font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,5.2vw,72px);font-weight:800;line-height:1.04}.tajweed-screen-heading p{color:var(--tajweed-gold-soft);margin:0;font-size:clamp(18px,2vw,28px);line-height:1.35}.tajweed-progress-chip{border-radius:28px;justify-self:end;place-items:center;gap:0;width:168px;height:122px;padding:18px 20px;display:grid;position:relative;overflow:hidden}.tajweed-progress-chip:after{content:"";background:radial-gradient(circle, #041816f5 56%, transparent 57%), conic-gradient(var(--tajweed-gold-soft) var(--tajweed-progress), #82c67a73 0);border-radius:999px;width:58px;height:58px;position:absolute;top:18px;right:18px;transform:rotate(-30deg)}[dir=rtl] .tajweed-progress-chip:after{left:18px;right:auto}.tajweed-progress-chip strong,.tajweed-progress-chip span{z-index:1;justify-self:start;position:relative}[dir=rtl] .tajweed-progress-chip strong,[dir=rtl] .tajweed-progress-chip span{justify-self:end}.tajweed-progress-chip strong{font-size:42px}.tajweed-progress-chip span{color:#fff8e8;font-size:17px}.tajweed-grid{grid-template-columns:240px minmax(0,1fr) 220px;align-items:center;gap:34px}.tajweed-guide-card,.tajweed-example-card{background:linear-gradient(160deg, #ffffff0e, transparent 48%), var(--tajweed-glass);border-color:#d4af3742;border-radius:30px;min-height:430px}.tajweed-guide-card{align-content:end;padding:24px}.tajweed-guide-card h2{color:var(--tajweed-gold-soft);font-size:20px}.tajweed-guide-card p{color:#fff8e8;font-size:17px}.tajweed-noor-guide{opacity:.82;filter:drop-shadow(0 0 22px #d4af3738);width:118px;height:160px;margin:0 auto 12px}.guide-cap{background:linear-gradient(135deg,#0b5040,#06221f);width:62px;height:20px;left:28px}.guide-lantern{background:radial-gradient(circle at 50% 58%,#f5dda0d1,#d4af372e 35%,#021412c2 67%),#082c25;border-radius:28px 28px 16px 16px;width:66px;height:94px;top:27px;left:27px}.guide-book{width:42px;height:25px;bottom:11px;right:5px}.tajweed-main-card{min-height:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.tajweed-listen-screen,.tajweed-practice-screen,.tajweed-trace-screen{gap:24px}.tajweed-arabic-display,.tajweed-trace-board{background:radial-gradient(circle at 22% 10%, #ffffffad, transparent 28%), radial-gradient(circle at 50% 42%, #ffffff75, transparent 34%), linear-gradient(135deg, #fffaf0, var(--tajweed-cream));border:2px solid #d4af37b8;border-radius:48px;width:min(100%,680px);min-height:540px;box-shadow:0 34px 80px #0000006b,inset 0 0 0 8px #ffffff47,inset 0 0 70px #d4af3724}.tajweed-arabic-display:before,.tajweed-trace-board:before{content:"";opacity:.16;pointer-events:none;background-image:linear-gradient(30deg,#d4af3747 12%,#0000 12.5% 87%,#d4af3747 87.5%),linear-gradient(150deg,#d4af3747 12%,#0000 12.5% 87%,#d4af3747 87.5%);background-size:56px 98px;border-radius:38px;position:absolute;inset:14px}.tajweed-arabic-display>span,.tajweed-trace-board>span{z-index:1;color:#041a18;filter:drop-shadow(0 16px 12px #0000002e);font-size:clamp(145px,16vw,240px);position:relative}.tajweed-arabic-display b{z-index:2;color:#e11125;filter:drop-shadow(0 8px 8px #e1112524);top:64px}.tajweed-arabic-display button{z-index:2;background:radial-gradient(circle at 50% 30%,#1a684c,#082c25);border:1px solid #d4af376b;width:86px;height:86px;bottom:54px;box-shadow:0 18px 34px #00000057,0 0 24px #d4af3742}.tajweed-listen-screen p,.tajweed-listen-screen small{color:#fff8e8d1;max-width:680px;margin:0}.tajweed-example-card{text-align:center;justify-items:center}.tajweed-example-card span{color:var(--tajweed-gold-soft);font-size:22px}.tajweed-example-card strong{color:#fff8e8;filter:drop-shadow(0 14px 20px #00000057);font-size:104px}.tajweed-practice-grid{grid-template-columns:repeat(4,minmax(136px,1fr));gap:28px;width:min(100%,940px)}.tajweed-practice-grid button{background:linear-gradient(160deg,#ffffff0e,#0000 45%),#071c1cd1;border-color:#d4af373d;border-radius:30px;min-height:230px;box-shadow:0 22px 48px #00000047,inset 0 1px #ffffff0a}.tajweed-practice-grid button:hover,.tajweed-practice-grid button.selected{background:radial-gradient(circle at 50% 20%,#82c67a38,#0000 48%),#10412fd1;border-color:#9ee493eb;box-shadow:0 28px 60px #00000057,0 0 26px #82c67a29}.tajweed-practice-grid button span{color:#fff8e8;filter:drop-shadow(0 16px 20px #00000057);font-size:clamp(72px,8vw,116px)}.tajweed-practice-grid button b,.tajweed-practice-grid button i{color:#fff8e8;background:radial-gradient(circle at 50% 30%,#6cc36f,#135c43);border-color:#d4af378a;width:52px;height:52px;bottom:-22px;box-shadow:0 14px 26px #00000052}.tajweed-practice-grid button i{background:#051615c2}.tajweed-reward-card{background:radial-gradient(circle at 82% 50%, #d4af371f, transparent 20%), var(--tajweed-glass);border-color:#d4af3752;border-radius:28px;width:min(100%,980px);min-height:118px;padding:26px 34px}.tajweed-reward-card strong{color:var(--tajweed-green);font-size:28px}.tajweed-reward-card span{min-width:112px;min-height:92px;color:var(--tajweed-gold-soft);border:1px solid #d4af378c;border-radius:50%;place-items:center;display:grid}.tajweed-trace-board{overflow:hidden}.tajweed-dotted-path{z-index:2;border-bottom-color:#08372bb8;width:62%;bottom:35%}.tajweed-trace-board b{z-index:2;color:#0f5a42}.tajweed-trace-steps{grid-template-columns:repeat(3,1fr);width:min(100%,760px)}.tajweed-trace-steps li{color:#fff8e8;background:#041816b8;border-color:#d4af3747;border-radius:999px}.tajweed-stars{color:var(--tajweed-gold-soft);text-shadow:0 0 18px #d4af3747}.tajweed-stage-tabs{background:#041816c7;border-radius:32px;justify-content:space-around;gap:18px;width:min(100%,980px);margin:32px auto 18px;padding:14px 22px}.tajweed-stage-tabs button{color:#fff8e8c2;border:1px solid #0000;border-radius:24px;place-items:center;gap:7px;min-width:160px;min-height:92px;display:grid}.tajweed-stage-tabs button>span{width:54px;height:54px;color:var(--tajweed-gold-soft);background:#0000002e;border:1px solid #d4af3740;border-radius:999px;place-items:center;display:grid}.tajweed-stage-tabs button.active{color:#fff8e8;background:radial-gradient(circle at 50% 12%,#f3d27b33,#0000 44%),#041816e0;border-color:#d4af37b3}.tajweed-actions{width:min(100%,980px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-columns:1fr minmax(260px,460px) 1fr;margin:24px auto 0;padding:0}.tajweed-primary-action,.tajweed-secondary-action{border-radius:999px;min-height:66px;font-size:20px}.tajweed-actions .tajweed-primary-action,.tajweed-complete-action{justify-self:center;width:min(100%,430px)}.tajweed-actions .tajweed-secondary-action:first-child{justify-self:start}.tajweed-actions .tajweed-secondary-action.next{justify-self:end}.tajweed-complete-action{display:grid}.tajweed-complete-action:empty:before{content:"Lesson complete";color:#f3d27b;background:#041816b8;border:1px solid #d4af3757;border-radius:999px;justify-content:center;align-items:center;min-height:66px;font-size:20px;font-weight:900;display:inline-flex}.tajweed-primary-action{color:#fff8e8;background:linear-gradient(135deg,#1c6f46,#426f38);border-color:#d4af3761;box-shadow:0 16px 36px #0000004d,inset 0 1px #ffffff24}.tajweed-secondary-action{background:#041816b8}@media (max-width:1080px){.tajweed-topbar,.tajweed-title-row,.tajweed-grid,.tajweed-actions{grid-template-columns:1fr}.tajweed-brand-lockup,.tajweed-status-row{justify-content:center}.tajweed-lesson-pill,.tajweed-back,.tajweed-progress-chip{justify-self:center}.tajweed-guide-card,.tajweed-example-card{min-height:auto}.tajweed-guide-card{align-content:center}.tajweed-stage-tabs{flex-wrap:wrap}}@media (max-width:680px){.tajweed-three-screen{padding:14px}.tajweed-brand-lockup{align-items:center}.tajweed-brand-mark{width:58px;height:54px}.tajweed-brand-lockup strong{font-size:21px}.tajweed-brand-lockup small{letter-spacing:.18em}.tajweed-lesson-pill{grid-template-columns:1fr;width:100%;min-width:0}.tajweed-status-row{flex-wrap:wrap}.tajweed-status-chip{min-width:106px}.tajweed-title-row{gap:16px}.tajweed-back,.tajweed-progress-chip{width:100%}.tajweed-screen-heading h1{font-size:clamp(34px,11vw,48px)}.tajweed-step-label:before,.tajweed-step-label:after{width:34px}.tajweed-arabic-display,.tajweed-trace-board{border-radius:34px;min-height:370px}.tajweed-arabic-display>span,.tajweed-trace-board>span{font-size:clamp(108px,34vw,170px)}.tajweed-arabic-display button{width:72px;height:72px;bottom:32px}.tajweed-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.tajweed-practice-grid button{border-radius:22px;min-height:170px}.tajweed-reward-card{text-align:center;justify-items:center;display:grid}.tajweed-trace-steps{grid-template-columns:1fr}.tajweed-stage-tabs{grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;display:grid}.tajweed-stage-tabs button{border-radius:18px;min-width:0;min-height:76px;padding:8px}.tajweed-stage-tabs button>span{width:42px;height:42px}}.tajweed-listen-screen-v2{--backgroundDeep:#071526;--backgroundEmerald:#0b2f2a;--cardDark:#08181cc7;--cardCream:#f7efe1;--gold:#d4af37;--softGold:#e8c878;--emerald:#0f6b4b;--greenAccent:#78a66a;--textLight:#f8f3e8;--textMuted:#c9bfae;--dangerRed:#e53935;--tajweed-letter-font:"Geeza Pro", "Noto Naskh Arabic", Arial, sans-serif;min-height:auto;color:var(--textLight);background:radial-gradient(circle at 12% 72%, #d4af3724, transparent 23%), radial-gradient(circle at 76% 2%, #78a66a21, transparent 30%), radial-gradient(circle at 48% -10%, #e8c8781a, transparent 24%), linear-gradient(145deg, #08131d 0%, var(--backgroundDeep) 34%, var(--backgroundEmerald) 100%);isolation:isolate;padding:clamp(8px,1.2vw,16px) clamp(16px,2vw,24px) 10px;position:relative;overflow:hidden}.tajweed-listen-bg-pattern{z-index:-2;opacity:.072;pointer-events:none;background-image:linear-gradient(30deg,#e8c8786b 12%,#0000 12.5% 87%,#e8c8786b 87.5%),linear-gradient(150deg,#e8c8786b 12%,#0000 12.5% 87%,#e8c8786b 87.5%),radial-gradient(circle,#e8c87838 1px,#0000 1px);background-size:104px 180px,104px 180px,24px 24px;position:absolute;inset:0}.tajweed-listen-arch{z-index:-1;opacity:.17;pointer-events:none;border:2px solid #d4af3761;border-bottom:0;border-radius:999px 999px 0 0;width:min(48vw,620px);height:min(72vw,860px);position:absolute;top:84px;left:clamp(-190px,-12vw,-80px);box-shadow:inset 0 0 80px #0000008c,0 0 46px #d4af3714}[dir=rtl] .tajweed-listen-arch{left:auto;right:clamp(-190px,-12vw,-80px)}.tajweed-listen-shell{z-index:1;width:min(100%,1440px);margin:0 auto;position:relative}.tajweed-listen-header{inset-inline:0;z-index:3;pointer-events:none;grid-template-columns:minmax(260px,1fr) auto;align-items:start;gap:24px;margin-bottom:0;display:grid;position:absolute;top:0}.tajweed-listen-header :where(a,button,input,select,textarea,.tajweed-listen-pill){pointer-events:auto}.tajweed-listen-brand,.tajweed-listen-userbar,.tajweed-listen-pill,.tajweed-listen-greeting{align-items:center;display:flex}.tajweed-listen-brand{gap:18px}.tajweed-listen-logo{background:radial-gradient(circle at 50% 34%,#e8c878bd,#0000 14px),linear-gradient(135deg,#105d45,#071526);border-bottom:8px solid #d4af37d6;border-radius:0 0 13px 13px;flex:none;width:80px;height:70px;position:relative;box-shadow:0 16px 34px #00000057}.tajweed-listen-logo:before{content:"";border:2px solid #e8c878bd;border-bottom:0;border-radius:50% 50% 0 0;width:52px;height:48px;position:absolute;top:-8px;left:14px}.tajweed-listen-logo:after{content:"";background:var(--softGold);border-radius:999px;width:7px;height:20px;position:absolute;top:-20px;left:37px}.tajweed-listen-brand strong{color:var(--textLight);letter-spacing:.04em;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2.3vw,34px);line-height:1;display:block}.tajweed-listen-brand small{color:var(--softGold);letter-spacing:.32em;align-items:center;gap:12px;margin-top:0;font-size:18px;font-weight:900;display:flex}.tajweed-listen-brand small:before,.tajweed-listen-brand small:after{content:"";background:linear-gradient(90deg, transparent, var(--gold));width:36px;height:1px}.tajweed-listen-brand small:after{background:linear-gradient(90deg, var(--gold), transparent)}.tajweed-listen-userbar{justify-content:flex-end;gap:12px}.tajweed-listen-pill,.tajweed-listen-greeting,.tajweed-listen-back,.tajweed-listen-helper-card,.tajweed-listen-progress,.tajweed-listen-info-card,.tajweed-listen-example-card,.tajweed-listen-meaning-card,.tajweed-listen-stepnav,.tajweed-listen-practice-preview{background:linear-gradient(145deg, #ffffff09, transparent 48%), var(--cardDark);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #d4af3752;box-shadow:0 22px 58px #00000057,inset 0 1px #ffffff0d}.tajweed-listen-pill{border-radius:22px;gap:8px;min-height:65px;padding:9px 16px}.tajweed-listen-pill>span{filter:drop-shadow(0 0 9px #e8c87859);font-size:25px}.tajweed-listen-pill strong{color:var(--softGold);font-size:21px}.tajweed-listen-pill small{color:var(--textLight);font-size:14px;line-height:1.1}.tajweed-listen-greeting{border-radius:999px;gap:12px;min-height:72px;padding:11px 20px}.tajweed-listen-greeting>span{width:38px;height:38px;color:var(--softGold);border:1px solid #d4af3757;border-radius:999px;place-items:center;display:grid}.tajweed-listen-greeting strong{max-width:114px;color:var(--textLight);font-size:16px;line-height:1.25}.tajweed-listen-greeting small{color:var(--softGold)}.tajweed-listen-layout{grid-template-columns:minmax(248px,292px) minmax(500px,680px) minmax(248px,292px);align-items:start;gap:24px;max-width:1440px;margin:0 auto;padding-top:0;display:grid}.tajweed-listen-left,.tajweed-listen-right{align-content:start;gap:12px;display:grid}.tajweed-listen-left{justify-items:start;margin-top:0}.tajweed-listen-right{justify-items:stretch;margin-top:0}.tajweed-listen-back{min-width:148px;min-height:52px;color:var(--textLight);border-radius:999px;justify-content:center;align-items:center;gap:12px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.tajweed-listen-back span{color:var(--softGold);font-size:34px}.tajweed-listen-helper-card{padding:18px;border-radius:30px;align-content:center;gap:7px;width:min(100%,300px);min-height:0;padding-inline-end:82px;display:grid;position:relative}.tajweed-listen-helper-card:after{content:"";background:#08181cc7;border-bottom:1px solid #d4af3752;border-right:1px solid #d4af3752;width:30px;height:30px;position:absolute;bottom:-22px;right:28px;transform:rotate(45deg)}[dir=rtl] .tajweed-listen-helper-card:after{left:28px;right:auto}.tajweed-listen-helper-card h2,.tajweed-listen-info-card h2,.tajweed-listen-example-card h2,.tajweed-listen-meaning-card h2,.tajweed-listen-practice-title h2{color:var(--textLight);margin:0;font-size:19px;line-height:1.25}.tajweed-listen-helper-card strong,.tajweed-listen-info-card h2,.tajweed-listen-practice-title h2{color:var(--greenAccent)}.tajweed-listen-helper-card strong{font-size:22px}.tajweed-listen-helper-card p,.tajweed-listen-info-card p,.tajweed-listen-meaning-card p,.tajweed-listen-practice-title p{color:var(--textLight);white-space:pre-line;margin:0;font-size:14px;line-height:1.42}.tajweed-listen-helper-audio,.tajweed-listen-example-card button{width:50px;height:50px;color:var(--softGold);cursor:pointer;background:radial-gradient(circle at 50% 26%,#0f6b4bb8,#071526e0);border:1px solid #d4af376b;border-radius:999px;place-items:center;display:grid;box-shadow:0 12px 28px #00000052,0 0 20px #d4af3724}.tajweed-listen-helper-audio{margin-inline-start:112px}.tajweed-listen-lantern{opacity:.72;filter:drop-shadow(0 0 22px #d4af373d);width:92px;height:128px;margin-top:-8px;animation:4.4s ease-in-out infinite tajweedLanternGlow;position:relative}.tajweed-listen-lantern img{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block}.tajweed-listen-helper-card .tajweed-listen-lantern{opacity:.62;filter:drop-shadow(0 0 14px #d4af3733);pointer-events:none;width:56px;height:76px;margin:0;position:absolute;inset-block-end:10px;inset-inline-end:12px}.tajweed-listen-center{text-align:center;isolation:isolate;justify-items:center;display:grid;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important}.tajweed-listen-lesson-badge{min-height:40px;color:var(--greenAccent);background:#0f6b4b38;border:1px solid #78a66a73;border-radius:999px;justify-content:center;align-items:center;margin-bottom:10px;padding:0 24px;font-size:20px;font-weight:800;display:inline-flex}.tajweed-listen-center h1{color:var(--textLight);text-shadow:0 12px 34px #00000075;margin:0 0 4px;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,4.4vw,60px);line-height:1.04}.tajweed-listen-center h1:first-letter{color:var(--textLight)}.tajweed-listen-subtitle{color:var(--softGold);margin:0 0 8px;font-size:clamp(19px,1.8vw,25px);font-weight:700}.tajweed-listen-arabic-card{z-index:1;width:min(100%,538px);height:clamp(350px,43vh,388px);min-height:0;color:var(--textLight);background:radial-gradient(circle at 50% 24%,#0f6b4b5c,#0000 34%),radial-gradient(circle at 18% 12%,#d4af371f,#0000 32%),radial-gradient(circle at 82% 88%,#d4af3714,#0000 30%),linear-gradient(145deg,#ffffff0e,#0000 34%,#00000047),linear-gradient(135deg,#02070d,#071526 48%,#041713);border:2px solid #d4af37b8;border-radius:48px;align-content:start;place-items:center;gap:14px;padding-block:32px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 36px 86px #00000094,0 0 34px #d4af3738,0 0 64px #0f6b4b29,inset 0 0 0 8px #ffffff0b,inset 0 18px 58px #ffffff0b,inset 0 -42px 78px #00000075}.tajweed-listen-arabic-card:before{content:"";z-index:0;opacity:.16;background-image:linear-gradient(30deg,#d4af372e 12%,#0000 12.5% 87%,#d4af372e 87.5%),linear-gradient(150deg,#d4af372e 12%,#0000 12.5% 87%,#d4af372e 87.5%);background-size:58px 100px;border-radius:42px;position:absolute;inset:16px}.tajweed-listen-arabic-card:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 35%,#d4af3714,#0000 34%),linear-gradient(#fff1,#0000 48%,#00000038);border-radius:40px;position:absolute;inset:14px;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 56px #d4af3714}.tajweed-listen-letter-wrap{place-items:center;width:292px;height:170px;margin-top:-8px;display:grid;position:relative}.tajweed-listen-letter{z-index:1;color:var(--dangerRed);font-family:var(--tajweed-letter-font);font-variant-ligatures:none;filter:none;text-shadow:none;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-size:clamp(132px,13vw,190px);font-weight:700;line-height:.88;animation:.78s both tajweedLetterIn;display:block;position:relative}.tajweed-listen-mark{z-index:2;color:var(--dangerRed);font-family:var(--tajweed-letter-font);font-variant-ligatures:none;filter:none;text-shadow:none;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-size:88px;font-weight:700;animation:.9s .22s both tajweedMarkDrop;position:absolute;top:2px;left:50%;transform:translate(-50%)}.tajweed-listen-arabic-card p{z-index:1;color:#071526;margin:0;font-size:clamp(22px,2.1vw,32px);line-height:1.4;position:relative}.tajweed-listen-arabic-card p span{color:var(--dangerRed);font-family:var(--tajweed-letter-font)}.tajweed-listen-sound{z-index:1;width:68px;height:68px;color:var(--softGold);cursor:pointer;background:radial-gradient(circle at 50% 28%,#1c6d51,#071526);border:1px solid #d4af377a;border-radius:999px;place-items:center;margin-top:18px;font-size:34px;animation:2.7s ease-in-out infinite tajweedSoundPulse;display:grid;position:relative;box-shadow:0 18px 36px #00000052,0 0 24px #d4af3738}.tajweed-listen-arabic-card small{z-index:1;color:#071526c7;font-size:17px;position:relative}.tajweed-listen-right{justify-items:stretch}.tajweed-listen-progress{border-radius:24px;grid-template-columns:1fr 62px;align-items:center;gap:14px;min-height:118px;padding:18px 20px;display:grid}.tajweed-listen-progress strong{color:var(--textLight);font-size:36px;line-height:1;display:block}.tajweed-listen-progress span{color:var(--textLight);font-size:17px}.tajweed-listen-progress i{background:radial-gradient(circle, #08181cfa 58%, transparent 59%), conic-gradient(var(--softGold) var(--tajweed-listen-progress), var(--greenAccent) 0, #ffffff14 0);border-radius:999px;width:54px;height:54px;animation:1.3s both tajweedProgressFill;transform:rotate(-28deg)}.tajweed-listen-info-card,.tajweed-listen-example-card,.tajweed-listen-meaning-card{border-radius:22px;gap:8px;padding:16px;display:grid}.tajweed-listen-info-card h2{color:var(--greenAccent);align-items:center;gap:10px;font-size:19px;display:flex}.tajweed-listen-info-card p{font-size:17px}.tajweed-listen-example-card,.tajweed-listen-meaning-card{text-align:center;justify-items:center}.tajweed-listen-example-card h2,.tajweed-listen-meaning-card h2{width:100%;color:var(--greenAccent);border-bottom:1px solid #d4af3729;padding-bottom:8px}.tajweed-listen-example-card strong{color:var(--textLight);font-family:var(--font-arabic);filter:drop-shadow(0 16px 20px #00000057);font-size:58px;line-height:1}.tajweed-listen-example-card p{color:var(--textLight);margin:0;font-size:16px}.tajweed-listen-meaning-card p{color:var(--textLight);font-size:20px;font-weight:800}.tajweed-listen-stepnav{border-radius:26px;grid-template-columns:repeat(4,1fr);gap:14px;width:min(100%,1120px);min-height:112px;margin:10px auto;padding:10px 20px;display:grid}.tajweed-listen-stepnav button{min-height:88px;color:var(--textLight);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:24px;place-items:center;gap:4px;display:grid;position:relative}.tajweed-listen-stepnav button.active{background:radial-gradient(circle at 50% 4%,#0f6b4b6b,#0000 52%);border-color:#e8c878e0;box-shadow:0 0 30px #d4af371f,inset 0 0 24px #d4af370f}.tajweed-listen-step-icon{width:44px;height:44px;color:var(--softGold);background:#0000002e;border:1px solid #d4af374d;border-radius:999px;place-items:center;font-size:22px;display:grid}.tajweed-listen-stepnav strong{font-size:17px}.tajweed-listen-stepnav small{color:var(--textLight);opacity:.82;font-size:12px}.tajweed-listen-stepnav i{color:#d4af37bd;font-size:44px;font-style:normal;position:absolute;top:50%;right:-18px;transform:translateY(-50%)}[dir=rtl] .tajweed-listen-stepnav i{left:-18px;right:auto;transform:translateY(-50%)rotate(180deg)}.tajweed-listen-practice-preview{border-radius:27px;grid-template-columns:1fr auto;gap:18px;width:min(100%,1080px);margin:0 auto;padding:25px 32px 29px;display:grid;position:relative}.tajweed-listen-practice-title{align-items:flex-start;gap:16px;display:flex}.tajweed-listen-practice-title>span{width:42px;height:42px;color:var(--softGold);border:1px solid #d4af3747;border-radius:999px;place-items:center;display:grid}.tajweed-listen-hint{min-height:48px;color:var(--softGold);background:#00000029;border:1px solid #d4af3742;border-radius:999px;align-self:start;align-items:center;gap:10px;padding:0 22px;display:inline-flex}.tajweed-listen-practice-options{grid-column:1/-1;grid-template-columns:repeat(4,minmax(120px,1fr));gap:22px;display:grid}.tajweed-listen-practice-options button{min-height:119px;color:var(--textLight);cursor:pointer;background:#ffffff0b;border:1px solid #d4af372e;border-radius:22px;position:relative;box-shadow:inset 0 1px #ffffff0a}.tajweed-listen-practice-options button.correct{border-color:#78a66ae6;animation:2.8s ease-in-out infinite tajweedCorrectGlow;box-shadow:0 0 26px #78a66a2e,inset 0 0 30px #78a66a14}.tajweed-listen-practice-options span{font-family:var(--font-arabic);font-size:clamp(58px,7vw,88px);line-height:1}.tajweed-listen-practice-options i{width:50px;height:50px;color:var(--textLight);background:#071526d9;border:1px solid #d4af377a;border-radius:999px;place-items:center;font-style:normal;display:grid;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.tajweed-listen-practice-options button.correct i{background:radial-gradient(circle at 50% 28%,#78a66a,#0f6b4b)}.tajweed-practice-premium-card{background:radial-gradient(circle at 18% 12%,#78a66a29,#0000 32%),radial-gradient(circle at 82% 16%,#d4af371f,#0000 34%),linear-gradient(145deg,#041012eb,#08181cd6);border:1px solid #d4af3770;border-radius:34px;gap:22px;width:min(100%,720px);padding:clamp(22px,2.6vw,34px);display:grid;position:relative;overflow:hidden;box-shadow:0 26px 70px #00000061,inset 0 1px #ffffff0d}.tajweed-practice-premium-card:before{content:"";opacity:.08;pointer-events:none;background-image:linear-gradient(30deg,#d4af3733 12%,#0000 12.5% 87%,#d4af3733 87.5%,#d4af3733),linear-gradient(150deg,#d4af3729 12%,#0000 12.5% 87%,#d4af3729 87.5%,#d4af3729);background-size:58px 100px;position:absolute;inset:0}.tajweed-practice-prompt,.tajweed-practice-result,.tajweed-practice-premium-card .tajweed-listen-practice-options{z-index:1;position:relative}.tajweed-practice-prompt{color:var(--textLight);align-items:flex-start;gap:16px;display:flex}.tajweed-practice-prompt>span{width:48px;height:48px;color:var(--softGold);background:#041816a8;border:1px solid #d4af375c;border-radius:999px;flex:none;place-items:center;display:grid}.tajweed-practice-prompt h2{color:var(--greenAccent);margin:0 0 6px;font-size:clamp(22px,2vw,30px)}.tajweed-practice-prompt p{color:var(--textLight);margin:0;line-height:1.55}.tajweed-practice-options-evaluate{grid-template-columns:repeat(2,minmax(130px,1fr));gap:22px}.tajweed-practice-options-evaluate button{min-height:clamp(128px,15vh,176px)}.tajweed-practice-options-evaluate button.incorrect{border-color:#e53935c7;box-shadow:0 0 26px #e539352e,0 0 18px #d4af371f,inset 0 0 30px #e5393514}.tajweed-practice-options-evaluate button.incorrect i{color:#071526;background:radial-gradient(circle at 50% 28%,#e8c878,#e53935)}.tajweed-practice-result{background:#030f11ad;border:1px solid #d4af3752;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.tajweed-practice-result strong{margin-bottom:4px;font-size:clamp(22px,2.2vw,32px);display:block}.tajweed-practice-result p{color:var(--textMuted);margin:0;line-height:1.45}.tajweed-practice-result>span{min-width:116px;min-height:74px;color:var(--textLight);text-align:center;background:radial-gradient(circle at 50% 30%,#d4af374d,#0f6b4b61);border:1px solid #d4af379e;border-radius:28px;flex:none;place-items:center;font-weight:900;display:grid}.tajweed-practice-result.correct{border-color:#78a66ab8;box-shadow:0 0 28px #78a66a29}.tajweed-practice-result.correct strong{color:#9fe091}.tajweed-practice-result.incorrect{border-color:#e539358a;box-shadow:0 0 28px #e539351f}.tajweed-practice-result.incorrect strong{color:var(--softGold)}.tajweed-listen-next:disabled{opacity:.46;cursor:not-allowed;filter:saturate(.7);box-shadow:inset 0 1px #ffffff14}.tajweed-listen-next:disabled i{opacity:.45}.tajweed-listen-next-row{grid-template-columns:1fr minmax(160px,230px) 1fr;align-items:center;gap:12px;width:min(100%,900px);margin:10px auto 8px;display:grid}.tajweed-lesson-nav-action{min-height:48px;color:var(--softGold);background:#041816b8;border:1px solid #d4af3757;border-radius:999px;justify-content:center;justify-self:start;align-items:center;gap:10px;padding:0 18px;font-size:15px;font-weight:900;text-decoration:none;display:inline-flex}.tajweed-lesson-nav-action.next,[dir=rtl] .tajweed-lesson-nav-action{justify-self:end}[dir=rtl] .tajweed-lesson-nav-action.next{justify-self:start}.tajweed-listen-next{width:min(100%,230px);min-height:48px;color:var(--textLight);cursor:pointer;background:linear-gradient(135deg,#0f6b4bf2,#496d38eb);border:1px solid #d4af3761;border-radius:999px;justify-self:center;place-items:center;gap:3px;display:grid;position:relative;box-shadow:0 18px 38px #00000057,inset 0 1px #ffffff29}@media (max-width:720px){.tajweed-listen-next-row{grid-template-columns:1fr}.tajweed-lesson-nav-action,.tajweed-lesson-nav-action.next,[dir=rtl] .tajweed-lesson-nav-action,[dir=rtl] .tajweed-lesson-nav-action.next,.tajweed-listen-next{justify-self:stretch;width:100%}}.tajweed-listen-next strong{font-size:19px;line-height:1}.tajweed-listen-next span{opacity:.88;font-size:14px}.tajweed-listen-next i{font-size:24px;font-style:normal;position:absolute;top:50%;right:18px;transform:translateY(-50%)}[dir=rtl] .tajweed-listen-next i{left:24px;right:auto;transform:translateY(-50%)rotate(180deg)}.tajweed-grid-screen{padding-bottom:18px}.tajweed-grid-shell{gap:18px;display:grid}.tajweed-grid-topbar{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;display:grid}.tajweed-grid-topbar>div{text-align:center;justify-items:center;display:grid}.tajweed-grid-topbar h1{color:var(--textLight);text-shadow:0 14px 34px #0000006b;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4vw,58px);line-height:1.05}.tajweed-grid-topbar p{color:var(--softGold);margin:6px 0 0;font-size:clamp(17px,1.6vw,22px);font-weight:800}.tajweed-grid-stepnav{grid-template-columns:repeat(3,1fr);width:min(100%,880px);min-height:100px;margin:0 auto}.tajweed-grid-main,.tajweed-grid-read-main,.tajweed-grid-practice-main{gap:18px;width:min(100%,1180px);margin:0 auto;display:grid}.tajweed-grid-main{grid-template-columns:minmax(240px,.82fr) minmax(260px,.95fr);align-items:stretch}.tajweed-grid-rule-card,.tajweed-grid-selected-card,.tajweed-grid-alphabet-panel,.tajweed-grid-read-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 18% 14%,#78a66a24,#0000 32%),linear-gradient(145deg,#ffffff0a,#0000 42%),#08181cc7;border:1px solid #d4af375c;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff0d}.tajweed-grid-rule-card:before,.tajweed-grid-selected-card:before,.tajweed-grid-alphabet-panel:before,.tajweed-grid-read-card:before{content:"";opacity:.08;pointer-events:none;background-image:linear-gradient(30deg,#d4af3733 12%,#0000 12.5% 87%,#d4af3733 87.5%),linear-gradient(150deg,#d4af3729 12%,#0000 12.5% 87%,#d4af3729 87.5%);background-size:64px 112px;position:absolute;inset:0}.tajweed-grid-rule-card,.tajweed-grid-selected-card,.tajweed-grid-read-card{text-align:center;align-content:center;justify-items:center;gap:12px;min-height:290px;padding:clamp(22px,3vw,36px);display:grid}.tajweed-grid-rule-card{grid-row:span 2}.tajweed-grid-eyebrow{z-index:1;color:var(--softGold);text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:13px;font-weight:900;position:relative}.tajweed-grid-rule-card>strong,.tajweed-grid-selected-card>strong,.tajweed-grid-read-card>strong{z-index:1;color:var(--dangerRed);font-family:var(--tajweed-letter-font);text-shadow:0 18px 42px #0006;font-size:clamp(92px,11vw,160px);line-height:.9;position:relative}.tajweed-grid-rule-card h2,.tajweed-grid-selected-card h2,.tajweed-grid-read-card h2,.tajweed-grid-panel-heading h2{z-index:1;color:var(--greenAccent);margin:0;font-size:clamp(24px,2.2vw,34px);line-height:1.15;position:relative}.tajweed-grid-rule-card p:not(.tajweed-grid-eyebrow),.tajweed-grid-read-card p,.tajweed-grid-panel-heading p{z-index:1;color:var(--textLight);white-space:pre-line;margin:0;font-size:16px;line-height:1.65;position:relative}.tajweed-grid-rule-card button,.tajweed-grid-selected-card button,.tajweed-grid-read-actions button{z-index:1;min-height:46px;color:var(--softGold);cursor:pointer;background:#071526b8;border:1px solid #d4af376b;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:900;display:inline-flex;position:relative}.tajweed-grid-selected-card{min-height:260px}.tajweed-grid-selected-card>strong,.tajweed-grid-read-card>strong{font-size:clamp(110px,13vw,190px)}.tajweed-grid-alphabet-panel{grid-column:2;gap:18px;padding:clamp(18px,2.4vw,28px);display:grid}.tajweed-grid-panel-heading{z-index:1;border-bottom:1px solid #d4af372e;justify-content:space-between;align-items:end;gap:18px;padding-bottom:14px;display:flex;position:relative}.tajweed-grid-letters{z-index:1;grid-template-columns:repeat(7,minmax(68px,1fr));gap:12px;display:grid;position:relative}.tajweed-grid-letters.compact{grid-template-columns:repeat(7,minmax(72px,1fr))}.tajweed-grid-letters button{min-height:92px;color:var(--textLight);cursor:pointer;background:radial-gradient(circle at 50% 10%,#0f6b4b33,#0000 44%),#ffffff09;border:1px solid #d4af3738;border-radius:20px;place-items:center;gap:4px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.tajweed-grid-letters button:hover,.tajweed-grid-letters button.active{border-color:#e8c878d1;transform:translateY(-3px);box-shadow:0 14px 34px #00000047,0 0 28px #d4af371f}.tajweed-grid-letters span{color:var(--dangerRed);font-family:var(--tajweed-letter-font);font-size:clamp(34px,4.6vw,58px);line-height:1}.tajweed-grid-letters small{color:var(--textMuted);font-size:11px}.tajweed-grid-read-main,.tajweed-grid-practice-main{justify-items:center}.tajweed-grid-read-card{width:min(100%,760px);min-height:360px}.tajweed-grid-read-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.tajweed-grid-read-main .tajweed-grid-alphabet-panel{grid-column:auto;width:min(100%,1080px)}.tajweed-grid-practice-card{width:min(100%,760px)}@media (max-width:1020px){.tajweed-grid-topbar{grid-template-columns:1fr}.tajweed-grid-topbar .tajweed-listen-back{justify-self:start}.tajweed-grid-main{grid-template-columns:1fr}.tajweed-grid-rule-card{grid-row:auto}.tajweed-grid-alphabet-panel{grid-column:auto}.tajweed-grid-letters,.tajweed-grid-letters.compact{grid-template-columns:repeat(5,minmax(64px,1fr))}}@media (max-width:720px){.tajweed-grid-stepnav{grid-template-columns:1fr}.tajweed-grid-panel-heading{align-items:start;display:grid}.tajweed-grid-letters,.tajweed-grid-letters.compact{grid-template-columns:repeat(3,minmax(72px,1fr))}.tajweed-grid-rule-card,.tajweed-grid-selected-card,.tajweed-grid-read-card{min-height:auto}}.tajweed-write-layout .tajweed-listen-center{gap:10px}.tajweed-write-card{width:min(100%,620px);color:var(--textLight);gap:12px;display:grid;position:relative}.tajweed-write-board{background:radial-gradient(circle at 50% 25%,#d4af372e,#0000 34%),radial-gradient(circle at 18% 18%,#0f6b4b3d,#0000 30%),radial-gradient(circle at 86% 82%,#78a66a29,#0000 28%),linear-gradient(145deg,#ffffff0d,#0000 35%,#00000057),linear-gradient(135deg,#02070d,#071526 48%,#041713);border:2px solid #d4af37b8;border-radius:44px;position:relative;overflow:hidden;box-shadow:0 30px 74px #00000080,0 0 34px #d4af372e,inset 0 0 0 8px #ffffff0a,inset 0 24px 62px #ffffff0a,inset 0 -42px 86px #00000080}.tajweed-write-board:before{content:"";opacity:.13;pointer-events:none;background-image:linear-gradient(30deg,#d4af3738 12%,#0000 12.5% 87%,#d4af3738 87.5%),linear-gradient(150deg,#d4af3733 12%,#0000 12.5% 87%,#d4af3733 87.5%);background-size:58px 100px;border-radius:36px;position:absolute;inset:16px}.tajweed-write-svg{z-index:1;touch-action:none;cursor:crosshair;width:100%;min-height:354px;display:block;position:relative}.tajweed-write-outline-text{fill:#0000;stroke:#e8c878b8;stroke-width:2.4px;paint-order:stroke;font-family:var(--tajweed-letter-font);font-variant-ligatures:none;filter:none;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-size:250px;font-weight:700}.tajweed-write-outline-path{fill:#0000;stroke:#e8c878b8;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.tajweed-write-guide-path{fill:none;stroke:#78a66aeb;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px;filter:drop-shadow(0 0 14px #78a66a57);animation:4.4s ease-in-out infinite tajweedWriteGuidePaint}.tajweed-write-user-path{fill:none;stroke:var(--softGold);stroke-width:18px;stroke-linecap:round;stroke-linejoin:round}.tajweed-write-start-dot,.tajweed-write-end-dot{fill:var(--greenAccent);stroke:#f8f3e8cc;stroke-width:2px;filter:drop-shadow(0 0 12px #78a66a80)}.tajweed-write-end-dot{fill:var(--softGold)}.tajweed-write-hint{z-index:2;min-height:38px;color:var(--softGold);background:#02070dcc;border:1px solid #d4af3757;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0000004d}.tajweed-write-card.correct .tajweed-write-board{box-shadow:0 30px 74px #00000080,0 0 36px #78a66a4d,inset 0 0 0 8px #78a66a14}.tajweed-write-card.incorrect .tajweed-write-board{box-shadow:0 30px 74px #00000080,0 0 34px #e5393538,inset 0 0 0 8px #e539350f}.tajweed-write-feedback-row{grid-template-columns:1fr auto;align-items:stretch;gap:12px;display:grid}.tajweed-write-feedback{text-align:start;background:#08181cc7;border:1px solid #d4af3757;border-radius:22px;align-content:center;min-height:76px;padding:14px 18px;display:grid;box-shadow:inset 0 1px #ffffff0d}.tajweed-write-feedback strong{color:var(--softGold);font-size:18px;display:block}.tajweed-write-feedback p{color:var(--textMuted);margin:4px 0 0;font-size:14px;line-height:1.35}.tajweed-write-feedback.correct{border-color:#78a66abd}.tajweed-write-feedback.correct strong{color:#9fe091}.tajweed-write-feedback.incorrect{border-color:#e5393594}.tajweed-write-stars{min-width:132px;color:var(--softGold);background:#08181cb8;border:1px solid #d4af3757;border-radius:22px;justify-content:center;align-items:center;gap:8px;font-size:28px;display:flex}.tajweed-write-stars.filled span{color:var(--softGold);text-shadow:0 0 16px #d4af3761}.tajweed-write-stars.filled span:before{content:"★"}.tajweed-write-stars.filled span{font-size:0}.tajweed-write-stars.filled span:before{font-size:28px}.tajweed-write-toolbar{justify-content:center;gap:12px;display:flex}.tajweed-write-check,.tajweed-write-clear{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 22px;font-weight:900;display:inline-flex}.tajweed-write-check{color:var(--textLight);background:linear-gradient(135deg,#0f6b4bf0,#496d38e6);border:1px solid #d4af3770}.tajweed-write-check:disabled{opacity:.46;cursor:not-allowed}.tajweed-write-clear{color:var(--softGold);background:#041816b8;border:1px solid #d4af3747}.tajweed-complete-action{justify-self:center}.tajweed-complete-action:empty:before{content:"Complete";min-height:48px;color:var(--textLight);background:linear-gradient(135deg,#0f6b4bf2,#496d38eb);border:1px solid #d4af3761;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;display:inline-flex}.tajweed-complete-locked strong{font-size:15px}@keyframes tajweedWriteGuidePaint{0%,12%{stroke-dashoffset:100px}62%,to{stroke-dashoffset:0}}@media (max-width:1099px){.tajweed-write-card{width:min(100%,560px)}.tajweed-write-svg{min-height:324px}.tajweed-write-outline-text{font-size:230px}}@media (max-width:720px){.tajweed-write-feedback-row{grid-template-columns:1fr}.tajweed-write-stars{min-height:58px}.tajweed-write-svg{min-height:300px}.tajweed-write-toolbar{grid-template-columns:1fr 1fr;display:grid}}@media (prefers-reduced-motion:reduce){.tajweed-write-guide-path{stroke-dashoffset:0;animation:none}}@keyframes tajweedLetterIn{0%{opacity:0;transform:scale(.86)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes tajweedMarkDrop{0%{opacity:0;transform:translate(-50%,-28px)rotate(-8deg)}to{opacity:1;transform:translate(-50%)rotate(-8deg)}}@keyframes tajweedSoundPulse{0%,to{box-shadow:0 18px 36px #00000052,0 0 20px #d4af3733}50%{box-shadow:0 18px 36px #00000052,0 0 36px #d4af375c}}@keyframes tajweedProgressFill{0%{background:radial-gradient(circle, #08181cfa 58%, transparent 59%), conic-gradient(var(--softGold) 0%, #ffffff14 0)}}@keyframes tajweedCorrectGlow{0%,to{box-shadow:0 0 20px #78a66a24,inset 0 0 30px #78a66a14}50%{box-shadow:0 0 34px #78a66a47,inset 0 0 30px #78a66a1f}}@keyframes tajweedLanternGlow{0%,to{opacity:.66;transform:translateY(0)}50%{opacity:.82;transform:translateY(-4px)}}@media (max-width:767px){.tajweed-listen-layout{grid-template-columns:1fr}.tajweed-listen-header{margin-bottom:16px;position:static}.tajweed-listen-brand,.tajweed-listen-userbar,.tajweed-listen-left{justify-content:center;justify-items:center}.tajweed-listen-left{order:2;grid-template-columns:auto auto;align-items:center;margin-top:0}.tajweed-listen-center{order:1}.tajweed-listen-right{order:3;grid-template-columns:repeat(3,1fr);align-items:stretch;margin-top:0}.tajweed-listen-helper-audio{margin-inline-start:0}}@media (max-width:760px){.tajweed-listen-screen-v2{padding:14px 14px 118px}.tajweed-listen-userbar,.tajweed-listen-left,.tajweed-listen-right{grid-template-columns:1fr}.tajweed-listen-userbar{display:grid}.tajweed-listen-pill,.tajweed-listen-greeting{justify-content:center}.tajweed-listen-center h1{font-size:clamp(32px,10.2vw,46px)}.tajweed-listen-arabic-card{border-radius:38px;gap:18px;min-height:470px;padding-block:48px 32px}.tajweed-listen-letter-wrap{width:260px;height:190px;margin-top:-14px}.tajweed-listen-letter{font-size:clamp(126px,40vw,184px)}.tajweed-listen-mark{font-size:66px}.tajweed-listen-stepnav{scroll-snap-type:x mandatory;min-height:auto;padding:12px;display:flex;overflow-x:auto}.tajweed-listen-stepnav button{scroll-snap-align:center;min-width:150px;min-height:116px}.tajweed-listen-stepnav i{display:none}.tajweed-listen-practice-preview{grid-template-columns:1fr;padding:24px 18px 30px}.tajweed-listen-hint{justify-self:start}.tajweed-listen-practice-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px) and (max-width:1099px){.tajweed-three-screen{padding:16px}.tajweed-topbar{grid-template-columns:minmax(140px,.9fr) minmax(180px,1fr) minmax(140px,.9fr);gap:12px}.tajweed-title-row{grid-template-columns:minmax(110px,150px) minmax(0,1fr) minmax(110px,150px);gap:14px;margin:8px 0 18px}.tajweed-grid{grid-template-columns:minmax(140px,200px) minmax(340px,1fr) minmax(140px,200px);align-items:start;gap:16px}.tajweed-guide-card,.tajweed-example-card{border-radius:22px;min-height:auto;padding:16px}.tajweed-arabic-display,.tajweed-trace-board{border-radius:36px;width:min(100%,520px);min-height:clamp(390px,52vh,440px)}.tajweed-practice-grid{grid-template-columns:repeat(2,minmax(110px,1fr));gap:16px}.tajweed-practice-grid button{min-height:160px}.tajweed-stage-tabs{gap:10px;width:min(100%,900px);margin:22px auto 14px;padding:10px}.tajweed-stage-tabs button{min-width:0;min-height:76px;padding:8px}.tajweed-listen-screen-v2{padding:16px}.tajweed-listen-header{margin-bottom:0;position:absolute}.tajweed-listen-layout{grid-template-columns:minmax(150px,220px) minmax(360px,1fr) minmax(150px,220px);gap:16px;padding-top:4px}.tajweed-listen-left,.tajweed-listen-center,.tajweed-listen-right{order:0}.tajweed-listen-left,.tajweed-listen-right{grid-template-columns:1fr;gap:12px}.tajweed-listen-left{justify-items:stretch;margin-top:72px}.tajweed-listen-right{margin-top:128px}.tajweed-listen-back{min-width:0;min-height:52px;font-size:18px}.tajweed-listen-helper-card,.tajweed-listen-progress,.tajweed-listen-info-card,.tajweed-listen-example-card,.tajweed-listen-meaning-card{border-radius:20px;width:100%;padding:14px}.tajweed-listen-helper-card p,.tajweed-listen-info-card p,.tajweed-listen-meaning-card p{font-size:14px;line-height:1.46}.tajweed-listen-progress{grid-template-columns:1fr 48px;gap:10px;min-height:96px}.tajweed-listen-progress strong{font-size:30px}.tajweed-listen-progress i{width:46px;height:46px}.tajweed-listen-example-card strong{font-size:54px}.tajweed-listen-meaning-card p{font-size:20px}.tajweed-listen-lesson-badge{margin-bottom:8px}.tajweed-listen-center h1{font-size:clamp(29px,4.25vw,44px)}.tajweed-listen-subtitle{margin-bottom:14px;font-size:clamp(19px,2vw,25px)}.tajweed-listen-arabic-card{border-radius:36px;gap:16px;width:min(100%,470px);height:clamp(380px,54vh,430px);padding-block:40px 28px}.tajweed-listen-letter-wrap{width:240px;height:150px;margin-top:-10px}.tajweed-listen-letter{font-size:clamp(112px,16vw,160px)}.tajweed-listen-stepnav{gap:10px;width:min(100%,900px);min-height:136px;margin:16px auto;padding:12px 16px}.tajweed-listen-stepnav button{border-radius:20px;min-height:104px}.tajweed-listen-practice-preview{width:min(100%,900px);padding:18px 22px 24px}.tajweed-listen-practice-options{gap:14px}.tajweed-listen-practice-options button{min-height:96px}}@media (max-width:767px){.tajweed-grid{grid-template-columns:1fr;align-items:start}.tajweed-main-card{order:1}.tajweed-guide-card{order:2}.tajweed-example-card{order:3}.tajweed-listen-layout{grid-template-columns:1fr;gap:16px;padding-top:0}.tajweed-listen-header{margin-bottom:12px;position:static}.tajweed-listen-back{order:1}.tajweed-listen-center{order:2}.tajweed-listen-left,.tajweed-listen-right{margin-top:0;display:contents}.tajweed-listen-helper-card{order:3}.tajweed-listen-info-card{order:4}.tajweed-listen-example-card{order:5}.tajweed-listen-meaning-card{order:6}.tajweed-listen-progress{order:7}.tajweed-listen-helper-audio{order:8}.tajweed-listen-lantern{order:9}.tajweed-listen-helper-card,.tajweed-listen-progress,.tajweed-listen-info-card,.tajweed-listen-example-card,.tajweed-listen-meaning-card{width:100%}.tajweed-listen-arabic-card{height:clamp(360px,62vh,440px);min-height:0}}@media (prefers-reduced-motion:reduce){.tajweed-listen-letter,.tajweed-listen-mark,.tajweed-listen-sound,.tajweed-listen-practice-options button.correct,.tajweed-listen-lantern,.tajweed-listen-progress i{animation:none}}@keyframes alphabetFloat{0%{transform:translateY(-5px)scale(.985)}to{transform:translateY(7px)scale(1.035)}}@keyframes alphabetFadeSlide{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.premium-home{color:#10251f;background:#f8f3e8}.premium-brand,.premium-home-actions,.premium-hero-buttons,.premium-store-row{align-items:center;gap:14px;display:flex}.premium-brand-mark{color:#10251f;background:#d9a441;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.premium-solid,.premium-ghost{border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-weight:750;display:inline-flex}.premium-solid{color:#fff;background:#1d746a}.premium-solid.gold{color:#10251f;background:#d9a441}.premium-ghost{border:1px solid #fff8e847}.premium-ghost.light{color:#fff8e8}.premium-hero{color:#fff8e8;background:radial-gradient(circle at 85% 20%,#d9a44147,#0000 26%),linear-gradient(135deg,#0e2b24 0%,#153f35 55%,#071a18 100%);grid-template-columns:minmax(0,1.1fr) minmax(280px,.55fr);gap:clamp(24px,4vw,56px);min-height:680px;padding:clamp(72px,10vw,128px) clamp(20px,5vw,72px);display:grid;position:relative;overflow:hidden}.premium-pattern{opacity:.16;background-image:linear-gradient(30deg,#ffffff1f 12%,#0000 12.5% 87%,#ffffff1f 87.5%,#ffffff1f),linear-gradient(150deg,#ffffff1f 12%,#0000 12.5% 87%,#ffffff1f 87.5%,#ffffff1f);background-size:72px 124px;animation:18s linear infinite premiumPatternFloat;position:absolute;inset:0}@keyframes premiumPatternFloat{0%{transform:translateY(0)}to{transform:translateY(-40px)}}.premium-hero-copy,.premium-floating-card{z-index:1;position:relative}.premium-hero-copy{align-self:center;max-width:860px}.premium-hero-copy span,.premium-card span,.premium-section-heading p{color:#d9a441}.premium-hero h1{max-width:880px;margin:18px 0;font-size:clamp(42px,7vw,86px);line-height:1.03}.premium-hero p{color:#fff8e8d1;max-width:720px;font-size:clamp(18px,2vw,23px)}.premium-floating-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff8e81a;border:1px solid #fff8e82e;border-radius:28px;align-self:center;padding:28px;box-shadow:0 28px 90px #00000047}.premium-floating-card div{font-family:var(--font-arabic);direction:rtl;margin:28px 0 16px;font-size:clamp(46px,7vw,78px)}.premium-section{background:#fffaf0;padding:clamp(56px,8vw,104px) clamp(20px,5vw,72px)}.premium-section.cream{background:#f8f3e8}.premium-section.dark{color:#fff8e8;background:#10251f}.premium-section-heading{max-width:780px;margin-bottom:28px}.premium-section-heading h2,.premium-cta h2{margin:0 0 12px;font-size:clamp(30px,4vw,54px)}.premium-journey-grid,.premium-feature-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;display:grid}.premium-card{background:#ffffffc7;border:1px solid #10251f14;border-radius:22px;padding:22px;transition:transform .16s,box-shadow .16s;display:block;box-shadow:0 18px 54px #10251f1a}.premium-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px #10251f29}.premium-badges{flex-wrap:wrap;gap:16px;display:flex}.premium-badges span,.premium-store-row span{color:#d9a441;background:#d9a44129;border-radius:999px;padding:14px 20px}.premium-cta{color:#fff8e8;text-align:center;background:linear-gradient(135deg,#143e35,#0b211d);padding:clamp(56px,8vw,96px) clamp(20px,5vw,72px)}.premium-cta p{color:#fff8e8c7;max-width:640px;margin:0 auto 22px}.premium-faq-list{gap:12px;display:grid}.premium-footer{color:#fff8e8;background:#071a18;justify-content:space-between;gap:20px;padding:36px clamp(20px,5vw,72px);display:flex}@media (max-width:860px){.premium-hero{grid-template-columns:1fr}.premium-home-actions{flex-wrap:wrap;justify-content:flex-start}}.media-placeholder audio{width:100%;margin-top:12px}.media-video-frame{aspect-ratio:16/9;background:#071526;border:1px solid #c6a15b52;border-radius:8px;width:100%;margin-top:12px;overflow:hidden}.media-video-frame iframe,.media-video-player{border:0;width:100%;height:100%;display:block}.media-video-player{aspect-ratio:16/9;background:#071526;border-radius:8px;margin-top:12px}.media-placeholder figcaption,.media-placeholder strong{color:var(--ink);margin-bottom:10px;display:block}.media-stack{gap:14px;margin-top:18px;display:grid}.dynamic-hero{background:var(--soft)}.dynamic-section .content-block,.dynamic-cta .content-block{max-width:920px}.dynamic-image{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:100%;max-height:420px;display:block}.design-pattern-geometric,.design-pattern-arabesque,.design-pattern-mashrabiya,.design-pattern-mosqueSilhouette,.design-pattern-calligraphyDivider,.design-pattern-manuscriptOrnament,.design-pattern-arches,.design-pattern-dots,.design-pattern-grid{position:relative;overflow:hidden}.design-pattern-geometric:before,.design-pattern-arabesque:before,.design-pattern-mashrabiya:before,.design-pattern-mosqueSilhouette:before,.design-pattern-calligraphyDivider:before,.design-pattern-manuscriptOrnament:before,.design-pattern-arches:before,.design-pattern-dots:before,.design-pattern-grid:before{content:"";pointer-events:none;opacity:var(--pattern-opacity,.12);position:absolute;inset:0}.design-pattern-geometric:before,.design-pattern-arabesque:before{background-image:linear-gradient(30deg,#ffffff29 12%,#0000 12.5% 87%,#ffffff29 87.5%,#ffffff29),linear-gradient(150deg,#ffffff29 12%,#0000 12.5% 87%,#ffffff29 87.5%,#ffffff29);background-size:72px 124px}.design-pattern-mashrabiya:before{background-image:linear-gradient(45deg,#d4af372e 25%,#0000 25%),linear-gradient(-45deg,#d4af372e 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d4af372e 75%),linear-gradient(-45deg,#0000 75%,#d4af372e 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px}.design-pattern-mosqueSilhouette:before{background-image:radial-gradient(circle at 50% 85%,#d4af372e 0 18px,#0000 19px),linear-gradient(0deg,#0f513224 0 20px,#0000 21px);background-position:bottom;background-size:96px 58px}.design-pattern-calligraphyDivider:before{background-image:linear-gradient(90deg,#0000,#d4af3738,#0000),radial-gradient(circle,#d4af3738 2px,#0000 3px);background-position:50% 20%,50%;background-repeat:repeat-x,repeat;background-size:100% 2px,34px 34px}.design-pattern-manuscriptOrnament:before{background-image:radial-gradient(circle at 20% 20%,#d4af372e 0 2px,#0000 3px),radial-gradient(circle at 80% 80%,#0f513224 0 2px,#0000 3px);background-size:44px 44px}.design-pattern-arches:before{background-image:radial-gradient(at 50% 100%,#0000 0 28px,#d4af3729 29px 31px,#0000 32px);background-position:bottom;background-size:64px 44px}.design-pattern-dots:before{background-image:radial-gradient(#10251f2e 1px,#0000 1px);background-size:18px 18px}.design-pattern-grid:before{background-image:linear-gradient(#10251f1a 1px,#0000 1px),linear-gradient(90deg,#10251f1a 1px,#0000 1px);background-size:28px 28px}.design-anim-fade{animation-name:designFade;animation-fill-mode:both}.design-anim-slideUp{animation-name:designSlideUp;animation-fill-mode:both}.design-anim-slideLeft{animation-name:designSlideLeft;animation-fill-mode:both}.design-anim-scale{animation-name:designScale;animation-fill-mode:both}.design-anim-zoom{animation-name:designZoom;animation-fill-mode:both}.design-anim-reveal{animation-name:designReveal;animation-fill-mode:both}.design-anim-rotate{animation-name:designRotate;animation-fill-mode:both}.design-anim-stagger>*{animation:designSlideUp var(--stagger-duration,.65s) ease both}.design-anim-stagger>:nth-child(2){animation-delay:80ms}.design-anim-stagger>:nth-child(3){animation-delay:.16s}.design-anim-stagger>:nth-child(4){animation-delay:.24s}.design-anim-stagger>:nth-child(5){animation-delay:.32s}.design-anim-stagger>:nth-child(6){animation-delay:.4s}.design-anim-float{animation:3.6s ease-in-out infinite designFloat}.design-anim-pulse{animation:2.4s ease-in-out infinite designPulse}.design-hover-lift,.design-hover-tilt,.design-hover-glow,.design-hover-scale{transition:transform .18s,box-shadow .18s,filter .18s}.design-hover-lift:hover{transform:translateY(-6px);box-shadow:0 20px 46px #0f51322e}.design-hover-tilt:hover{transform:perspective(900px)rotateX(2deg)rotateY(-3deg)}.design-hover-glow:hover{filter:saturate(1.06);box-shadow:0 0 0 1px #d4af3747,0 18px 42px #d4af372e}.design-hover-scale:hover{transform:scale(1.025)}.design-islamic-floatingLanterns:after,.design-islamic-movingGeometry:after,.design-islamic-particleStars:after,.design-islamic-lightRays:after{content:"";pointer-events:none;opacity:.32;position:absolute;inset:0}.design-islamic-floatingLanterns,.design-islamic-movingGeometry,.design-islamic-particleStars,.design-islamic-lightRays{position:relative;overflow:hidden}.design-islamic-floatingLanterns:after{background-image:radial-gradient(at 20% 20%,#d4af3747 0 8px,#0000 9px);background-size:120px 120px;animation:5s ease-in-out infinite designFloat}.design-islamic-movingGeometry:after{background-image:linear-gradient(30deg,#d4af3729 12%,#0000 12.5% 87%,#d4af3729 87.5%);background-size:80px 80px;animation:14s linear infinite designGeometryShift}.design-islamic-particleStars:after{background-image:radial-gradient(circle,#d4af3757 1px,#0000 2px);background-size:32px 32px;animation:5s ease-in-out infinite designStars}.design-islamic-lightRays:after{mix-blend-mode:screen;background-image:conic-gradient(from 35deg at 50% 0,#d4af3738,#0000 24%,#ffffff14,#0000 48%)}.design-responsive{--design-active-columns:var(--design-desktop-columns);font-size:var(--design-desktop-font-size,inherit);gap:var(--design-desktop-spacing,inherit)}.design-responsive img{max-width:var(--design-desktop-image-size,100%)}@keyframes designFade{0%{opacity:0}to{opacity:1}}@keyframes designSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes designSlideLeft{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes designScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes designZoom{0%{opacity:0;filter:blur(4px);transform:scale(.9)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes designReveal{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(14px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes designRotate{0%{opacity:0;transform:rotate(-2deg)scale(.98)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes designFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes designPulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes designGeometryShift{0%{background-position:0 0}to{background-position:160px 80px}}@keyframes designStars{0%,to{opacity:.2}50%{opacity:.42}}@media (min-width:1025px){.hide-desktop{display:none!important}}@media (min-width:701px) and (max-width:1024px){.hide-tablet{display:none!important}.design-responsive{--design-active-columns:var(--design-tablet-columns,var(--design-desktop-columns));font-size:var(--design-tablet-font-size,var(--design-desktop-font-size,inherit));gap:var(--design-tablet-spacing,var(--design-desktop-spacing,inherit))}.design-responsive img{max-width:var(--design-tablet-image-size,var(--design-desktop-image-size,100%))}}@media (max-width:700px){.hide-mobile{display:none!important}.design-responsive{--design-active-columns:var(--design-mobile-columns,var(--design-tablet-columns,var(--design-desktop-columns)));font-size:var(--design-mobile-font-size,var(--design-tablet-font-size,var(--design-desktop-font-size,inherit)));gap:var(--design-mobile-spacing,var(--design-tablet-spacing,var(--design-desktop-spacing,inherit)))}.design-responsive img{max-width:var(--design-mobile-image-size,var(--design-tablet-image-size,var(--design-desktop-image-size,100%)))}.alphabet-card-top,.alphabet-navigation{flex-direction:column;align-items:stretch}.alphabet-card-body{grid-template-columns:1fr;gap:16px}.alphabet-practice-grid{grid-template-columns:1fr}.alphabet-letter{min-height:160px;font-size:clamp(104px,32vw,152px)}.alphabet-media-art{height:210px}.alphabet-media-art img{max-width:84%;max-height:180px}.letter-selector-button{width:54px;height:58px;font-size:30px}.alphabet-navigation .ghost-button,.alphabet-navigation .solid-button,.alphabet-audio-button,.lesson-bottom-nav .ghost-button,.lesson-bottom-nav .solid-button{width:100%}.lesson-bottom-nav{display:grid}.lesson-bottom-nav>span{display:none}}.lesson-layout{background:var(--soft)}.lesson-main{max-width:920px}.lesson-main:has(.alphabet-panel){width:100%;max-width:1180px;margin-inline:auto}.lesson-main>h1{margin:0;font-size:clamp(38px,6vw,66px);line-height:1.08}.lexicon-page{color:#14221a;background:#fbf8ef;margin:-64px auto 0;overflow:hidden}.lexicon-hero{background:#123f31;min-height:clamp(280px,42vw,430px);position:relative}.lexicon-hero-image{background-position:50%;background-size:cover;position:absolute;inset:0}.lexicon-hero-image:after{content:"";background:linear-gradient(#081f180f,#081f183d);position:absolute;inset:0}.lexicon-wave{background:#fbf8ef;border-radius:50% 50% 0 0/70% 70% 0 0;width:110%;height:120px;position:absolute;bottom:-2px;right:-5%}.lexicon-lesson-badge{color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);background:radial-gradient(circle at 50% 18%,#d4af3729,#0000 44%),linear-gradient(#071526,#02070d);place-items:center;width:88px;min-height:120px;font-weight:800;display:grid;position:absolute;bottom:28px;right:min(12vw,150px);box-shadow:0 14px 28px #0c211a2e,inset 0 0 0 1px #d4af3752}.lexicon-lesson-badge strong{color:#fff;font-size:44px;line-height:1}.lexicon-main{width:min(1080px,100% - 32px);margin:0 auto;padding:10px 0 64px}.lexicon-meta-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:16px 0 34px;display:grid}.lexicon-count,.lexicon-root{color:#6f766f;text-align:center;justify-items:center;font-weight:650;display:grid}.lexicon-count strong{color:#0798d3;font-size:clamp(42px,7vw,70px);line-height:.9}.lexicon-root strong{color:#0798d3;font-family:var(--font-arabic), "Noto Naskh Arabic", serif;font-size:clamp(26px,4vw,42px)}.lexicon-badges{background:#ffffffb8;border:1px solid #b9d1df;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 14px;display:flex}.lexicon-badges span{color:#9d7e27;font-weight:750}.lexicon-badges span.active{color:#293d82}.lexicon-word-focus{text-align:center;justify-items:center;gap:26px;display:grid}.lexicon-word-line{grid-template-columns:auto auto;justify-content:center;align-items:center;gap:clamp(12px,2.8vw,22px);display:inline-grid}.lexicon-word-line h1{color:#293d82;font-family:var(--font-arabic), "Noto Naskh Arabic", serif;letter-spacing:0;margin:0;font-size:clamp(96px,17vw,190px);line-height:1}.lexicon-audio-button{color:#293d82;cursor:pointer;background:#fff8eb;border:1px solid #293d822e;border-radius:999px;place-items:center;width:clamp(46px,6vw,62px);height:clamp(46px,6vw,62px);transition:transform .18s,box-shadow .18s,background .18s;display:inline-grid;box-shadow:0 18px 38px #293d821f}.lexicon-audio-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 22px 44px #293d822b}.lexicon-audio-button:active{transform:translateY(0)}.lexicon-audio-button svg{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:52%;height:52%}.lexicon-meaning-grid{grid-template-columns:1fr 1fr;gap:22px;width:min(760px,100%);display:grid}.lexicon-meaning-grid>div{text-align:center;gap:6px;padding:4px 20px;display:grid}.lexicon-meaning-grid>div+div{border-inline-start:1px solid #e3ddd1}.lexicon-meaning-grid strong{font-size:clamp(24px,4vw,34px)}.lexicon-meaning-grid span{color:#85857f;font-weight:650}.lexicon-section{text-align:center;margin-top:34px}.lexicon-section h2{font-size:clamp(22px,3vw,32px)}.lexicon-ayah{color:#293d82;font-family:var(--font-arabic), "Noto Naskh Arabic", serif;font-size:clamp(30px,5vw,48px);line-height:1.7}.lexicon-word-table{background:#fff;border:1px solid #d9d7ce;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));max-width:780px;margin:16px auto;display:grid}.lexicon-word-table>div{border-inline-start:1px solid #d9d7ce;gap:4px;padding:10px;display:grid}.lexicon-word-table strong{color:#293d82;font-family:var(--font-arabic), "Noto Naskh Arabic", serif;font-size:28px}.lexicon-word-table .highlight{background:#fff7df}.lexicon-reference{color:#4b4f49;font-weight:750}.lexicon-combinations,.lexicon-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px;display:grid}.lexicon-combinations article,.lexicon-practice-card{background:#ffffffc2;border:1px solid #dfd8c8;border-radius:8px;padding:18px;box-shadow:0 14px 28px #1c322614}.lexicon-combinations strong,.lexicon-prompt{color:#293d82;font-family:var(--font-arabic), "Noto Naskh Arabic", serif;font-size:30px}.lexicon-practice-card{text-align:start;gap:12px;display:grid}.lexicon-practice-card>span{color:#174d38;background:#eaf3ee;border-radius:999px;width:fit-content;padding:5px 10px;font-size:13px;font-weight:800}.lexicon-options{flex-wrap:wrap;gap:8px;display:flex}.lexicon-options button{background:#fff;border:1px solid #d9d7ce;border-radius:999px;padding:8px 12px;font-weight:750}.lexicon-progress{grid-template-columns:1fr auto;align-items:center;gap:12px;margin:36px auto 24px;display:grid}.lexicon-progress>div{background:#fff;border:1px solid #b9b9b2;border-radius:999px;height:22px;overflow:hidden}.lexicon-progress span{background:repeating-linear-gradient(45deg,#74c66e,#74c66e 14px,#58b55c 14px 28px);border-radius:999px;height:100%;display:block}.lexicon-quiz-main{padding-top:18px}.lexicon-quiz-header{justify-items:center;gap:16px;margin-top:12px;display:grid}.lexicon-quiz-title-badge{color:#174d38;letter-spacing:.08em;text-transform:uppercase;background:#eaf3ee;border-radius:999px;width:fit-content;padding:8px 16px;font-size:14px;font-weight:900}.lexicon-quiz-header h1{color:#293d82;margin:0;font-size:clamp(30px,5vw,52px);line-height:1.08}.lexicon-quiz-header p{color:#656b63;margin:0;font-weight:700}.lexicon-quiz-word-row{grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px;width:min(620px,100%);display:grid}.lexicon-quiz-word-row>div{background:#ffffffb8;border:1px solid #dfd8c8;border-radius:8px;justify-items:center;gap:6px;padding:14px;display:grid;box-shadow:0 10px 24px #1c32260f}.lexicon-quiz-word-row span{color:#7b7f76;text-transform:uppercase;font-size:13px;font-weight:800}.lexicon-quiz-word-row strong{color:#293d82;font-family:var(--font-arabic), "Noto Naskh Arabic", serif;font-size:clamp(26px,4vw,42px);line-height:1.1}.lexicon-quiz-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px;display:grid}.lexicon-quiz-card{align-content:start}.lexicon-quiz-card h3{margin:0;line-height:1.35}.lexicon-options button{cursor:pointer;transition:border-color .16s,background .16s,color .16s,transform .16s}.lexicon-options button:hover:not(:disabled){border-color:#174d38;transform:translateY(-1px)}.lexicon-options button:disabled{cursor:default}.lexicon-options button.correct{color:#174d38;background:#e7f6eb;border-color:#3a9657}.lexicon-options button.incorrect{color:#853326;background:#fff0ec;border-color:#c96a5d}.lexicon-quiz-feedback{border-radius:8px;gap:8px;padding:12px;font-weight:700;display:grid}.lexicon-quiz-feedback.correct{color:#174d38;background:#ecf8ef;border:1px solid #b6dec1}.lexicon-quiz-feedback.incorrect{color:#7c3428;background:#fff2ee;border:1px solid #edc0b8}.lexicon-quiz-feedback p{color:inherit;margin:0;font-weight:650}.lexicon-quiz-summary{color:#174d38;background:#edf7ef;border:1px solid #c8dbc5;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;width:fit-content;margin:0 auto 24px;padding:12px 18px;font-weight:850;display:flex}.lexicon-quiz-actions{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:760px){.lexicon-meta-row,.lexicon-meaning-grid,.lexicon-quiz-word-row,.lexicon-quiz-actions{grid-template-columns:1fr}.lexicon-meaning-grid>div+div{border-inline-start:0;border-top:1px solid #e3ddd1;padding-top:20px}.lexicon-lesson-badge{width:74px;min-height:104px;right:24px}}.roman-toggle{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;width:fit-content;margin-top:28px;padding:12px 14px;display:flex}.roman-toggle input{width:auto;min-height:auto}.roman-helper,.exercise-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-top:22px;padding:22px}.roman-helper{background:#fff8eb;border-color:#c08b357a}.roman-helper h2,.roman-helper h4,.exercise-card h3{margin:0 0 10px}.roman-helper p,.exercise-card p{color:var(--muted);line-height:1.7}.roman-helper.compact{padding:16px}.exercise-card ul{gap:8px;padding-inline-start:20px;display:grid}.site-footer h2{margin:0 0 14px;font-size:15px}.site-footer a,.site-footer span{color:#ffffffb8;margin:8px 0;display:block}