@font-face{font-family:Noto Kufi Arabic;src:url(/fonts/noto-kufi-arabic.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope.woff2)format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+2010-2027,U+2212}:root{--night:#181e3a;--night-deep:#0b0f26;--void:#05071a;--amber:#d6a354;--amber-hi:#f3d9a8;--amber-ink:#ad742b;--sand:#eee6d8;--bg:#0a0e25;--surface:#181e4094;--surface-solid:#141a3d;--surface-2:#eee6d80e;--ink:#eee6d8;--ink-2:#d2cbbd;--muted:#a4a2ba;--line:#eee6d81a;--line-strong:#eee6d833;--accent:#d6a354;--accent-strong:#f0c47a;--on-accent:#0b0f26;--glow:#d6a35473;--total:#d6a354;--partial:#93a2da;--radius:22px;--radius-sm:14px;--shadow:0 1px 0 #ffffff0a inset, 0 24px 60px -30px #000000d9;--font:"Manrope", "Noto Kufi Arabic", system-ui, sans-serif;--ease:cubic-bezier(.2, .7, .2, 1);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--void);scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(70% 50% at 85% -5%,#584aa847,#0000 70%),radial-gradient(60% 45% at 0 20%,#24428c38,#0000 70%),radial-gradient(120% 60% at 50% 115%,#d6a3541a,#0000 60%),linear-gradient(#0b1030 0%,#080b22 45%,#05071a 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;margin:0;font-size:17px;line-height:1.95}#sky-bg{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}img,svg{max-width:100%;height:auto}a{color:var(--accent);text-underline-offset:5px;text-decoration-thickness:1px;transition:color .2s}a:hover{color:var(--amber-hi)}h1,h2,h3,h4{letter-spacing:0;color:#f4eee2;margin:0 0 .5em;font-weight:600;line-height:1.4}h1{font-size:clamp(32px,5.6vw,58px);line-height:1.3}h2{margin-top:1.8em;font-size:clamp(24px,3.4vw,34px)}h3{margin-top:1.4em;font-size:20px}p{margin:0 0 1em}strong{color:#fbf6ec}::selection{color:#fff;background:#d6a35466}.num,.ltr{direction:ltr;unicode-bidi:isolate}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}code{background:var(--surface-2);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.wrap{width:min(1180px,100% - 32px);margin-inline:auto}.prose{max-width:780px}.prose ul,.prose ol{padding-inline-start:1.3em}.prose li{margin-bottom:.45em}.prose li::marker{color:var(--accent)}.prose p,.prose li{color:var(--ink-2)}.muted{color:var(--muted)}.small{font-size:14px}.eyebrow{color:var(--accent);letter-spacing:0;align-items:center;gap:10px;margin-bottom:.6em;font-size:14px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, transparent, var(--accent));width:22px;height:1px}.gradient-text{background:linear-gradient(100deg,#fff8ea 10%,#f3d9a8 45%,#d6a354 90%);color:#0000;-webkit-background-clip:text;background-clip:text}.site-header{z-index:30;border-bottom:1px solid #0000;transition:background .35s,border-color .35s,backdrop-filter .35s;position:sticky;top:0}.site-header.scrolled,.site-header.solid{-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom-color:var(--line);background:#080b20b8}.site-header .wrap{align-items:center;gap:20px;min-height:68px;display:flex}.logo{align-items:center;transition:filter .3s;display:inline-flex}.logo:hover{filter:drop-shadow(0 0 12px var(--glow))}.logo img{width:auto;height:34px;display:block}.on-light{display:none!important}.nav{flex-wrap:wrap;align-items:center;gap:4px;margin-inline-start:auto;display:flex}.nav a{color:var(--ink-2);border-radius:999px;padding:7px 14px;font-size:15px;text-decoration:none;transition:background .2s,color .2s}.nav a:hover,.nav a[aria-current=page]{background:var(--surface-2);color:#fff}.nav .cta{color:var(--on-accent);box-shadow:0 0 0 1px #ffffff26 inset, 0 6px 24px -8px var(--glow);background:linear-gradient(#e8bd73,#c9923f);font-weight:600}.nav .cta:hover{color:var(--on-accent);box-shadow:0 0 0 1px #fff3 inset, 0 8px 30px -6px var(--glow);background:linear-gradient(#f3cc86,#d6a354)}@media (width<=720px){.site-header{-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line);background:#080b20c7}.site-header .wrap{flex-wrap:wrap;gap:4px 12px;min-height:0;padding-block:8px}.nav{scrollbar-width:none;flex-wrap:nowrap;gap:2px;width:100%;margin:0;overflow-x:auto}.nav a{white-space:nowrap;padding:5px 10px;font-size:13.5px}}.site-footer{color:var(--muted);margin-top:120px;padding:56px 0 48px;font-size:14px;position:relative}.site-footer:before{content:"";inset-inline:0;background:linear-gradient(90deg,#0000,#d6a35499,#0000);height:1px;position:absolute;top:0;box-shadow:0 0 24px 2px #d6a35459}.site-footer:after{content:"";inset-inline:0;pointer-events:none;background:radial-gradient(60% 100% at 50% 0,#d6a3541a,#0000 70%);height:160px;position:absolute;top:0}.site-footer .cols{z-index:1;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:28px;display:grid;position:relative}.site-footer h4{color:var(--ink);margin:0 0 .7em;font-size:15px}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin-bottom:.35em}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--amber-hi)}@media (width<=720px){.site-footer .cols{grid-template-columns:1fr 1fr}.site-footer .about{grid-column:1/-1}}main{display:block}.section{padding-block:36px}.crumbs{color:var(--muted);padding-top:22px;font-size:14px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}.crumbs span[aria-hidden]{opacity:.5;margin-inline:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);transition:transform .45s var(--ease), border-color .3s, box-shadow .45s var(--ease);isolation:isolate;padding:24px;position:relative;overflow:hidden}.card:before{content:"";z-index:-1;opacity:0;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%), #d6a35424, transparent 60%);transition:opacity .3s;position:absolute;inset:0}a.card:hover,.card.hoverable:hover{box-shadow:0 1px 0 #ffffff0f inset, 0 30px 70px -30px #000000e6, 0 0 0 1px #d6a35414, 0 10px 40px -20px var(--glow);border-color:#d6a35466;transform:translateY(-4px)}a.card:hover:before,.card.hoverable:hover:before{opacity:1}a.card{color:var(--ink);text-decoration:none}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.grid-2,.grid-3{grid-template-columns:1fr}}.btn{color:var(--on-accent);font:inherit;cursor:pointer;box-shadow:0 0 0 1px #ffffff2e inset, 0 10px 30px -10px var(--glow);transition:transform .25s var(--ease), box-shadow .25s, background .25s;background:linear-gradient(#e8bd73,#c9923f);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex;position:relative}.btn:hover{color:var(--on-accent);transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff40,0 16px 40px -12px #d6a354b3}.btn.ghost{color:var(--ink);box-shadow:0 0 0 1px var(--line-strong) inset;backdrop-filter:blur(8px);background:#eee6d80a}.btn.ghost:hover{color:#fff;background:#eee6d817;box-shadow:inset 0 0 0 1px #eee6d859}.chip{background:var(--surface-2);color:var(--ink);white-space:nowrap;border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:2px 11px;font-size:13px;display:inline-flex}.chip.total{color:var(--amber-hi);box-shadow:0 0 14px -6px var(--glow);background:#d6a35424;border-color:#d6a35459}.chip.partial{color:#cdd5f5;background:#93a2da1f;border-color:#93a2da4d}.stat{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);backdrop-filter:blur(8px);padding:18px 20px;position:relative}.stat b{color:var(--amber-hi);text-shadow:0 0 24px #d6a35459;font-size:clamp(22px,3vw,30px);font-weight:600;line-height:1.35;display:block}.stat span{color:var(--muted);font-size:13px}.answer{border-radius:var(--radius-sm);color:var(--ink);background:linear-gradient(135deg,#d6a3541f,#181e4099 55%);border:1px solid #d6a35440;padding:20px 24px;font-size:18px;position:relative;box-shadow:0 20px 50px -30px #000000e6}.answer:before{content:"";background:linear-gradient(var(--amber-hi), var(--amber));width:3px;box-shadow:0 0 14px var(--glow);border-radius:3px;position:absolute;inset-block:14px;inset-inline-start:0}table.data{border-collapse:separate;border-spacing:0;width:100%;font-size:15px}table.data th,table.data td{text-align:start;border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 14px}table.data th{color:var(--muted);background:#080b2080;font-size:13px;font-weight:600;position:sticky;top:0}table.data tbody tr{transition:background .2s}table.data tbody tr:hover td{background:#d6a3540f}table.data a{font-weight:600;text-decoration:none}.table-scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius-sm);backdrop-filter:blur(8px);background:#0c102c8c;overflow-x:auto}.table-scroll table.data tr:last-child td{border-bottom:0}details.faq{border-bottom:1px solid var(--line);padding:16px 0}details.faq summary{cursor:pointer;color:var(--ink);justify-content:space-between;gap:12px;font-weight:600;list-style:none;display:flex}details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"+";color:var(--accent);transition:transform .3s var(--ease);font-size:22px;font-weight:400;line-height:1}details.faq[open] summary:after{transform:rotate(45deg)}details.faq p{color:var(--muted);margin:.7em 0 0}.callout{border-radius:var(--radius-sm);color:var(--ink-2);background:#d6a35414;border:1px solid #d6a35447;padding:18px 20px}.callout.warn{background:#ef6a4814;border-color:#ef6a4852}.callout.warn strong{color:#ffb59e}.hero-dark{color:var(--sand);position:relative}.hero-dark a:not(.btn){color:var(--amber)}.hero-dark .muted{color:#b9b6c6}hr{background:linear-gradient(90deg, transparent, var(--line-strong), transparent);border:0;height:1px;margin:40px 0 16px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-head{padding-top:8px;position:relative}.page-head h1{max-width:900px}.js [data-reveal]{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:var(--d,0s);transform:translateY(22px)}.js [data-reveal].in{opacity:1;transform:none}.js [data-reveal=fade]{transform:none}.js [data-reveal=scale]{transform:scale(.96)}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.55}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #d6a35473}70%{box-shadow:0 0 0 14px #d6a35400}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.js [data-reveal]{opacity:1;transform:none}}
