.mp{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fbfcfe;--wash:#f1f3f8;--ink:#14161c;--ink-2:#3a3f4b;--ink-3:#5a606e;--hair:#d5d8e2;--rule:#767d92;--blue:#1d3c9c;--blue-wash:#e6ecfa;--green:#146c45;--green-wash:#e1f2e8;--red:#b3261e;--red-wash:#fbe6e3;--orange:#9a4d08;--orange-wash:#fbebd6;--on-blue:#fff;--backdrop:#e6eaf2;--sheet-shadow:0 18px 40px -18px #14161c52, 0 2px 6px -2px #14161c1f;--serif:var(--f-serif), "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;--sans:var(--f-sans), "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--quran:var(--f-quran), "Amiri Quran", "Amiri", "Noto Naskh Arabic", serif;--naskh:var(--f-naskh), "Noto Naskh Arabic", "Amiri", serif;--kufi:var(--f-kufi), "Reem Kufi", "Noto Naskh Arabic", sans-serif;--t-label:.8125rem;--t-ui:.9375rem;--t-body:1.0625rem;--t-lead:1.25rem;--t-h3:1.5rem;--t-h2:clamp(1.75rem, 1.2rem + 2.2vw, 2.5rem);--t-h1:clamp(2.5rem, 1.6rem + 4.6vw, 4.75rem);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--s9:112px;--r-field:2px;--r-btn:4px;--r-sheet:6px;--ease:cubic-bezier(.16, 1, .3, 1);--d1:.12s;--d2:.24s;--d3:.52s;--tap:48px}.mp[data-theme=night],.mp [data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#10152f;--wash:#171d3e;--ink:#f2f3f9;--ink-2:#c3c8da;--ink-3:#9aa1ba;--hair:#2c3463;--rule:#6c75a4;--blue:#9db4ff;--blue-wash:#1b2552;--green:#6ed9a3;--green-wash:#11322a;--red:#ff9488;--red-wash:#3b1a22;--orange:#ffb766;--orange-wash:#3a2a17;--on-blue:#0a0e22;--backdrop:#0a0e22;--sheet-shadow:0 18px 40px -14px #0009, 0 2px 6px -2px #0006}.mp *,.mp :before,.mp :after{box-sizing:border-box}.mp{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--backdrop);color:var(--ink);font-family:var(--sans);font-size:var(--t-ui);font-variant-numeric:tabular-nums;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}.mp img,.mp svg{max-width:100%;display:block}.mp button,.mp input,.mp select,.mp textarea{font:inherit;color:inherit}.mp a{color:var(--blue);text-underline-offset:.22em;text-decoration-thickness:1px}.mp a:hover{text-decoration-thickness:2px}.mp ::selection{background:var(--blue);color:var(--on-blue)}.mp :focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:2px}.mp [hidden]{display:none!important}.mp *{scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.mp ::-webkit-scrollbar{width:10px;height:10px}.mp ::-webkit-scrollbar-thumb{background:var(--rule);border:3px solid var(--paper);border-radius:0}.mp ::-webkit-scrollbar-track{background:0 0}.mp .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mp h1,.mp h2,.mp h3,.mp h4{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;color:var(--ink);margin:0;font-weight:500}.mp h1{font-size:var(--t-h1);letter-spacing:-.035em;font-variation-settings:"opsz" 60;line-height:1.02}.mp h2{font-size:var(--t-h2);line-height:1.1}.mp h3{font-size:var(--t-h3);line-height:1.2}.mp h4{font-family:var(--sans);font-size:var(--t-ui);letter-spacing:0;font-weight:650}.mp p{text-wrap:pretty;margin:0}.mp .lead{font-family:var(--serif);font-size:var(--t-lead);color:var(--ink-2);max-width:34ch;line-height:1.5}.mp .body{font-family:var(--serif);font-size:var(--t-body);max-width:66ch;line-height:1.65}.mp .label{font-size:var(--t-label);color:var(--ink-3);letter-spacing:.01em;font-weight:600}.mp .meta{font-size:var(--t-label);color:var(--ink-3)}.mp .num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum"}.mp .ar{font-family:var(--quran);direction:rtl;unicode-bidi:isolate;font-size:1.75rem;line-height:2.2}.mp .ar-body{font-family:var(--naskh);direction:rtl;unicode-bidi:isolate;font-size:1.125rem;line-height:2}.mp .wordmark{font-family:var(--kufi);letter-spacing:0;color:var(--blue);font-weight:600;text-decoration:none}.mp[data-theme=night] .page>.jn,.mp [data-theme=night] .page>.jn,.mp[data-theme=night].page>.jn,.mp [data-theme=night].page>.jn{filter:invert(.55)hue-rotate()brightness(1.9)}.mp .btn{--bg:var(--blue);--fg:var(--on-blue);--bd:var(--blue);justify-content:center;align-items:center;gap:var(--s3);min-height:var(--tap);padding:0 var(--s5);background:var(--bg);color:var(--fg);border:1px solid var(--bd);border-radius:var(--r-btn);font-family:var(--sans);font-size:var(--t-ui);letter-spacing:0;cursor:pointer;transition:transform var(--d1) var(--ease), background var(--d2) var(--ease), color var(--d2) var(--ease);font-weight:650;text-decoration:none;display:inline-flex}.mp .btn svg{width:18px;height:18px;transition:transform var(--d2) var(--ease)}.mp .btn:hover svg.go{transform:translate(3px)}.mp .btn:active{transform:translateY(1px)}.mp .btn.ghost{--bg:transparent;--fg:var(--blue);--bd:var(--blue)}.mp .btn.ghost:hover{--bg:var(--blue-wash)}.mp .btn.quiet{--bg:transparent;--fg:var(--ink);--bd:transparent;padding:0 var(--s3);text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:1px}.mp .btn.danger{--bg:transparent;--fg:var(--red);--bd:var(--red)}.mp .btn.danger.solid{--bg:var(--red);--fg:#fff}.mp[data-theme=night] .btn.danger.solid,.mp [data-theme=night] .btn.danger.solid{--fg:#10152f}.mp .btn.block{width:100%}.mp .btn.lg{min-height:56px;padding:0 var(--s6);font-size:1.0625rem}.mp .btn[disabled],.mp .btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.mp .btn.sm{min-height:40px;padding:0 var(--s4);font-size:var(--t-label)}.mp .field{gap:var(--s2);display:grid}.mp .field label,.mp .field .label{font-size:var(--t-label);color:var(--ink-2);font-weight:650}.mp .field .hint{font-size:var(--t-label);color:var(--ink-3)}.mp .input,.mp select.input,.mp textarea.input{width:100%;min-height:var(--tap);padding:var(--s2) var(--s3);background:var(--wash);border:0;border-bottom:2px solid var(--rule);border-radius:var(--r-field) var(--r-field) 0 0;font-family:var(--serif);font-size:var(--t-body);color:var(--ink);transition:border-color var(--d2) var(--ease), background var(--d2) var(--ease)}.mp .input::placeholder{color:var(--ink-3);opacity:1}.mp .input:hover{border-bottom-color:var(--ink-2)}.mp .input:focus-visible{border-bottom-color:var(--blue);background:var(--blue-wash);outline:0}.mp .input[aria-invalid=true]{border-bottom-color:var(--red);background:var(--red-wash)}.mp .err{font-size:var(--t-label);color:var(--red);gap:var(--s2);align-items:flex-start;font-weight:600;display:flex}.mp .err svg{flex:none;width:16px;height:16px;margin-top:2px}.mp .choice{gap:var(--s3);padding:var(--s4);border:1px solid var(--rule);border-radius:var(--r-field);cursor:pointer;background:var(--paper);min-height:var(--tap);transition:background var(--d2) var(--ease), border-color var(--d2) var(--ease);grid-template-columns:28px 1fr;display:grid}.mp .choice+.choice{margin-top:-1px}.mp .choice:hover{background:var(--wash)}.mp .choice input{opacity:0;position:absolute}.mp .choice .dot{border:1.5px solid var(--rule);width:22px;height:22px;transition:border-color var(--d2) var(--ease);border-radius:50%;place-items:center;margin-top:2px;display:grid}.mp .choice .dot:after{content:"";background:var(--blue);width:10px;height:10px;transition:transform var(--d2) var(--ease);border-radius:50%;transform:scale(0)}.mp .choice:has(input:checked){border-color:var(--blue);background:var(--blue-wash);z-index:1;position:relative}.mp .choice:has(input:checked) .dot{border-color:var(--blue)}.mp .choice:has(input:checked) .dot:after{transform:scale(1)}.mp .choice:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}.mp .choice .ct{font-family:var(--serif);font-size:var(--t-body);line-height:1.35}.mp .choice .cs{font-size:var(--t-label);color:var(--ink-3);margin-top:2px}.mp .tabs{gap:var(--s5);border-bottom:1px solid var(--hair);scrollbar-width:none;display:flex;overflow-x:auto}.mp .tab{padding:var(--s3) 0;min-height:44px;color:var(--ink-3);cursor:pointer;white-space:nowrap;transition:color var(--d2) var(--ease), border-color var(--d2) var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:600}.mp .tab:hover{color:var(--ink)}.mp .tab[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.mp[data-js] .reveal{opacity:0;transition:opacity var(--d3) var(--ease), transform var(--d3) var(--ease);transform:translateY(14px)}.mp[data-js] .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.mp{scroll-behavior:auto}.mp *,.mp :before,.mp :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.mp[data-js] .reveal{opacity:1;transform:none}}.mp .themebtn{right:var(--s4);bottom:var(--s4);z-index:30;position:fixed}
.mp .top{z-index:20;background:var(--paper);border-bottom:1px solid var(--hair);position:sticky;top:0}.mp .top .in{max-width:1240px;padding:0 var(--s4);justify-content:space-between;align-items:center;gap:var(--s4);height:64px;margin:0 auto;display:flex}.mp .top .wordmark{font-size:1.375rem}.mp .top nav{gap:var(--s5);display:none}.mp .top nav a{color:var(--ink-2);align-items:center;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}.mp .top nav a:hover{color:var(--blue)}.mp .top .cta{display:none}.mp .menu-btn{border:1px solid var(--rule);border-radius:var(--r-btn);cursor:pointer;background:0 0;place-items:center;width:44px;height:44px;display:grid}.mp .menu-btn svg{width:20px;height:20px}.mp .sheet{z-index:19;background:var(--paper);border-bottom:1px solid var(--rule);box-shadow:var(--sheet-shadow);padding:var(--s3) var(--s4) var(--s5);opacity:0;pointer-events:none;transition:opacity var(--d2) var(--ease), transform var(--d2) var(--ease);position:fixed;inset:64px 0 auto;transform:translateY(-8px)}.mp .sheet.open{opacity:1;pointer-events:auto;transform:none}.mp .sheet a{border-bottom:1px solid var(--hair);min-height:52px;color:var(--ink);font-family:var(--serif);align-items:center;font-size:1.25rem;text-decoration:none;display:flex}@media (min-width:900px){.mp .top nav{display:flex}.mp .top .cta{display:inline-flex}.mp .menu-btn,.mp .sheet{display:none}.mp .top .in{padding:0 var(--s6)}}.mp main{max-width:1240px;padding:var(--s4) var(--s4) var(--s8);gap:var(--s5);margin:0 auto;display:grid}@media (min-width:900px){.mp main{padding:var(--s6) var(--s6) var(--s9);gap:var(--s6)}}.mp .spread{gap:var(--s5);display:grid}@media (min-width:900px){.mp .spread{gap:var(--s6);grid-template-columns:1fr 1fr}.mp .spread.wide-l{grid-template-columns:1.15fr 1fr}}.mp .hero-l{justify-content:center;gap:var(--s5);flex-direction:column;min-height:min(78dvh,720px);display:flex}.mp .bismillah{font-family:var(--quran);color:var(--blue);text-align:center;direction:rtl;font-size:1.75rem;line-height:1.8}.mp .hero-l h1{text-align:center}.mp .hero-l .lead{text-align:center;max-width:30ch;margin:0 auto}.mp .actions{gap:var(--s3);margin-top:var(--s2);justify-items:center;display:grid}.mp .actions .btn{width:100%;max-width:360px}@media (min-width:900px){.mp .hero-l{align-items:stretch}}.mp .hero-r h2{text-align:center;margin-bottom:var(--s2);font-size:1.5rem}.mp .hero-r .sub{text-align:center;color:var(--ink-3);font-size:var(--t-label);margin-bottom:var(--s5)}.mp .legend{gap:var(--s2) var(--s5);margin-top:var(--s5);font-size:var(--t-label);color:var(--ink-2);flex-wrap:wrap;display:flex}.mp .legend span{align-items:center;gap:var(--s2);display:inline-flex}.mp .legend .med{width:24px;height:24px}.mp .ink-c{font-size:var(--t-label);color:var(--ink-3);text-align:center;margin-top:var(--s4);min-height:1.5em}.mp .steps .row{grid-template-columns:36px 1fr}.mp .steps .t{font-size:1.1875rem}.mp .steps p.s{max-width:52ch;font-family:var(--serif);color:var(--ink-2);margin-top:4px;font-size:1rem;line-height:1.55}.mp .big{text-align:center;font-size:var(--t-h2);margin:calc(-1 * var(--s3)) auto var(--s6);max-width:18ch}.mp .turn{padding:0 0 var(--s3);gap:var(--s4);scroll-snap-type:x mandatory;scroll-padding-inline:var(--s2);-webkit-overflow-scrolling:touch;margin:0;list-style:none;display:flex;overflow-x:auto}.mp .leaf{scroll-snap-align:start;padding:var(--s5);box-shadow:inset 0 0 0 1px var(--hair);gap:var(--s3);flex:0 0 min(84%,340px);align-content:start;min-height:280px;display:grid}.mp .leaf h3{font-size:1.375rem}.mp .leaf p{font-family:var(--serif);color:var(--ink-2);font-size:1rem;line-height:1.55}@media (min-width:900px){.mp .turn{grid-template-columns:repeat(5,1fr);display:grid;overflow:visible}.mp .leaf{flex:none}}.mp .demo{gap:var(--s5);display:grid}.mp .demo .pair{gap:var(--s4);display:grid}@media (min-width:560px){.mp .demo .pair{grid-template-columns:1fr 1fr}}.mp .demo .you-in .input{border-bottom-color:var(--red)}.mp .demo .them-in .input{border-bottom-color:var(--blue)}.mp .demo .you-in label{color:var(--red)}.mp .demo .them-in label{color:var(--blue)}.mp .verdict{padding:var(--s4) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.mp .stage{color:var(--ink);background:var(--paper)}.mp .stage .ar{color:var(--ink);text-align:center;font-size:clamp(1.75rem,1.2rem + 2.6vw,2.5rem);line-height:2.3}.mp .stage .w{transition:color var(--d2) var(--ease)}.mp .stage .w.on{color:var(--blue)}.mp .stage .tr{text-align:center;font-family:var(--serif);color:var(--ink-2);margin-top:var(--s3);font-size:1.0625rem;font-style:italic}.mp .present{gap:var(--s3) var(--s5);margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--hair);flex-wrap:wrap;justify-content:center;display:flex}.mp .present span{align-items:center;gap:var(--s2);font-size:var(--t-label);color:var(--ink-2);font-weight:600;display:inline-flex}.mp .present .med{width:26px;height:26px}.mp .fees{border-collapse:collapse;width:100%}.mp .fees th,.mp .fees td{text-align:start;padding:var(--s4) 0;border-bottom:1px solid var(--hair);vertical-align:top}.mp .fees th{font-weight:500;font-family:var(--serif);padding-right:var(--s4);font-size:1.375rem}.mp .fees td.p{text-align:end;font-family:var(--serif);letter-spacing:-.02em;white-space:nowrap;font-size:2rem}.mp .fees ul{margin:var(--s2) 0 0;font-size:var(--t-ui);color:var(--ink-2);font-family:var(--sans);letter-spacing:0;gap:4px;padding:0;font-weight:400;list-style:none;display:grid}.mp .fees li{gap:var(--s2);display:flex}.mp .fees li svg{width:16px;height:16px;color:var(--green);flex:none;margin-top:4px}.mp .fees tr:first-child{border-top:1px solid var(--rule)}.mp .vf,.mp .vf form{gap:var(--s3);display:grid}@media (min-width:560px){.mp .vf form{grid-template-columns:1fr auto;align-items:end}}.mp footer{max-width:1240px;padding:var(--s6) var(--s4) var(--s8);color:var(--ink-3);font-size:var(--t-label);gap:var(--s4);margin:0 auto;display:grid}.mp footer .wordmark{font-size:1.25rem}.mp footer .legal{max-width:70ch}@media (min-width:900px){.mp footer{padding-inline:var(--s6)}}.mp .signin{display:none}.mp .cur{gap:var(--s4);margin-bottom:var(--s4);border-bottom:1px solid var(--hair);display:flex}.mp .vf-form{gap:var(--s3);display:grid}@media (min-width:560px){.mp .vf-form{grid-template-columns:1fr auto;align-items:start}.mp .vf-form .btn{margin-top:26px}}.mp .flinks{gap:var(--s2) var(--s5);flex-wrap:wrap;display:flex}.mp .flinks a{color:var(--ink-2);align-items:center;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}.mp .flinks a:hover{color:var(--blue);text-decoration:underline}.mp .prow{gap:var(--s4);padding:var(--s4) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--hair);color:var(--ink);grid-template-columns:36px 1fr auto;align-items:center;text-decoration:none;display:grid}.mp .prow:hover{background:var(--wash)}.mp .prow .t{font-family:var(--serif);font-size:1.1875rem}.mp .prow .s{color:var(--ink-3);font-size:var(--t-label);display:block}.mp .prow svg{width:24px;height:24px;color:var(--blue)}@media (min-width:900px){.mp .signin{display:inline-flex}}.mp .part-h{text-align:center;gap:var(--s4);max-width:54ch;margin:0 auto var(--s6);justify-items:center;display:grid}.mp .part-h h1{font-size:clamp(2.25rem,1.5rem + 3.5vw,4rem)}.mp .facts{border-top:1px solid var(--rule);max-width:760px;margin:0 auto;padding:0;list-style:none}.mp .facts li{padding:var(--s4) 0;border-bottom:1px solid var(--hair);gap:2px;display:grid}.mp .facts b{font-family:var(--serif);letter-spacing:-.01em;font-size:1.1875rem;font-weight:500}.mp .facts span{color:var(--ink-2);font-family:var(--serif)}.mp .part-cta{gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap;justify-content:center;display:flex}