@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/portfolio/fonts/JetBrainsMono-Regular.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/portfolio/fonts/JetBrainsMono-SemiBold.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/portfolio/fonts/JetBrainsMono-Bold.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/portfolio/fonts/Inter-Regular.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/portfolio/fonts/Inter-SemiBold.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/portfolio/fonts/Inter-Bold.woff2)format("woff2")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/portfolio/fonts/NotoNaskhArabic-Bold.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+FB50-FDFF,U+FE70-FEFF}:root{--bg:#0d0d12;--bg-elev:#1a1a22;--bg-bar:#161620;--fg:#fafafa;--fg-dim:#a0a0a8;--accent:#d4a558;--accent-glow:oklch(76% .13 80/.35);--cyan:#67e8f9;--lime:#a3e635;--alert:#fca5a5;--border:oklch(100% 0 0/.08);--border-soft:oklch(76% .13 80/.18);--font-mono:"JetBrains Mono", "Fira Code", Consolas, monospace;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic:"Noto Naskh Arabic", serif;--fs-hero:clamp(2.5rem, 4vw + 1rem, 5rem);--fs-section:clamp(1.5rem, 2vw + .5rem, 2.25rem);--fs-featured:clamp(1.5rem, 2vw + .5rem, 2rem);--fs-h3:1.25rem;--fs-body:1rem;--fs-prose:1.0625rem;--fs-small:.875rem;--fs-micro:.75rem;--fs-arabic:clamp(1.75rem, 2vw + .5rem, 2.75rem);--lh-tight:1.05;--lh-snug:1.4;--lh-default:1.6;--lh-prose:1.75;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;--s-10:8rem;--r-card:14px;--r-featured:16px;--r-pkg:12px;--r-icon:18px;--r-pill:999px;--container:1200px;--prose-measure:68ch;--ease-out:cubic-bezier(.2, .8, .2, 1);--t-fast:.12s;--t-base:.2s;--t-slow:.4s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-default);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}img,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover,a:focus-visible{color:var(--fg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.skip-link{padding:var(--s-2) var(--s-4);background:var(--accent);color:var(--bg);font:600 var(--fs-small) var(--font-mono);z-index:100;border-radius:0 0 var(--r-card) 0;position:absolute;top:-100px;left:0}.skip-link:focus{top:0}.container{max-inline-size:var(--container);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}::selection{background:var(--accent);color:var(--bg)}@view-transition{navigation:auto}.banner[data-astro-cid-j2zfoueg]{z-index:50;justify-content:center;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);background:var(--bg-bar);color:var(--accent);font:600 var(--fs-small) var(--font-mono);border-block-end:1px solid var(--border-soft);min-block-size:36px;text-decoration:none;display:flex;position:sticky;top:0;left:0;right:0}.dot[data-astro-cid-j2zfoueg]{background:var(--accent);block-size:8px;inline-size:8px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s ease-in-out infinite gleam}@keyframes gleam{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.dot[data-astro-cid-j2zfoueg]{animation:none}}@media (width>=1024px){.banner[data-astro-cid-j2zfoueg]{display:none}}