:root{--teal-950:#0b2e33;--teal-800:#145159;--teal-700:#1d6670;--teal-100:#e2efee;--teal-50:#f1f7f6;--gold:#d9a440;--gold-deep:#8a6216;--cream:#fbf7ef;--white:#fff;--ink:#142528;--ink-soft:#4b5f62;--line:#dce7e5;--mist:#b7cfcc;--bad:#9a2929;--scrim-mid:#0b2e339e;--scrim-soft:#0b2e3359;--clear:#fff0;--glass:#ffffff12;--glass-line:#ffffff29;--glass-light:#ffffff8c;--glass-light-strong:#ffffffbd;--glass-light-line:#fffc;--glass-dark-strong:#0b2e33b8;--on-dark-soft:#dbe8e6;--gold-on-dark:#ebbc63;--badge-bg:#0b2e33cc;--glass-header:#ffffffb8;--orb-teal:#33969b59;--orb-gold:#e9b4526b;--orb-mint:#9dddcb8c;--sheen:#ffffff4d;--shadow:#0b2e332e;--gold-line:#d9a4408c;--gold-glow:#d9a4402e;--field-line:#728c90;--field-ring:#1d667038;--font-display:"DM Serif Display", Georgia, serif;--font-body:"Plus Jakarta Sans", "Noto Naskh Arabic", system-ui, sans-serif;--radius:22px;--header-h:78px}@supports (color:lab(0% 0 0)){:root{--teal-950:lab(16.6867% -11.4505 -7.00445);--teal-800:lab(31.0061% -17.415 -10.6628);--teal-700:lab(39.2068% -20.2787 -12.4142);--teal-100:lab(93.4303% -4.64663 -1.05809);--teal-50:lab(96.7083% -2.02286 -.218213);--gold:lab(71.1691% 13.13 57.3407);--gold-deep:lab(44.8712% 11.7893 46.0041);--cream:lab(97.3759% .318527 4.1967);--white:lab(100% 0 0);--ink:lab(13.2964% -6.51964 -4.32994);--ink-soft:lab(38.7302% -7.33557 -4.47058);--line:lab(90.7499% -4.05651 -.356495);--mist:lab(81.2799% -8.73104 -1.45178);--bad:lab(35.8482% 47.4089 29.0086);--scrim-mid:lab(16.6867% -11.4505 -7.00445/.62);--scrim-soft:lab(16.6867% -11.4505 -7.00445/.35);--clear:lab(100% 0 0/0);--glass:lab(100% 0 0/.07);--glass-line:lab(100% 0 0/.16);--glass-light:lab(100% 0 0/.55);--glass-light-strong:lab(100% 0 0/.74);--glass-light-line:lab(100% 0 0/.8);--glass-dark-strong:lab(16.6867% -11.4505 -7.00445/.72);--on-dark-soft:lab(90.8802% -4.66365 -.967062);--gold-on-dark:lab(79.2667% 9.96342 51.0155);--badge-bg:lab(16.6867% -11.4505 -7.00445/.8);--glass-header:lab(100% 0 0/.72);--orb-teal:lab(56.7936% -28.218 -11.6094/.35);--orb-gold:lab(76.8723% 12.804 56.3035/.42);--orb-mint:lab(83.5068% -24.036 2.11047/.55);--sheen:lab(100% 0 0/.3);--shadow:lab(16.6867% -11.4505 -7.00445/.18);--gold-line:lab(71.1691% 13.13 57.3407/.55);--gold-glow:lab(71.1691% 13.13 57.3407/.18);--field-line:lab(56.1727% -8.81302 -5.37152);--field-ring:lab(39.2068% -20.2787 -12.4142/.22)}}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px)}body{background:var(--white);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.65}img{max-width:100%;display:block}a{color:var(--teal-700)}a:hover{color:var(--teal-950)}h1,h2,h3{font-family:var(--font-display);overflow-wrap:anywhere;min-width:0;margin:0;font-weight:400}p{margin:0}button{font-family:inherit}:focus-visible{outline:2px solid var(--teal-700);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.skip-link{inset-inline-start:12px;z-index:100;background:var(--teal-950);color:var(--white);border-radius:12px;padding:10px 16px;font-weight:700;position:absolute;top:-60px}.skip-link:focus{color:var(--white);top:12px}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.section{padding:clamp(56px,6vw,88px) 0;position:relative;overflow:hidden}.section>.container{position:relative}.bg-mint{background:var(--teal-50)}.bg-cream{background:var(--cream)}.bg-dark{background:var(--teal-950);color:var(--white)}.split{grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));align-items:center;gap:48px 72px;display:grid}.grid-auto{grid-template-columns:repeat(auto-fit, minmax(min(var(--min,250px), 100%), 1fr));gap:18px;display:grid}.stack{flex-direction:column;gap:18px;min-width:0;display:flex}.h2{color:var(--teal-950);font-size:clamp(34px,3.8vw,48px);line-height:1.12}.bg-dark .h2{color:var(--white)}.lead{color:var(--ink-soft);font-size:17px;line-height:1.7}.bg-dark .lead{color:var(--mist)}.section-head{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:680px;margin:0 auto 40px;display:flex}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);font-size:13px;font-weight:800}.muted{color:var(--ink-soft)}.small{font-size:14px}.center{text-align:center}.gold{color:var(--gold)}.text-link{background:var(--clear);min-height:44px;color:var(--teal-700);cursor:pointer;text-underline-offset:5px;border:0;align-items:center;padding:0 6px;font-size:15px;font-weight:800;text-decoration:underline;display:inline-flex}.glass{background:var(--glass-light);border:1px solid var(--glass-light-line);box-shadow:inset 0 1px 0 var(--sheen), 0 24px 48px -34px var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%)}.glass-strong{background:var(--glass-light-strong);border:1px solid var(--glass-light-line);box-shadow:inset 0 1px 0 var(--sheen), 0 40px 80px -44px var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%)}.glass-dark{background:var(--glass-dark-strong);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 var(--sheen), 0 40px 80px -40px var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%)}.glass-tint{background:var(--glass);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 var(--glass-line), 0 30px 60px -40px var(--shadow);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%)}.grain,.pattern{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.grain-dark{mix-blend-mode:soft-light;opacity:.55}.grain-light{mix-blend-mode:multiply;opacity:.1}.orb{aspect-ratio:1;pointer-events:none;border-radius:50%;position:absolute}.orb-gold{background:radial-gradient(circle, var(--orb-gold) 0%, var(--clear) 66%)}.orb-teal{background:radial-gradient(circle, var(--orb-teal) 0%, var(--clear) 66%)}.orb-mint{background:radial-gradient(circle, var(--orb-mint) 0%, var(--clear) 66%)}.btn{white-space:nowrap;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 28px;font-size:16.5px;font-weight:800;text-decoration:none;transition:transform .15s,background-color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-sm{min-height:48px;padding:0 24px;font-size:15.5px}.btn-xs{min-height:44px;padding:0 18px;font-size:14.5px;font-weight:700}.btn-block{width:100%}.btn-gold{background:var(--gold);color:var(--teal-950)}.btn-gold:hover{color:var(--teal-950)}.btn-teal{background:var(--teal-700);color:var(--white)}.btn-teal:hover{background:var(--teal-800);color:var(--white)}.btn-white{background:var(--white);color:var(--teal-950)}.btn-white:hover{color:var(--teal-950)}.btn-ghost{background:var(--glass);border:1.5px solid var(--glass-line);color:var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{color:var(--white)}.btn-outline{background:var(--clear);border:1.5px solid var(--teal-700);color:var(--teal-700)}.icon-tile{border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.tile-teal{background:var(--teal-700);color:var(--white)}.tile-gold{background:var(--gold);color:var(--teal-950)}.tile-dark{background:var(--teal-950);color:var(--gold)}.tile-mint{background:var(--teal-100);color:var(--teal-800)}.tag{white-space:nowrap;background:var(--teal-100);color:var(--teal-800);border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:800}.tag-seerah{background:var(--cream);color:var(--gold-deep)}.pill{white-space:nowrap;background:var(--glass);border:1px solid var(--glass-line);color:var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14.5px;font-weight:600;display:inline-flex}.topbar{background:var(--teal-950);color:var(--mist);font-size:14px}.topbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 24px;padding-top:8px;padding-bottom:8px;display:flex}.topbar-group{flex-wrap:wrap;align-items:center;gap:4px 22px;display:flex}.topbar a{color:var(--mist);white-space:nowrap;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.topbar a.topbar-strong{color:var(--white)}.topbar [data-icon=whatsapp]{color:#25d366}@media (max-width:767px){.topbar{display:none}}.site-header{z-index:40;background:var(--glass-header);border-bottom:1px solid var(--glass-light-line);box-shadow:0 12px 30px -24px var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);position:sticky;top:0}.header-inner{min-height:var(--header-h);justify-content:space-between;align-items:center;gap:12px 28px;display:flex}.logo{align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.logo-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.logo-name{font-family:var(--font-display);color:var(--teal-950);white-space:nowrap;font-size:24px}.logo-sub{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);white-space:nowrap;font-size:11.5px;font-weight:700}.logo-dark .logo-name{color:var(--white)}.logo-dark .logo-sub{color:var(--gold)}.nav-desktop{align-items:center;gap:26px;font-size:15.5px;font-weight:600;display:flex}.nav-desktop a{color:var(--ink);white-space:nowrap;text-decoration:none}.nav-desktop a:hover,.nav-desktop a.active{color:var(--teal-700)}.header-actions{flex:none;align-items:center;gap:10px;display:flex}.menu-btn{border:1px solid var(--glass-light-line);background:var(--glass-light);width:48px;height:48px;color:var(--teal-950);cursor:pointer;border-radius:12px;place-items:center;display:none}.mobile-menu{border-radius:20px;flex-direction:column;margin:0 16px 14px;padding:8px 18px 18px;font-size:16.5px;font-weight:600;display:flex}.mobile-menu a:not(.btn){border-bottom:1px solid var(--line);min-height:50px;color:var(--ink);align-items:center;text-decoration:none;display:flex}.mobile-menu a.active{color:var(--teal-700)}.mobile-menu .btn{margin-top:12px}@media (max-width:1199px){.nav-desktop,.nav-desktop-only{display:none}.menu-btn{display:grid}}@media (min-width:1200px){.mobile-menu{display:none}.header-inner .logo{flex:none}}@media (min-width:1200px) and (max-width:1319px){.nav-desktop{gap:19px;font-size:15px}.header-inner{column-gap:24px}}@media (max-width:420px){.logo-name{font-size:21px}.logo-sub{letter-spacing:.1em;font-size:10px}}.hero{background:var(--teal-950);color:var(--white);position:relative;overflow:hidden}.hero-img{object-fit:cover;object-position:70% 50%}.hero-scrim{background:linear-gradient(90deg, var(--scrim-mid) 0%, var(--scrim-soft) 55%, var(--clear) 100%);position:absolute;inset:0}.hero-inner{padding:clamp(48px,8vw,104px) 0 clamp(120px,12vw,160px);position:relative}.hero-panel{border-radius:30px;flex-direction:column;align-items:flex-start;gap:20px;max-width:640px;padding:clamp(24px,3.4vw,44px);display:flex}.hero-badge{background:var(--badge-bg);border:1px solid var(--glass-line);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border-radius:999px;align-items:center;gap:10px;padding:7px 16px;font-size:13px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(40px,5.4vw,66px);line-height:1.08}.hero h1 em{color:var(--gold);font-style:normal}.hero-sub{font-size:clamp(18px,1.8vw,21px);font-weight:600;line-height:1.55}.hero-text{max-width:560px;color:var(--mist);text-wrap:pretty;font-size:16.5px;line-height:1.75}.btn-row{flex-wrap:wrap;align-items:center;gap:12px 14px;display:flex}.hero-wa{min-height:54px;color:var(--white);text-underline-offset:6px;text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);white-space:nowrap;align-items:center;gap:8px;padding:0 6px;font-weight:700;display:inline-flex}.hero-wa:hover{color:var(--white)}.pill-row{flex-wrap:wrap;gap:10px;display:flex}.paths{z-index:2;margin-top:-84px;position:relative}.path-card{border-radius:var(--radius);color:var(--ink);background:var(--glass-light-strong);flex-direction:column;gap:10px;padding:26px 24px;text-decoration:none;display:flex}.path-card:hover{color:var(--ink);transform:translateY(-2px)}.path-card{transition:transform .2s}.path-card h3{color:var(--teal-950);font-size:25px;line-height:1.2}.path-card p{color:var(--ink-soft);font-size:14.5px;line-height:1.6}.path-more{color:var(--teal-700);align-items:center;gap:6px;margin-top:auto;font-size:14.5px;font-weight:800;display:inline-flex}.about-media{min-width:0;padding:0 28px 28px 0;position:relative}.about-media:before{content:"";background:var(--teal-100);border-radius:28px;position:absolute;inset:28px 0 0 28px}.about-media img{aspect-ratio:4/4.6;object-fit:cover;object-position:50% 30%;border-radius:28px;width:100%;height:auto;position:relative}.media-badge{color:var(--white);border-radius:20px;align-items:center;gap:14px;padding:16px 20px;display:flex;position:absolute}.media-badge strong{font-size:15.5px;display:block}.media-badge span{color:var(--on-dark-soft);font-size:13.5px}.about-media .media-badge{bottom:0;right:0}.mv-card{border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:8px;padding:22px;display:flex}.mv-card h3{font-family:var(--font-body);color:var(--teal-950);align-items:center;gap:10px;font-size:16.5px;font-weight:800;display:flex}.mv-card p{color:var(--ink-soft);font-size:15.5px;line-height:1.65}.person{border:1px solid var(--line);border-radius:16px;flex:220px;align-items:center;gap:14px;padding:14px 16px;display:flex}.avatar{width:48px;height:48px;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:20px;display:grid}.person strong{color:var(--teal-950);display:block}.person span:not(.avatar){color:var(--ink-soft);font-size:14px}.avatar-art{box-shadow:0 0 0 1px var(--line);display:block;overflow:hidden}.hijabi{width:100%;height:100%;display:block}.hijabi .hj-face{fill:#e8c09c}.hijabi .hj-fold{fill:#000;opacity:.14}.hijabi-teal .hj-bg{fill:var(--teal-700)}.hijabi-teal .hj-scarf{fill:var(--cream)}.hijabi-teal .hj-band{stroke:var(--gold)}.hijabi-teal .hj-fold{opacity:.09}.hijabi-gold .hj-bg{fill:var(--gold)}.hijabi-gold .hj-scarf{fill:var(--teal-950)}.hijabi-gold .hj-band{stroke:var(--gold)}.why-card{border-radius:var(--radius);gap:18px;padding:26px 24px;display:flex}.why-card h3{font-family:var(--font-body);color:var(--white);font-size:18px;font-weight:800}.why-card p{color:var(--on-dark-soft);margin-top:4px;font-size:15px;line-height:1.65}.course-grid-wrap{scroll-margin-top:calc(var(--header-h) + 24px);flex-direction:column;gap:32px;display:flex}.filter-bar{border-radius:30px;flex-wrap:wrap;justify-content:center;align-self:center;gap:6px;max-width:100%;padding:7px;display:flex}.filter-btn{background:var(--clear);min-height:46px;color:var(--teal-950);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;padding:0 22px;font-size:15px;font-weight:700}.filter-btn.on{background:var(--teal-700);color:var(--white)}.course-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:18px;display:grid}.course-card{border-radius:var(--radius);flex-direction:column;gap:12px;padding:22px;display:flex}.course-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.course-card .icon-tile{width:48px;height:48px}.course-card h3{color:var(--teal-950);font-size:24px;line-height:1.2}.course-card p{color:var(--ink-soft);font-size:15px;line-height:1.65}.course-card-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.note{text-align:center;color:var(--ink-soft);justify-content:center;align-items:center;gap:10px;font-size:15px;display:flex}.note svg{color:var(--gold-deep);flex:none}.check-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.check-list li{align-items:flex-start;gap:14px;font-size:16.5px;line-height:1.65;display:flex}.check-dot{background:var(--teal-700);width:30px;height:30px;color:var(--white);border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.cert-card{background:var(--cream);border:1.5px solid var(--gold);border-radius:18px;align-items:center;gap:16px;padding:20px 22px;display:flex}.cert-card strong{color:var(--teal-950);font-size:17.5px;display:block}.cert-card span{color:var(--ink-soft);font-size:15px;line-height:1.6}.classes-media{min-width:0;padding:0 0 28px 28px;position:relative}.classes-media:before{content:"";background:var(--gold);border-radius:28px;width:62%;height:70%;position:absolute;bottom:0;left:0}.classes-media img{aspect-ratio:3/2.2;object-fit:cover;border-radius:28px;width:100%;height:auto;position:relative}.float-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:800;display:inline-flex;position:absolute}.float-chip.light{color:var(--teal-950);background:var(--glass-light-strong);border:1px solid var(--glass-light-line);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);top:22px;right:22px}.float-chip.dark{color:var(--white);border-radius:18px;padding:12px 18px;bottom:50px;left:48px}.admissions-wrap{flex-wrap:wrap;align-items:flex-start;gap:48px 72px;display:flex}.admissions-wrap>.stack{flex:380px}.steps{flex-direction:column;margin:10px 0 0;padding:0;list-style:none;display:flex}.step{gap:18px;display:flex}.step-rail{flex-direction:column;align-items:center;display:flex}.step-num{background:var(--teal-700);width:46px;height:46px;color:var(--white);border-radius:50%;place-items:center;font-size:15px;font-weight:800;display:grid}.step:last-child .step-num{background:var(--gold);color:var(--teal-950)}.step-line{background:var(--line);flex:1;width:2px;min-height:24px}.step-body{flex-direction:column;gap:2px;padding:8px 0 26px;display:flex}.step-body strong{color:var(--teal-950);font-size:17.5px}.step-body span{color:var(--ink-soft);font-size:15px;line-height:1.6}.admission-form{border-radius:28px;flex-direction:column;flex:1.3 480px;gap:18px;min-width:0;padding:clamp(22px,3.4vw,40px);display:flex}.form-head h3,.form-done h3{color:var(--teal-950);font-size:30px;line-height:1.2}.form-row{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label{color:var(--teal-950);font-size:14.5px;font-weight:700}.field input,.field select,.field textarea{border:1.5px solid var(--field-line);background:var(--white);width:100%;min-height:50px;font-family:var(--font-body);color:var(--ink);border-radius:12px;padding:0 16px;font-size:16px;transition:border-color .15s,box-shadow .15s}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--teal-700)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal-700);box-shadow:0 0 0 4px var(--field-ring);outline:none}.field textarea{resize:vertical;padding:12px 16px;line-height:1.6}.field input::placeholder,.field textarea::placeholder{color:var(--ink-soft)}.field [aria-invalid=true],.field [aria-invalid=true]:hover,.field [aria-invalid=true]:focus{border-color:var(--bad)}.field-error{color:var(--bad);font-size:13.5px;font-weight:600}.form-note{color:var(--ink-soft);gap:10px;font-size:13.5px;line-height:1.6;display:flex}.form-note svg{color:var(--teal-700);flex:none;margin-top:2px}.form-done{align-items:flex-start}.form-done p{color:var(--ink-soft)}.faq-wrap{flex-wrap:wrap;align-items:flex-start;gap:40px 72px;display:flex}.faq-side{flex:320px}.faq-cta{background:var(--teal-950);color:var(--white);border-radius:20px;flex-direction:column;gap:12px;margin-top:8px;padding:22px;display:flex;position:relative;overflow:hidden}.faq-cta>:not(.grain){position:relative}.faq-list{flex-direction:column;flex:2 560px;gap:12px;min-width:0;display:flex}.faq-item{border-radius:18px}.faq-item[open]{background:var(--glass-light-strong)}.faq-item summary{min-height:64px;color:var(--teal-950);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-size:17px;font-weight:800;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-chevron{color:var(--teal-700);flex:none;transition:transform .2s}.faq-item[open] .faq-chevron{transform:rotate(180deg)}.faq-item p{color:var(--ink-soft);padding:0 20px 20px;font-size:16px;line-height:1.7}.contact-card{border-radius:var(--radius);color:var(--ink);flex-direction:column;gap:8px;padding:26px 24px;text-decoration:none;display:flex}.contact-card:hover{color:var(--ink)}.contact-card .icon-tile{border-radius:50%;width:52px;height:52px}.contact-label{letter-spacing:.06em;text-transform:uppercase;color:var(--gold-deep);margin-top:6px;font-size:14px;font-weight:700}.contact-value{color:var(--teal-950);white-space:nowrap;font-size:22px;font-weight:800}.cta{background:var(--teal-950);color:var(--white);position:relative;overflow:hidden}.cta-img{object-fit:cover;object-position:50% 60%}.cta-scrim{background:var(--scrim-soft);position:absolute;inset:0}.cta-inner{max-width:920px;padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px);position:relative}.cta-panel{text-align:center;border-radius:32px;flex-direction:column;align-items:center;gap:18px;padding:clamp(28px,4vw,52px);display:flex}.cta-panel h2{font-size:clamp(34px,4.2vw,54px);line-height:1.1}.course-hero{background:var(--teal-950);color:var(--white);position:relative;overflow:hidden}.course-hero-img{object-fit:cover;object-position:50% 35%}.course-hero-inner{padding:clamp(40px,6vw,80px) 0;position:relative}.course-panel{border-radius:28px;flex-direction:column;align-items:flex-start;gap:16px;max-width:660px;padding:clamp(22px,3.2vw,40px);display:flex}.course-panel h1{font-size:clamp(38px,5vw,60px);line-height:1.08}.crumbs{color:var(--on-dark-soft);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14.5px;display:flex}.crumbs a{color:var(--on-dark-soft)}.crumbs [aria-current]{color:var(--gold-on-dark)}.course-body{flex-wrap:wrap;align-items:flex-start;gap:40px 48px;display:flex}.course-main{flex-direction:column;flex:2 600px;gap:44px;min-width:0;display:flex}.course-aside{flex-direction:column;flex:320px;gap:22px;min-width:0;display:flex}.detail-card{border-radius:20px;align-items:flex-start;gap:14px;padding:20px;display:flex}.detail-card .icon-tile{border-radius:13px;width:44px;height:44px}.detail-card span.label{color:var(--ink-soft);font-size:13.5px;font-weight:700;display:block}.detail-card strong{color:var(--teal-950);font-size:16.5px}.syllabus{border-radius:var(--radius);margin:0;padding:8px 22px;list-style:none}.syllabus li{border-bottom:1px solid var(--line);min-height:64px;color:var(--teal-950);align-items:center;gap:16px;font-weight:700;display:flex}.syllabus li:last-child{border-bottom:0}.syllabus .num{background:var(--teal-700);width:40px;height:40px;color:var(--white);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.dark-note{border-radius:var(--radius);background:var(--teal-950);color:var(--white);align-items:flex-start;gap:18px;padding:26px;display:flex;position:relative;overflow:hidden}.dark-note>:not(.grain){position:relative}.dark-note h3{font-size:26px;line-height:1.2}.dark-note p{color:var(--mist);margin-top:6px;font-size:16px;line-height:1.7}.enroll-card{border-radius:26px;flex-direction:column;gap:14px;padding:28px 26px;display:flex}.enroll-card h2{color:var(--teal-950);font-size:28px;line-height:1.2}.kv{border-top:1px solid var(--line);flex-direction:column;display:flex}.kv div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;font-size:15.5px;display:flex}.kv dt{color:var(--ink-soft)}.kv dd{color:var(--teal-950);text-align:end;margin:0;font-weight:800}.other-courses{border-radius:24px;flex-direction:column;padding:22px 24px;display:flex}.other-courses a{border-top:1px solid var(--line);min-height:48px;color:var(--ink);justify-content:space-between;align-items:center;gap:10px;font-size:15.5px;text-decoration:none;display:flex}.other-courses a.all{color:var(--teal-700);font-weight:800}.policy{border-radius:28px;margin:0;padding:clamp(10px,2vw,18px) clamp(20px,3.4vw,40px);list-style:none}.policy li{border-bottom:1px solid var(--line);align-items:flex-start;gap:18px;padding:24px 0;display:flex}.policy li:last-child{border-bottom:0}.policy strong{color:var(--teal-950);font-size:18px;display:block}.policy p{color:var(--ink-soft);margin-top:4px;font-size:16.5px;line-height:1.75}.site-footer{background:var(--teal-950);color:var(--mist);position:relative;overflow:hidden}.footer-inner{flex-direction:column;gap:40px;padding-top:64px;padding-bottom:104px;display:flex;position:relative}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:36px 48px;display:grid}.footer-brand{flex-direction:column;gap:14px;display:flex}.footer-brand p{font-size:15px;line-height:1.7}.footer-col{flex-direction:column;gap:2px;display:flex}.footer-title{color:var(--white);margin-bottom:8px;font-size:15px;font-weight:800}.footer-col a{min-height:36px;color:var(--mist);align-items:center;font-size:15px;text-decoration:none;display:inline-flex}.footer-col a:hover{color:var(--white)}.footer-col a strong{color:var(--white);margin-inline-start:4px}.footer-col a.gold{color:var(--gold-on-dark)}.footer-bottom{border-top:1px solid var(--glass-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;padding-top:22px;font-size:14px;display:flex}.footer-bottom a{color:var(--mist)}.footer-credit{flex-wrap:wrap;align-items:center;gap:4px 10px;display:inline-flex}.footer-bottom .seal{color:var(--white);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin:0;padding:0;text-decoration:none;display:inline-flex}.seal-ring{background:var(--glass);border:1px solid var(--gold-line);-webkit-backdrop-filter:blur(8px);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;transition:border-color .3s;animation:4.5s ease-in-out infinite seal-glow;display:grid}.seal-ring svg{fill:var(--gold);transition:transform .7s cubic-bezier(.34,1.4,.64,1)}.seal-ring .seal-dot{fill:var(--teal-950)}.seal-text{flex-direction:column;line-height:1.4;display:flex}.seal-lead{color:var(--mist)}.seal-cta{color:var(--white);font-weight:700;transition:color .2s}.seal:hover .seal-ring,.seal:focus-visible .seal-ring,.seal[aria-expanded=true] .seal-ring{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-glow);animation:none}.seal:hover .seal-ring svg,.seal:focus-visible .seal-ring svg,.seal[aria-expanded=true] .seal-ring svg{transform:rotate(90deg)}.seal:hover .seal-cta,.seal:focus-visible .seal-cta,.seal[aria-expanded=true] .seal-cta{color:var(--gold)}.dev-contact{display:inline-flex;position:relative}.dev-menu{bottom:calc(100% + 12px);z-index:60;background:var(--white);border:1px solid var(--line);border-radius:18px;gap:4px;width:max-content;min-width:min(270px,100vw - 32px);padding:8px;animation:.18s ease-out dev-menu-in;display:grid;position:absolute;inset-inline-start:0;box-shadow:0 24px 48px -18px #0000008c;box-shadow:0 24px 48px -18px lab(0% 0 0/.55)}.dev-menu[hidden]{display:none}@keyframes dev-menu-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.dev-menu{animation:none}}.footer-bottom .dev-item{color:var(--teal-950);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:background .2s;display:flex}.footer-bottom .dev-item:hover,.footer-bottom .dev-item:focus-visible{background:var(--teal-50);color:var(--teal-950)}.dev-ico{width:40px;height:40px;color:var(--white);border-radius:50%;flex:none;place-items:center;display:grid}.dev-ico-wa{background:#1daa61}.dev-ico-in{background:#0a66c2}.dev-label{flex-direction:column;line-height:1.35;display:flex}.dev-label strong{font-size:15px;font-weight:700}.dev-label span{color:var(--ink-soft);font-size:13.5px}@keyframes seal-glow{0%,to{box-shadow:0 0 0 0 var(--clear)}50%{box-shadow:0 0 0 5px var(--gold-glow)}}@media (prefers-reduced-motion:reduce){.seal-ring{animation:none}}@media (hover:hover) and (min-width:1100px){.footer-bottom .seal{flex-direction:row-reverse;gap:0}.dev-menu{inset-inline:auto 0}.seal-text{opacity:0;white-space:nowrap;max-width:0;margin-inline-end:0;transition:max-width .5s,opacity .3s,margin-inline-end .5s;display:block;overflow:hidden}.seal:hover .seal-text,.seal:focus-visible .seal-text,.seal[aria-expanded=true] .seal-text{opacity:1;max-width:460px;margin-inline-end:12px}}.wa-fab{z-index:50;width:60px;height:60px;color:var(--white);border:1px solid var(--glass-light-line);box-shadow:0 0 0 7px var(--glass-light), 0 18px 36px -14px var(--shadow);background:#1daa61;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:22px;right:22px}.wa-fab:hover{color:var(--white);background:#168c4f}@media (max-width:640px){.about-media{padding:0 16px 16px 0}.about-media:before{top:16px;left:16px}.classes-media{padding:0 0 16px 16px}.float-chip.dark{bottom:30px;left:30px}.hero-inner{padding-bottom:110px}.contact-value{font-size:20px}.wa-fab{width:56px;height:56px;bottom:16px;right:16px}.footer-inner{padding-bottom:92px}.footer-dot{display:none}.footer-credit{flex-direction:column;align-items:flex-start}.paths .grid-auto{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.path-card{gap:8px;padding:18px 16px}.path-card h3{font-size:21px}.path-card p{font-size:13px}.path-card .icon-tile{width:44px;height:44px}}.about-intro{font-size:18px;line-height:1.75}.cta-text{font-size:18px;line-height:1.7}.lang-btn{border:1.5px solid var(--gold-line);background:var(--glass-light-strong);min-height:42px;color:var(--teal-950);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14.5px;font-weight:800;text-decoration:none;display:inline-flex}.lang-btn:hover{background:var(--white);color:var(--teal-950);border-color:var(--gold)}.lang-btn svg{color:var(--gold-deep);flex:none}.lang-btn[lang=ur] span{font-family:Noto Sans Arabic,Noto Naskh Arabic,sans-serif;font-size:16px;font-weight:700;line-height:1}.topbar .lang-btn-topbar{background:var(--gold);border-color:var(--gold);min-height:30px;color:var(--teal-950);gap:6px;padding:0 12px;font-size:13.5px}.topbar .lang-btn-topbar:hover{background:var(--white);border-color:var(--white);color:var(--teal-950)}.topbar .lang-btn-topbar svg{color:var(--teal-950)}.topbar .lang-btn-topbar[lang=ur] span{font-size:15px}@media (max-width:1199px){.lang-btn-topbar{display:none!important}}@media (min-width:1200px){.lang-btn-header{display:none!important}}@media (max-width:420px){.header-inner,.header-actions{gap:8px}.lang-btn{min-height:40px;padding:0 11px}.lang-btn svg{display:none}.menu-btn{width:44px;height:44px}}@media (max-width:374px){.logo svg{width:42px;height:42px}.logo-name{font-size:19px}.logo-sub{font-size:9px}}.lang-ur{--font-display:"Plus Jakarta Sans", "Noto Sans Arabic", "Noto Naskh Arabic", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", "Noto Sans Arabic", "Noto Naskh Arabic", system-ui, sans-serif;font-family:var(--font-body);line-height:1.85}.lang-ur h1,.lang-ur h2,.lang-ur h3{font-weight:700}.lang-ur .h2{line-height:1.5}.lang-ur .hero h1{letter-spacing:0;font-size:clamp(34px,4.6vw,56px);line-height:1.45}.lang-ur .course-panel h1,.lang-ur .cta-panel h2{line-height:1.45}.lang-ur .enroll-card h2{line-height:1.5}.lang-ur .eyebrow,.lang-ur .hero-badge,.lang-ur .logo-sub,.lang-ur .contact-label{letter-spacing:0;text-transform:none}.lang-ur .hero-badge{font-size:14px}.lang-ur .eyebrow,.lang-ur .contact-label{font-size:15px}.lang-ur .logo-text{line-height:1.45}.lang-ur .logo-name{font-size:23px;font-weight:700}.lang-ur .logo-sub{font-size:12.5px;font-weight:700}.lang-ur .hero-sub,.lang-ur .lead,.lang-ur .about-intro,.lang-ur .cta-text{line-height:1.9}.lang-ur .field label{font-size:15px}.lang-ur .field-error,.lang-ur .form-note{line-height:1.8}.lang-ur .nav-desktop{gap:22px;font-size:16px}@media (max-width:420px){.lang-ur .logo-name{font-size:21px}.lang-ur .logo-sub{font-size:11px}}[dir=rtl] svg[data-icon=arrow],[dir=rtl] svg[data-icon=arrowLeft]{transform:scaleX(-1)}[dir=rtl] .about-media{padding:0 0 28px 28px}[dir=rtl] .about-media:before{left:0;right:28px}[dir=rtl] .about-media .media-badge{left:0;right:auto}[dir=rtl] .classes-media{padding:0 28px 28px 0}[dir=rtl] .classes-media:before{left:auto;right:0}[dir=rtl] .float-chip.light{left:22px;right:auto}[dir=rtl] .float-chip.dark{left:auto;right:48px}[dir=rtl] .field input[dir=ltr]{text-align:right}@media (max-width:640px){[dir=rtl] .about-media{padding:0 0 16px 16px}[dir=rtl] .about-media:before{left:0;right:16px}[dir=rtl] .classes-media{padding:0 16px 16px 0}[dir=rtl] .float-chip.dark{left:auto;right:30px}}[dir=rtl] .hero-panel{margin-inline-start:auto}[lang=ur]{--font-display:"Plus Jakarta Sans", "Noto Sans Arabic", "Noto Naskh Arabic", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", "Noto Sans Arabic", "Noto Naskh Arabic", system-ui, sans-serif}:where(.post-card,.post-article) [lang=ur]{font-family:var(--font-body)}.ilm-hero{position:relative;overflow:hidden}.ilm-hero-inner{flex-direction:column;align-items:flex-start;gap:16px;padding-top:clamp(40px,6vw,76px);padding-bottom:clamp(40px,5vw,64px);display:flex;position:relative}.ilm-hero h1{max-width:920px;color:var(--white);font-size:clamp(36px,4.4vw,56px);line-height:1.12}.ilm-hero .lead{max-width:720px;color:var(--on-dark-soft)}.lang-ur .ilm-hero h1{line-height:1.5}.post-hero h1{font-size:clamp(32px,3.8vw,50px)}.post-meta{color:var(--on-dark-soft);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:15px;display:flex}.post-meta strong{color:var(--white)}a.filter-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.filter-btn:hover{color:var(--teal-700)}a.filter-btn.on:hover{color:var(--white)}.post-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:18px;display:grid}.post-card{border-radius:var(--radius);flex-direction:column;gap:12px;padding:22px;transition:transform .2s;display:flex;position:relative}.post-card:hover{transform:translateY(-3px)}.post-card:focus-within{outline:2px solid var(--teal-700);outline-offset:3px}.post-card-top{flex-wrap:wrap;gap:8px;display:flex}.post-card h3{color:var(--teal-950);font-size:22px;line-height:1.35}.lang-ur .post-card h3,.post-card h3[lang=ur]{font-weight:700;line-height:1.6}.post-card-link{color:inherit;text-decoration:none}.post-card-link:hover{color:var(--teal-700)}.post-card-link:focus-visible{outline:none}.post-card-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.post-card p{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.7;display:-webkit-box;overflow:hidden}.post-card-meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:auto;font-size:13.5px;display:flex}.post-card-read{color:var(--teal-700);align-items:center;gap:6px;margin-inline-start:auto;font-weight:800;display:inline-flex}.tag-masail{background:var(--cream);color:var(--gold-deep)}.tag-tafseer{background:var(--teal-100);color:var(--teal-800)}.tag-mazameen{background:var(--teal-950);color:var(--white)}.tag-lang{background:var(--white);color:var(--teal-950);border:1px solid var(--line)}.ilm-empty{border-radius:var(--radius);text-align:center;color:var(--ink-soft);justify-content:center;align-items:center;gap:12px;padding:34px 24px;font-size:17px;display:flex}.ilm-empty svg{color:var(--gold-deep);flex:none}.post-section{background:var(--white)}.post-article{flex-direction:column;gap:28px;max-width:780px;margin:0 auto;display:flex;position:relative}.post-body{color:var(--ink);flex-direction:column;gap:18px;font-size:18.5px;line-height:1.9;display:flex}.lang-ur .post-body{font-size:19.5px;line-height:2.15}.post-body p{overflow-wrap:anywhere;margin:0}.post-body h2{color:var(--teal-950);margin-top:14px;font-size:clamp(26px,2.6vw,32px);line-height:1.3}.post-body h3{color:var(--teal-950);margin-top:6px;font-size:22px;line-height:1.4}.lang-ur .post-body h2,.lang-ur .post-body h3{line-height:1.6}.post-body ul,.post-body ol{flex-direction:column;gap:8px;margin:0;padding-inline-start:1.4em;display:flex}.post-body li::marker{color:var(--gold-deep);font-weight:800}.post-body blockquote{border-inline-start:4px solid var(--gold);background:var(--cream);border-start-end-radius:16px;border-end-end-radius:16px;margin:0;padding:14px 20px}.post-body blockquote p{margin:0}.post-qa-label{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);align-items:center;gap:8px;font-size:13.5px;font-weight:800;display:inline-flex}.lang-ur .post-qa-label{letter-spacing:0;text-transform:none;font-size:16px}.post-question{background:var(--teal-50);border:1px solid var(--line);border-radius:20px;padding:20px 22px}.post-question p{color:var(--teal-950);margin-top:6px;font-weight:600}.post-answer-label{margin-top:6px}.post-source{border:1px solid var(--line);background:linear-gradient(180deg, var(--cream), var(--white));border-radius:22px;flex-direction:column;gap:12px;margin:6px 0;padding:24px 26px;display:flex}.post-ayah{border-color:var(--gold-line)}.post-source-label{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);align-self:flex-start;font-size:12.5px;font-weight:800}.lang-ur .post-source-label{letter-spacing:0;text-transform:none;font-size:15px}.post-arabic{text-align:center;color:var(--teal-950);overflow-wrap:anywhere;margin:0;font-family:Amiri Quran,Noto Naskh Arabic,serif;font-size:clamp(25px,3vw,32px);line-height:2.2}.post-hadith .post-arabic{font-family:Noto Naskh Arabic,Amiri Quran,serif;font-size:clamp(22px,2.4vw,26px);line-height:2.1}.post-translation{color:var(--ink);margin:0}.post-source-ref{color:var(--teal-700);font-size:15px;font-weight:700}.post-refs{background:var(--teal-50);border:1px solid var(--line);border-radius:20px;padding:20px 22px}.post-refs h2{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--teal-800);margin-bottom:8px;font-size:14px;font-weight:800}.lang-ur .post-refs h2{letter-spacing:0;text-transform:none;font-size:17px}.post-refs ol{color:var(--ink);flex-direction:column;gap:6px;margin:0;padding-inline-start:1.4em;font-size:15.5px;line-height:1.7;display:flex}.post-note{background:var(--cream);color:var(--ink);border-radius:16px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:15px;line-height:1.7;display:flex}.post-note svg{color:var(--gold-deep);flex:none;margin-top:4px}.share-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-top:20px;display:flex}.share-title{color:var(--teal-950);margin-inline-end:4px;font-weight:800}.share-btn{border:1.5px solid var(--mist);background:var(--white);min-height:44px;color:var(--teal-950);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.share-btn:hover{border-color:var(--teal-700);color:var(--teal-950)}.share-wa{color:var(--white);background:#1daa61;border-color:#1daa61}.share-wa:hover{background:var(--teal-800);border-color:var(--teal-800);color:var(--white)}.post-cta{background:var(--teal-950);color:var(--white);border-radius:24px;flex-wrap:wrap;align-items:center;gap:16px 20px;padding:22px 24px;display:flex}.post-cta-text{flex-direction:column;flex:240px;gap:4px;display:flex}.post-cta-text strong{font-size:18px}.post-cta-text span{color:var(--on-dark-soft);font-size:15px}.post-related{flex-direction:column;gap:24px;max-width:1100px;margin:64px auto 0;display:flex}.post-related .h2{text-align:center;font-size:clamp(28px,3vw,36px)}@media (max-width:640px){.post-body{font-size:17.5px}.lang-ur .post-body{font-size:18.5px}.post-source{padding:20px 18px}.share-title{flex-basis:100%}}