:root{--bg: #050B18;--surface: #0B1527;--card: #111D33;--card-2: #1A2A42;--line: rgba(59, 130, 246, .22);--fg: #F1F5FB;--fg-2: #94A3B8;--fg-3: #64748B;--blue: #3B82F6;--cyan: #38BDF8;--gold: #FFD24A;--gold-ink: #2A1E00;--green: #34D399;--red: #FF3B58;--ad: rgba(255, 210, 74, .07);--ad-line: rgba(255, 210, 74, .45);--font: "Cairo", "Segoe UI", Tahoma, sans-serif;--font-num: "Space Grotesk", "Cairo", system-ui, sans-serif;--radius: 16px;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px -14px rgba(0, 0, 0, .6);--star: #FBBF24;--max: 1120px;--read: 720px;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #F0F4FA;--surface: #FFFFFF;--card: #FFFFFF;--card-2: #EEF2F9;--line: rgba(59, 130, 246, .18);--fg: #0F172A;--fg-2: #475569;--fg-3: #64748B;--blue: #2563EB;--cyan: #0284C7;--gold: #E9A800;--gold-ink: #241800;--green: #059669;--red: #E11D48;--ad: rgba(233, 168, 0, .08);--ad-line: rgba(200, 140, 0, .5);--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px -12px rgba(15, 23, 42, .18);color-scheme:light}}:root[data-theme=light]{--bg: #F0F4FA;--surface: #FFFFFF;--card: #FFFFFF;--card-2: #EEF2F9;--line: rgba(59, 130, 246, .18);--fg: #0F172A;--fg-2: #475569;--fg-3: #64748B;--blue: #2563EB;--cyan: #0284C7;--gold: #E9A800;--gold-ink: #241800;--green: #059669;--red: #E11D48;--ad: rgba(233, 168, 0, .08);--ad-line: rgba(200, 140, 0, .5);--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px -12px rgba(15, 23, 42, .18);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.75}img{max-width:100%;height:auto}a{color:var(--cyan)}h1,h2,h3{line-height:1.4;text-wrap:balance;margin:0}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:16px;top:8px;background:var(--surface);padding:8px 12px;z-index:50}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.site-header .container{display:flex;align-items:center;gap:16px;min-height:60px;flex-wrap:wrap}.logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-num);font-weight:700;font-size:20px;text-decoration:none;color:var(--fg);direction:ltr}.logo img{width:28px;height:28px;border-radius:8px;display:block}.logo b{font-weight:700}.logo span{color:var(--gold)}.nav{display:flex;gap:4px;margin-inline-start:auto;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--fg-2);text-decoration:none;font-weight:600;font-size:15px;padding:6px 12px;border-radius:10px;white-space:nowrap;transition:background .15s,color .15s}.nav a[aria-current=page]{color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent)}.nav a:hover{color:var(--fg);background:var(--card-2)}.tools{display:flex;gap:6px}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--fg);display:grid;place-items:center;cursor:pointer;text-decoration:none;transition:transform .15s,background .15s}.icon-btn:hover{transform:translateY(-1px);background:var(--card-2)}.icon-btn svg{width:18px;height:18px}@media(max-width:720px){.site-header .container{gap:8px;padding-block:8px}.nav{order:3;width:100%;margin-inline-start:0}.tools{margin-inline-start:auto}}.site-footer{margin-top:48px;border-top:1px solid var(--line);background:var(--surface);padding-block:28px;font-size:14px;color:var(--fg-2)}.site-footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.site-footer h2{font-size:14px;color:var(--fg);margin-bottom:8px}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.site-footer a{color:var(--fg-2);text-decoration:none}.site-footer a:hover{color:var(--fg)}.site-footer .legal{margin-top:20px;font-size:12px;color:var(--fg-3)}main{padding-block:24px}.ad-slot{margin-block:20px;display:grid;place-items:center;min-height:90px}.ad-slot.dev{border:1.5px dashed var(--ad-line);background:var(--ad);border-radius:12px;color:var(--gold);font-weight:700;font-size:13px}.ad-slot.rect{min-height:250px}.ad-label{font-size:11px;color:var(--fg-3);text-align:center;margin-bottom:4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{background:var(--card);border-radius:var(--radius);padding:18px;border:1px solid transparent}.card{box-shadow:var(--shadow)}a.card{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:6px;transition:transform .18s ease,border-color .18s}a.card:hover{border-color:var(--line);transform:translateY(-3px)}.stars{color:var(--star);letter-spacing:1px}.dot{width:4px;height:4px;border-radius:50%;background:var(--fg-3);display:inline-block;vertical-align:middle}.card h3{font-size:18px}.card p{margin:0;color:var(--fg-2);font-size:14px}.meta{font-size:13px;color:var(--fg-3);display:flex;gap:10px;flex-wrap:wrap}.pill{display:inline-block;font-size:12px;font-weight:700;padding:2px 10px;border-radius:99px;background:var(--card-2);color:var(--fg-2)}.section{margin-top:36px;display:grid;gap:16px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.section-head h2{font-size:22px}.btn{display:inline-block;border:0;border-radius:14px;padding:12px 20px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;text-align:center}.btn-primary{background:var(--blue);color:#fff}.btn-gold{background:var(--gold);color:var(--gold-ink)}.btn-ghost{border:1px solid var(--line);color:var(--fg);background:transparent}.hero{padding-block:24px 8px;display:grid;gap:12px}.hero h1{font-size:clamp(26px,5vw,40px);font-weight:800}.hero p{margin:0;color:var(--fg-2);font-size:17px;max-width:60ch}.hero .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.prose{max-width:var(--read)}.prose h1{font-size:clamp(26px,4.5vw,36px);font-weight:800;margin-bottom:8px}.prose h2{font-size:23px;margin:32px 0 8px}.prose h3{font-size:19px;margin:24px 0 6px}.prose p,.prose li{color:var(--fg)}.prose ul,.prose ol{padding-inline-start:22px}.prose blockquote{margin:16px 0;padding:10px 16px;border-inline-start:3px solid var(--gold);background:var(--card);border-radius:8px}.prose code{background:var(--card-2);padding:1px 6px;border-radius:6px;font-size:.92em;direction:ltr;unicode-bidi:isolate}.prose pre{overflow-x:auto;background:var(--card);padding:14px;border-radius:12px;direction:ltr}.prose table{display:block;overflow-x:auto;border-collapse:collapse}.prose th,.prose td{border:1px solid var(--line);padding:6px 10px}.prose img{border-radius:12px}.lead{color:var(--fg-2);font-size:18px}.updated{font-size:13px;color:var(--fg-3)}.breadcrumbs{font-size:13px;color:var(--fg-3);margin-bottom:8px}.breadcrumbs a{color:var(--fg-3)}.to-top{position:fixed;inset-inline-start:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;opacity:0;pointer-events:none;transition:opacity .2s}.to-top.show{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){*:not(.cloud,.cloud *){transition:none!important;animation:none!important;scroll-behavior:auto!important}}.socials[data-astro-cid-upu6fzxr]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.social[data-astro-cid-upu6fzxr]{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--fg-2);text-decoration:none;font-weight:600;transition:transform .2s,border-color .2s,color .2s,box-shadow .2s}.social[data-astro-cid-upu6fzxr] svg[data-astro-cid-upu6fzxr]{width:22px;height:22px;flex:none}.social[data-astro-cid-upu6fzxr].youtube svg[data-astro-cid-upu6fzxr]{width:26px}.social[data-astro-cid-upu6fzxr]:hover{transform:translateY(-2px);color:var(--fg)}.social[data-astro-cid-upu6fzxr].youtube:hover{border-color:red;box-shadow:0 6px 18px -8px red}.social[data-astro-cid-upu6fzxr].facebook:hover{border-color:#1877f2;box-shadow:0 6px 18px -8px #1877f2}.big[data-astro-cid-upu6fzxr] .social[data-astro-cid-upu6fzxr]{padding:10px 18px 10px 14px;font-size:16px}.big[data-astro-cid-upu6fzxr] .social[data-astro-cid-upu6fzxr] svg[data-astro-cid-upu6fzxr]{width:28px;height:28px}.big[data-astro-cid-upu6fzxr] .social[data-astro-cid-upu6fzxr].youtube svg[data-astro-cid-upu6fzxr]{width:34px}