:root{--bg:oklch(16% 0.03 225);--surface:oklch(22% 0.04 220);--fg:oklch(96% 0.015 210);--muted:oklch(78% 0.03 215);--border:oklch(36% 0.05 215);--accent:oklch(78% 0.17 190);--accent-soft:color-mix(in oklch,var(--accent) 12%,transparent);--fg-soft:color-mix(in oklch,var(--fg) 6%,transparent);--font-display:"SF Arabic","Noto Sans Arabic",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"SF Arabic","Noto Sans Arabic",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,monospace;--container:1180px;--gutter:32px;--fs-h1:clamp(46px,6.3vw,82px);--fs-h2:clamp(32px,4vw,52px);--fs-h3:22px;--fs-lead:19px;--fs-body:16px;--fs-meta:12px;--gap-xs:8px;--gap-sm:12px;--gap-md:20px;--gap-lg:32px;--gap-xl:56px;--gap-2xl:96px;--radius:2px;--radius-lg:2px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body,html{max-width:100%;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.75 var(--font-body);text-rendering:optimizeLegibility}img,svg,video{height:auto}.container,.grid,[class*=grid],[class*=layout],main,section{min-width:0}bdi,code,pre{overflow-wrap:anywhere}pre,table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline:3px solid color-mix(in oklch,var(--accent) 55%,transparent);outline-offset:3px}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in oklch,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-inner{min-height:70px;display:flex;justify-content:space-between;gap:24px}.logo,.nav-inner{align-items:center}.logo{display:inline-flex;gap:10px;font-family:var(--font-display);font-size:23px;font-weight:700}.logo-mark{width:30px;height:34px;object-fit:contain;border-radius:4px;flex:none}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{min-height:44px;display:inline-flex;align-items:center;color:var(--muted)}.nav-links a:hover{color:var(--fg)}.nav-links a[aria-current=page]{color:var(--fg);font-weight:700}.nav-tools{display:flex;align-items:center;gap:8px}.nav-login{min-height:44px;padding-inline:16px;border:1px solid var(--border);background:transparent;color:var(--fg);display:inline-grid;place-items:center}.nav-login:hover{border-color:var(--fg);background:var(--fg-soft)}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border:1px solid var(--border);font-weight:700}.btn:hover{border-color:var(--fg);background:var(--fg-soft)}.btn .arrow{-webkit-margin-start:10px;margin-inline-start:10px}.btn-primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}.btn-primary:hover{background:color-mix(in oklch,var(--accent) 86%,black);border-color:var(--accent)}.btn-secondary{border-color:var(--border);background:transparent;color:var(--fg)}.text-link{font-weight:700;color:var(--fg);text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}.text-link:hover{color:var(--accent)}@media (prefers-reduced-motion:no-preference){.btn,.btn-primary,.btn-secondary{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.btn-primary:after,.btn-secondary:after,.btn:after{content:"";position:absolute;inset-block:0;inset-inline-start:-45%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45) 50%,transparent);transform:skewX(-18deg);opacity:0;pointer-events:none}.btn-primary:hover:after,.btn-secondary:hover:after,.btn:hover:after{animation:anw-sweep .85s cubic-bezier(.4,0,.2,1)}.btn-primary:hover,.btn-secondary:hover,.btn:hover{transform:translateY(-1px)}.btn-primary:hover{box-shadow:0 8px 28px color-mix(in oklch,var(--accent) 30%,transparent)}.btn:active{transform:translateY(0)}}.hero{padding-block:clamp(64px,9vw,120px);border-bottom:1px solid var(--border)}.crumb{font:12px/1.5 var(--font-mono);color:var(--accent);margin:0 0 20px}.hero h1{font-size:clamp(44px,6.5vw,84px);line-height:1.08;max-width:14ch;margin:0}.hero .lead{font-size:clamp(18px,1.8vw,22px);line-height:1.7;color:var(--muted);max-width:56ch;margin:26px 0 0}.section{padding-block:80px;border-bottom:1px solid var(--border)}.section h2{font-size:clamp(34px,4.5vw,52px);margin:0 0 34px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);padding:3px 10px;font:12px/1.6 var(--font-mono);color:var(--muted)}.chip-vip{border-color:var(--fg);color:var(--fg)}.foryou{color:var(--accent);font:11px/1.5 var(--font-mono)}.like{min-height:44px;padding:0 10px;border:1px solid transparent;background:transparent;color:var(--muted)}.like:hover,.like[aria-pressed=true]{color:var(--fg);border-color:var(--border)}.article-head{padding-block:clamp(58px,9vw,100px);border-bottom:1px solid var(--border)}.lock-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--fg);padding:6px 14px;font:12px/1.5 var(--font-mono);color:var(--fg);margin-bottom:22px}.lock-chip svg{width:14px;height:14px}.article-head h1{font-size:clamp(46px,7vw,88px);line-height:1.06;max-width:12ch;margin:0}.article-head .dek{font-size:clamp(19px,2vw,24px);line-height:1.7;color:var(--muted);max-width:58ch;margin:28px 0 0}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:34px;padding-top:20px;border-top:1px solid var(--border);font:12px/1.5 var(--font-mono);color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,740px) 240px;grid-gap:clamp(48px,8vw,100px);gap:clamp(48px,8vw,100px);align-items:start;padding-block:80px}.article-body{font-size:19px;line-height:2}.article-body h2{font-size:clamp(32px,4vw,48px);line-height:1.2;margin:64px 0 20px}.article-body h3{font-size:clamp(24px,3vw,32px);margin:48px 0 14px}.article-body p{margin:0 0 26px}.article-body ol,.article-body ul{-webkit-padding-start:26px;padding-inline-start:26px;margin:0 0 26px}.article-body li{margin-bottom:12px}.article-body blockquote{-webkit-border-start:3px solid var(--accent);border-inline-start:3px solid var(--accent);margin:0 0 26px;padding:8px 24px;color:var(--muted)}.article-body code{background:var(--fg-soft);padding:2px 8px;font-family:var(--font-mono);font-size:15px}.article-body pre{background:var(--surface);border:1px solid var(--border);padding:20px}.article-body img{max-width:100%}.lede{font-family:var(--font-display);font-size:28px;line-height:1.6}.free-tag{font:11px/1.5 var(--font-mono);color:var(--muted);margin-bottom:6px;display:block}.lock-cut{position:relative}.lock-cut:after{content:"";position:absolute;inset-inline:0;bottom:0;height:120px;background:linear-gradient(to bottom,transparent,var(--bg) 88%);pointer-events:none}.lock-cut .cut-p{margin-bottom:0}.paywall{margin-top:-30px;position:relative;border:1px solid var(--fg);background:var(--surface);padding:clamp(28px,4vw,44px);z-index:2}.paywall .crumb{margin-bottom:12px}.paywall h2{font-size:clamp(30px,3.6vw,44px);line-height:1.18;margin:0 0 14px;max-width:16ch}.paywall p{color:var(--muted);max-width:56ch;margin:0 0 24px}.locked-in{border-top:1px solid var(--fg);margin:0 0 26px;padding:0;list-style:none}.locked-in li{display:flex;align-items:center;gap:12px;min-height:52px;border-bottom:1px solid var(--border);color:var(--muted);font-size:16px}.locked-in svg{width:14px;height:14px;flex:none}.locked-in .num{-webkit-margin-start:auto;margin-inline-start:auto;font:12px/1.5 var(--font-mono)}.paywall-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.price-line{font:12px/1.6 var(--font-mono);color:var(--muted);margin-top:18px}.field{margin-bottom:18px}.field label{display:block;font:12px/1.6 var(--font-mono);color:var(--muted);margin-bottom:8px}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:10px 14px;background:var(--bg);border:1px solid var(--border);color:var(--fg)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--fg);outline:none}.form-error{border:1px solid oklch(60% .2 25);color:oklch(75% .15 25)}.form-error,.form-ok{padding:12px 16px;font-size:14px;margin-bottom:18px}.form-ok{border:1px solid var(--accent);color:var(--accent)}.form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px}.form-actions .btn{width:100%}.form-foot{margin-top:22px;font-size:14px;color:var(--muted)}.pagefoot{padding-block:54px;border-top:1px solid var(--border);color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:28px;font-size:13px}.note{border-block:1px solid var(--fg);padding:28px 0;margin:42px 0}.note strong{display:block;font-family:var(--font-display);font-size:22px;margin-bottom:8px}.prose{max-width:720px;margin-inline:auto;padding-block:80px;font-size:17px;line-height:2}.prose h1{font-size:clamp(38px,5.5vw,64px);margin:0 0 18px}.prose h2{font-size:clamp(26px,3.5vw,38px);margin:48px 0 14px}.prose p{margin:0 0 22px;color:var(--muted)}.prose strong{color:var(--fg)}@media (pointer:coarse){.btn,a,button,input,select,summary,textarea{min-height:44px}}@media (max-width:920px){:root{--gutter:22px}.container{width:100%}.nav-inner{flex-wrap:wrap;gap:0 16px;padding-top:10px}.nav-links{display:none}.article-layout{grid-template-columns:1fr}}@media (max-width:620px){:root{--gutter:18px}body{line-height:1.7}h1{font-size:clamp(38px,11vw,50px)!important}.paywall-actions{flex-direction:column;align-items:stretch}.form-actions .btn,.paywall-actions .btn{width:100%}.article-layout,.section{padding-block:56px}.pagefoot{padding-block:40px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}img.logo-mark{width:30px;height:34px;object-fit:contain;transform:none;background:none;border-radius:4px;flex:none}::selection{background:color-mix(in oklch,var(--accent) 28%,transparent)}@media (prefers-reduced-motion:no-preference){.btn,.btn-ghost,.btn-primary,.btn-secondary,.icon-btn{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.btn-ghost:after,.btn-primary:after,.btn-secondary:after,.btn:after,.icon-btn:after{content:"";position:absolute;inset-block:0;inset-inline-start:-45%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45) 50%,transparent);transform:skewX(-18deg);opacity:0;pointer-events:none}.btn-ghost:hover:after,.btn-primary:hover:after,.btn-secondary:hover:after,.btn:hover:after,.icon-btn:hover:after{animation:anw-sweep .85s cubic-bezier(.4,0,.2,1)}.btn-ghost:hover,.btn-primary:hover,.btn-secondary:hover,.btn:hover,.icon-btn:hover{transform:translateY(-1px)}.btn-primary:hover,.btn:hover{box-shadow:0 8px 28px color-mix(in oklch,var(--accent) 30%,transparent)}.btn-ghost:active,.btn-primary:active,.btn-secondary:active,.btn:active,.icon-btn:active{transform:translateY(0)}}@keyframes anw-sweep{0%{opacity:1;inset-inline-start:-45%}to{opacity:1;inset-inline-start:118%}}[data-anw]{transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}.anw-anim [data-anw]:not(.anw-in){opacity:0;transform:translateY(18px)}#anwarpi-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;transition:opacity .9s ease}.hero-logo{display:block;width:68px;height:auto;border-radius:6px;mix-blend-mode:screen;-webkit-margin-after:26px;margin-block-end:26px}.dialog-scrim,.menu-scrim,.modal{background:rgba(5,5,5,.68)}@media (pointer:coarse){.btn,.icon-btn,a,button,input,select,summary,textarea{min-height:44px}}@media (max-width:920px){:root{--gutter:22px}.container{width:100%}.topnav .nav-inner,.topnav .topnav-inner{flex-wrap:wrap;gap:0 16px;padding-top:10px}.topnav .logo,.topnav .nav-tools{margin-bottom:10px}.topnav .logo{min-height:50px}input,select,textarea{min-height:48px;font-size:16px}.footer-col a{min-height:44px;display:flex;align-items:center}.section-head{gap:20px}.billing-table,.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.topnav .nav-links,.topnav .topnav-inner>nav{display:flex;order:3;flex:0 0 calc(100% + (var(--gutter) * 2));gap:8px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;border-top:1px solid var(--border)}.topnav .nav-links::-webkit-scrollbar,.topnav .topnav-inner>nav::-webkit-scrollbar{display:none}.topnav .nav-links a,.topnav .topnav-inner>nav a{flex:none;min-height:52px;padding-inline:12px;white-space:nowrap;position:relative}.topnav a[aria-current=page]{position:relative;color:var(--fg);font-weight:700}.topnav a[aria-current=page]:after{content:"";position:absolute;inset-inline:12px;bottom:5px;height:3px;border-radius:999px;background:var(--accent)}.topnav .nav-links+.nav-tools .menu-trigger,.topnav .topnav-inner>nav+.nav-tools .menu-trigger{display:none}.menu-drawer{width:min(520px,92vw)}.dialog-card,.modal-card{max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px);overflow-y:auto}}@media (max-width:620px){:root{--gutter:18px}body{line-height:1.7}h1{font-size:clamp(38px,11vw,50px)!important}h1,h2{overflow-wrap:normal;word-break:normal}.topnav .logo{font-size:20px}.topnav .nav-return{display:inline-flex!important;min-height:44px;align-items:center;font-size:13px;padding-inline:4px}.topnav .nav-inner,.topnav .topnav-inner{gap:0 10px}.topnav .nav-links,.topnav .topnav-inner>nav{gap:4px}.topnav .nav-links a,.topnav .topnav-inner>nav a{padding-inline:10px}.dialog-actions,.form-actions,.hero-cta{align-items:stretch;gap:12px}.dialog-actions .btn,.form-actions .btn,.hero-cta .btn{width:100%}.pagefoot{padding-block:40px}.footer-bottom{gap:12px}.card,.membership-card,.paywall,.plan,.team-contact{padding-inline:20px}.dialog-card,.dialog-panel,.modal-card,.modal-panel{max-width:calc(100vw - 28px)}.filterbar,.filters,.table-wrap,.topnav nav{-webkit-mask-image:linear-gradient(270deg,transparent,#000 32px);mask-image:linear-gradient(270deg,transparent,#000 32px)}.nav-return,.topnav nav a{min-height:44px;display:inline-flex;align-items:center}.access-chip.access-chip,.access.access,.chip.chip,.count.count,.crumb.crumb,.eyebrow.eyebrow,.filter-label.filter-label,.free-tag.free-tag,.post-meta.post-meta{font-size:13px}.footer-bottom.footer-bottom,.pagefoot.pagefoot{font-size:15px}}main.nf{min-height:60vh;display:grid;place-content:center;text-align:center;grid-gap:16px;gap:16px}.nf-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}