@font-face{font-family:IndoPak;src:url(/fonts/indopak-nastaleeq-waqf-lazim-v4.2.1.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IndoPak Inline;src:url(/fonts/indopak-nastaleeq-waqf-lazim-v4.2.1.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;size-adjust:135%;unicode-range:U+600-65F,U+66A-6FF,U+750-77F,U+FB50-FDFF,U+FE70-FEFF}:root{--ink:#15171b;--ink-2:#5f6570;--line:#e6e8ec;--paper:#fff;--paper-2:#f6f7f9;--accent:#2b47d9;--accent-soft:#e8ecfb;--ok:#1f8a4c;--bad:#c2372f;--r1:#2b47d9;--r2:#d4750f;--r3:#7a3fb8;--role-point:#7a3fb8;--role-thing:#15171b;--role-describe:#d4750f;--role-link:#2b47d9;--role-who:#0f8a8a;--role-action:#b8412e;--role-ask:#7a3fb8;--role-answer:#1f8a4c;--font-ar:"IndoPak", "Noto Naskh Arabic", serif;--font-ui:"IndoPak Inline", "IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-digits:"Noto Naskh Arabic", "Geeza Pro", system-ui, sans-serif;--radius:14px;--gap:16px;--max:1080px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:var(--font-ui);margin:0;font-weight:600}h1{font-size:28px;line-height:1.25}p{margin:0}button{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.ar{font-family:var(--font-ar);direction:rtl;unicode-bidi:isolate}.ar-stage{--ar-size:84px;font-size:var(--ar-size);line-height:2}@media (width<=720px){.ar-stage{--ar-size:46px;line-height:2.1}}.ar-phrase{--ar-size:40px;font-size:var(--ar-size);line-height:1.9}.ar-chip{--ar-size:26px;font-size:var(--ar-size);line-height:1.7}.translit{font-family:var(--font-mono);color:var(--ink-2);font-size:13px}.pill{font-family:var(--font-mono);color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:13px;display:inline-flex}.container{max-width:var(--max);margin:0 auto;padding:0 20px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:var(--gap)}.quiet-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:var(--gap);color:var(--ink-2);font-size:14px}.btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{opacity:.92}.accent-text{color:var(--accent)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;transition-delay:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:.001ms!important}}