:root{--bg:#fff;--text:#111;--muted:#737373;--line:#e5e5e5;--surface:#fff;--hover:#1a73e8;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,sans-serif}:root[data-theme=dark]{--bg:#111;--text:#f2f2f2;--muted:#8a8a8a;--line:#2c2c2c;--surface:#1c1c1c;--hover:#8ab4f8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[lang=ar]{font-family:IBM Plex Sans Arabic,Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html,body,.page{background:var(--bg);transition:background-color .4s var(--ease), color .4s var(--ease)}.page{place-items:center;min-height:100vh;padding:40px 24px;display:grid}.shell{width:min(620px,100%)}.topbar{justify-content:flex-end;align-items:center;gap:4px;margin-bottom:28px;display:flex}.topbar button{width:28px;height:28px;color:var(--muted);font:inherit;cursor:pointer;transition:color .25s var(--ease);background:0 0;border:0;place-items:center;padding:0;font-size:12px;font-weight:600;display:grid}.topbar button:hover,.topbar button.is-active{color:var(--text)}.topbar svg{fill:currentColor;width:15px;height:15px}.lang-wrap{position:relative}.lang-trigger{min-width:28px}.lang-panel{z-index:4;border:1px solid var(--line);background:var(--surface);--from-x:8px;transform-origin:100% 0;opacity:0;visibility:hidden;pointer-events:none;min-width:160px;transform:translate(var(--from-x), -6px) scale(.98);transition:opacity .28s var(--ease), transform .32s var(--ease), visibility 0s .28s, background-color .4s var(--ease), border-color .4s var(--ease);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);left:auto;right:0;box-shadow:0 10px 30px #00000014}:root[dir=rtl] .lang-panel{--from-x:-8px;transform-origin:0 0;left:0;right:auto}.lang-wrap.is-open .lang-panel{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s var(--ease), transform .32s var(--ease), visibility 0s, background-color .4s var(--ease), border-color .4s var(--ease);transform:translateY(0)scale(1)}.lang-panel button{width:100%;height:34px;color:var(--muted);text-align:left;transition:color .2s var(--ease), background-color .2s var(--ease);direction:ltr;border-radius:8px;justify-content:flex-start;align-items:center;padding:0 10px;font-size:13px;font-weight:500;display:flex}.lang-panel button span{text-align:left;width:100%}.lang-panel button:hover,.lang-panel button.is-active{color:var(--text);background:color-mix(in srgb, var(--text) 6%, transparent)}.copy{animation:copy-in .42s var(--ease)}@keyframes copy-in{0%{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:none}}.projects,.profile{width:100%}.avatar{width:112px;height:112px}h1{letter-spacing:-.04em;text-align:start;margin:18px 0 46px;font-size:clamp(1.6rem,4.4vw,2.6rem);font-weight:600;line-height:1.2}:root[lang=en] h1{white-space:nowrap}.section-list{border-top:1px solid var(--line);width:100%;transition:border-color .4s var(--ease)}.section{border-bottom:1px solid var(--line);transition:border-color .4s var(--ease)}.section>button{width:100%;color:var(--text);font:inherit;text-align:start;cursor:pointer;transition:color .25s var(--ease);background:0 0;border:0;justify-content:space-between;align-items:center;padding:18px 2px;font-size:18px;display:flex}.section>button:hover{color:var(--hover)}.plus{color:var(--muted);transition:color .25s var(--ease);font-size:18px;font-weight:400;line-height:1}.section-content{opacity:0;transition:grid-template-rows .38s var(--ease), opacity .28s var(--ease), padding .38s var(--ease);grid-template-rows:0fr;display:grid}.section-body{min-height:0;overflow:hidden}.section-content p{color:var(--muted);transition:color .4s var(--ease);margin:0;font-size:14px;line-height:1.7}.is-open .section-content{opacity:1;grid-template-rows:1fr;padding:0 2px 18px}.project-list a{color:var(--text);border-bottom:1px solid var(--line);transition:color .25s var(--ease), border-color .4s var(--ease), padding-inline-start .25s var(--ease);justify-content:space-between;align-items:baseline;gap:24px;padding:12px 2px;text-decoration:none;display:flex}.project-list a:last-child{border-bottom:0}.project-list a:hover{color:var(--hover);padding-inline-start:6px}.project-list span{font-size:16px}.project-list small{color:var(--muted);transition:color .4s var(--ease);font-size:13px}.social-links{gap:14px;margin-top:28px;display:flex}.social-links a{width:20px;height:20px;color:var(--muted);transition:color .25s var(--ease);place-items:center;display:grid;overflow:hidden}.social-links a:hover{color:var(--text)}.social-links svg{fill:currentColor;width:16px;height:16px}:root[data-theme=dark] .lang-panel{box-shadow:0 12px 36px #0000006b}