:root{--seed-bg:#0f0f0f;--seed-surface:#161617;--seed-fg:#f5f6f5;--seed-primary:#3ecf8e;--seed-primary-contrast:#0b0f0d;--seed-accent:#2dd4bf;--seed-radius:12px;--seed-density:1;--bg:var(--seed-bg);--surface:var(--seed-surface);--surface-raised:color-mix(in srgb,var(--seed-fg) 4%,var(--seed-bg));--fg:var(--seed-fg);--fg-secondary:color-mix(in srgb,var(--seed-fg) 74%,var(--seed-bg));--fg-muted:color-mix(in srgb,var(--seed-fg) 52%,var(--seed-bg));--border:color-mix(in srgb,var(--seed-fg) 9%,transparent);--border-strong:color-mix(in srgb,var(--seed-fg) 16%,transparent);--primary:var(--seed-primary);--primary-strong:color-mix(in srgb,var(--seed-primary) 82%,var(--seed-fg));--primary-dim:color-mix(in srgb,var(--seed-primary) 70%,var(--seed-bg));--primary-glow:color-mix(in srgb,var(--seed-primary) 22%,transparent);--primary-border:color-mix(in srgb,var(--seed-primary) 35%,transparent);--primary-surface:color-mix(in srgb,var(--seed-primary) 9%,var(--seed-bg));--primary-contrast:var(--seed-primary-contrast);--accent:var(--seed-accent);--accent-glow:color-mix(in srgb,var(--seed-accent) 20%,transparent);--radius-sm:calc(var(--seed-radius) * 0.5);--radius-md:var(--seed-radius);--radius-lg:calc(var(--seed-radius) * 1.5);--radius-pill:9999px;--space:calc(8px * var(--seed-density));--section-y:calc(112px * var(--seed-density));--font-sans:var(--font-inter),-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:var(--font-jetbrains),ui-monospace,"SF Mono",Menlo,Consolas,monospace;--font-code:var(--font-jetbrains),ui-monospace,"SF Mono",Menlo,Consolas,monospace;--track-display:-0.03em;--track-h2:-0.02em;--track-h3:-0.01em;--track-caps:0.14em;--track-caps-sm:0.09em;--nav-h:68px;--container:1120px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 12px)}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv01","ss03";overflow-x:hidden}img,svg{display:block;max-width:100%}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:none;cursor:pointer}ol,ul{list-style:none}::selection{background:var(--primary-glow);color:var(--fg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:16px;top:-48px;z-index:200;padding:8px 16px;border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-contrast);font-size:14px;font-weight:500;transition:top .2s ease}.skip-link:focus{top:12px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:var(--section-y) 0;position:relative}.section--alt{background:color-mix(in srgb,var(--seed-fg) 2%,var(--seed-bg));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{max-width:640px;margin-bottom:calc(var(--space) * 6)}.eyebrow{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--primary);display:inline-flex;align-items:center;gap:10px;margin-bottom:calc(var(--space) * 2)}.contact-card h2,.section-head h2{font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.15;letter-spacing:var(--track-h2);color:var(--fg)}.section-lead{margin-top:calc(var(--space) * 2);font-size:17px;line-height:1.6;color:var(--fg-secondary);max-width:56ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 26px;border-radius:var(--radius-pill);font-size:14.5px;font-weight:500;letter-spacing:.01em;line-height:1;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--primary);color:var(--primary-contrast);box-shadow:0 0 0 0 var(--primary-glow)}.btn--primary:hover{background:var(--primary-strong);box-shadow:0 6px 24px -4px var(--primary-glow),0 0 0 1px var(--primary-border)}.btn--ghost{background:color-mix(in srgb,var(--seed-fg) 4%,transparent);color:var(--fg);border-color:var(--border-strong)}.btn--ghost:hover{border-color:var(--primary-border);background:color-mix(in srgb,var(--seed-fg) 7%,transparent)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-sm)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);transition:background .25s ease,border-color .25s ease,-webkit-backdrop-filter .25s ease;transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease;transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease,-webkit-backdrop-filter .25s ease;border-bottom:1px solid transparent}.nav--scrolled{background:color-mix(in srgb,var(--seed-bg) 78%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--border)}.nav-inner{height:var(--nav-h);display:flex;align-items:center;gap:32px}.nav-logo{gap:11px;-webkit-margin-end:auto;margin-inline-end:auto}.nav-logo,.nav-logo-mark{display:inline-flex;align-items:center}.nav-logo-mark{justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--primary-border);background:var(--primary-surface);color:var(--primary);font-size:13px;letter-spacing:.02em}.nav-logo-mark,.nav-logo-name{font-family:var(--font-code);font-weight:500}.nav-logo-name{font-size:14.5px;color:var(--fg);letter-spacing:.01em}.nav-logo-dot{color:var(--primary)}.nav-links{display:flex;align-items:center;gap:6px}.nav-link{position:relative;padding:8px 13px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--fg-secondary);transition:color .18s ease,background .18s ease}.nav-link:hover{color:var(--fg);background:color-mix(in srgb,var(--seed-fg) 6%,transparent)}.nav-link--active{color:var(--primary)}.nav-link--active:after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;border-radius:2px;background:var(--primary)}.nav-cta{padding:10px 22px}.nav-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);color:var(--fg)}.nav-mobile{position:fixed;top:var(--nav-h);left:0;right:0;z-index:99;display:flex;flex-direction:column;gap:4px;padding:16px 24px 24px;background:color-mix(in srgb,var(--seed-bg) 92%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-mobile,.nav-mobile-link{border-bottom:1px solid var(--border)}.nav-mobile-link{padding:12px 8px;font-size:16px;font-weight:500;color:var(--fg-secondary)}.nav-mobile-link:last-of-type{border-bottom:none}.nav-mobile .btn{margin-top:12px}.hero{position:relative;padding:calc(var(--nav-h) + calc(var(--space) * 10)) 0 calc(var(--space) * 12);overflow:hidden}.hero:before{content:"";inset:0;background-image:radial-gradient(color-mix(in srgb,var(--seed-fg) 7%,transparent) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse 90% 70% at 50% 0,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0,#000 30%,transparent 75%)}.hero-glow,.hero:before{position:absolute;pointer-events:none}.hero-glow{top:-220px;inset-inline-end:-140px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,var(--primary-glow) 0,transparent 65%);filter:blur(20px)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-gap:calc(var(--space) * 8);gap:calc(var(--space) * 8);align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px var(--primary-glow),0 0 0 3px color-mix(in srgb,var(--seed-primary) 18%,transparent);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.hero-greeting{font-family:var(--font-mono);font-size:15px;color:var(--fg-secondary);letter-spacing:.02em;margin-bottom:calc(var(--space) * 1.5)}.hero-name{font-size:clamp(42px,7vw,72px);font-weight:600;line-height:1.03;letter-spacing:var(--track-display);color:var(--fg);margin-bottom:calc(var(--space) * 2)}.hero-name-accent{background:linear-gradient(100deg,var(--primary) 10%,var(--accent) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-role{font-size:clamp(17px,2.2vw,20px);font-weight:500;color:var(--fg-secondary);letter-spacing:-.01em;margin-bottom:calc(var(--space) * 2.5)}.hero-role-sep{color:var(--primary)}.hero-pitch{font-size:16.5px;line-height:1.65;color:var(--fg-secondary);max-width:52ch;margin-bottom:calc(var(--space) * 4)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:calc(var(--space) * 6)}.hero-stats{display:flex;gap:calc(var(--space) * 6);border-top:1px solid var(--border);padding-top:calc(var(--space) * 3.5)}.hero-stat{display:flex;flex-direction:column}.hero-stat-value{font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--fg)}.hero-stat-label{font-size:13px;color:var(--fg-muted);letter-spacing:.02em;margin-top:5px}.terminal{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:color-mix(in srgb,var(--seed-surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 24px 60px -24px color-mix(in srgb,var(--seed-bg) 90%,#000),0 0 0 1px color-mix(in srgb,var(--seed-fg) 3%,transparent),0 0 80px -20px var(--primary-glow);overflow:hidden}.terminal-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--seed-fg) 3%,transparent)}.terminal-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.terminal-title{-webkit-margin-start:8px;margin-inline-start:8px;font-family:var(--font-code);font-size:12px;color:var(--fg-muted);letter-spacing:.03em}.terminal-body{padding:20px 22px 24px;font-family:var(--font-code);font-size:13.5px;line-height:1.7}.t-line{display:flex;align-items:center;gap:9px}.t-prompt{color:var(--primary);font-weight:500}.t-cmd{color:var(--fg)}.t-code{margin:10px 0 12px;-webkit-padding-start:10px;padding-inline-start:10px}.t-row{white-space:pre}.t-key{color:color-mix(in srgb,var(--seed-primary) 78%,var(--seed-fg))}.t-str{color:var(--fg-secondary)}.t-status{color:var(--primary)}.t-punc{color:var(--fg-muted)}.t-cursor{display:inline-block;width:9px;height:17px;background:var(--primary);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.about-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-gap:calc(var(--space) * 8);gap:calc(var(--space) * 8);align-items:start}.about-copy p{font-size:16.5px;line-height:1.7;color:var(--fg-secondary);max-width:62ch;margin-bottom:calc(var(--space) * 2.5)}.about-motto{position:relative;margin-top:calc(var(--space) * 4);padding:calc(var(--space) * 3) calc(var(--space) * 3.5);border:1px solid var(--primary-border);border-radius:var(--radius-md);background:var(--primary-surface);font-size:17px;font-weight:500;line-height:1.55;color:var(--fg);letter-spacing:-.01em}.about-motto-mark{position:absolute;top:-2px;inset-inline-start:16px;transform:translateY(-46%);font-size:44px;line-height:1;color:var(--primary);font-family:Georgia,serif;background:var(--bg);padding:0 8px}.facts-card{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.fact-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;border-bottom:1px solid var(--border)}.fact-row:last-child{border-bottom:none}.fact-label{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:var(--track-caps-sm);color:var(--fg-muted)}.fact-value{font-size:14.5px;font-weight:500;color:var(--fg);text-align:end}.fact-location{display:inline-flex;align-items:center;gap:7px;color:var(--fg-secondary)}.fact-location svg{color:var(--primary);flex-shrink:0}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:calc(var(--space) * 3);gap:calc(var(--space) * 3)}.skill-card{position:relative;padding:calc(var(--space) * 3.5);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.skill-card:hover{border-color:var(--primary-border);transform:translateY(-3px);box-shadow:0 16px 40px -20px var(--primary-glow)}.skill-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:calc(var(--space) * 1.5)}.skill-head h3{font-size:19px;font-weight:600;letter-spacing:var(--track-h3);color:var(--fg)}.skill-tag{font-family:var(--font-code);font-size:11px;text-transform:uppercase;letter-spacing:var(--track-caps-sm);color:var(--fg-muted);border:1px solid var(--border-strong);border-radius:var(--radius-pill);padding:4px 11px;white-space:nowrap}.skill-card p{font-size:14.5px;line-height:1.6;color:var(--fg-secondary)}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:calc(var(--space) * 3);gap:calc(var(--space) * 3)}.service-card{padding:calc(var(--space) * 4);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.service-card:hover{border-color:var(--primary-border);transform:translateY(-3px);box-shadow:0 18px 44px -22px var(--primary-glow)}.service-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-md);border:1px solid var(--primary-border);background:var(--primary-surface);color:var(--primary);margin-bottom:calc(var(--space) * 2.5)}.service-card h3{font-size:19px;font-weight:600;letter-spacing:var(--track-h3);color:var(--fg);margin-bottom:calc(var(--space) * 1.25)}.service-card p{font-size:14.5px;line-height:1.65;color:var(--fg-secondary);max-width:48ch}.project-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:calc(var(--space) * 5)}.filter-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:transparent;color:var(--fg-secondary);font-size:14px;font-weight:500;transition:color .18s ease,border-color .18s ease,background .18s ease}.filter-tab:hover{color:var(--fg);border-color:color-mix(in srgb,var(--seed-fg) 26%,transparent)}.filter-tab--active{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.filter-count{font-family:var(--font-code);font-size:11.5px;padding:2px 8px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--seed-fg) 10%,transparent);color:var(--fg-secondary)}.filter-tab--active .filter-count{background:color-mix(in srgb,var(--seed-primary) 78%,#000);color:var(--primary-contrast)}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:calc(var(--space) * 3);gap:calc(var(--space) * 3)}.project-card{display:flex;flex-direction:column;padding:calc(var(--space) * 3.5);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.project-card:hover{border-color:var(--primary-border);transform:translateY(-3px);box-shadow:0 16px 40px -20px var(--primary-glow)}.project-thumb{margin:calc(var(--space) * -3.5) calc(var(--space) * -3.5) calc(var(--space) * 2.5);border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0;overflow:hidden;border-bottom:1px solid var(--border);aspect-ratio:16/10;background:var(--surface-raised)}.project-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.22,1,.36,1)}.project-card:hover .project-thumb img{transform:scale(1.05)}.project-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:calc(var(--space) * 2)}.project-category{color:var(--fg-muted);border:1px solid var(--border-strong);border-radius:var(--radius-pill)}.project-badge,.project-category{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--track-caps-sm);padding:4px 11px}.project-badge{color:var(--primary);border:1px solid var(--primary-border);background:var(--primary-surface);border-radius:var(--radius-pill);white-space:nowrap}.project-card h3{font-size:18px;font-weight:600;letter-spacing:var(--track-h3);color:var(--fg);margin-bottom:calc(var(--space) * 1)}.project-card p{font-size:14px;line-height:1.6;color:var(--fg-secondary);flex-grow:1;margin-bottom:calc(var(--space) * 2.5)}.project-link{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:500;color:var(--fg);border-top:1px solid var(--border);padding-top:calc(var(--space) * 1.75);transition:color .18s ease}.project-link:hover{color:var(--primary)}.contact-wrap{display:flex;justify-content:center}.contact-card{position:relative;width:100%;max-width:760px;text-align:center;padding:calc(var(--space) * 8) calc(var(--space) * 5);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.contact-card:before{content:"";position:absolute;top:-140px;left:50%;transform:translateX(-50%);width:480px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--primary-glow) 0,transparent 68%);pointer-events:none}.contact-card>*{position:relative}.contact-card .eyebrow{justify-content:center}.contact-lead{max-width:46ch;margin:calc(var(--space) * 2) auto calc(var(--space) * 4.5);font-size:16.5px;line-height:1.65;color:var(--fg-secondary)}.contact-actions{gap:14px;margin-bottom:calc(var(--space) * 5)}.contact-actions,.social-row{display:flex;flex-wrap:wrap;justify-content:center}.social-row{gap:12px}.social-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);color:var(--fg-secondary);transition:color .18s ease,border-color .18s ease,transform .18s ease,background .18s ease}.social-link:hover{color:var(--primary);border-color:var(--primary-border);background:var(--primary-surface);transform:translateY(-2px)}.footer{border-top:1px solid var(--border);padding:calc(var(--space) * 4) 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-copy{font-size:13.5px;color:var(--fg-muted);letter-spacing:.01em}.footer-top{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:500;color:var(--fg-secondary);transition:color .18s ease}.footer-top:hover{color:var(--primary)}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}[data-reveal].revealed{opacity:1;transform:translateY(0)}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:calc(var(--space) * 7)}.hero-visual{max-width:560px}.projects-grid,.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.nav-cta,.nav-links{display:none}.nav-toggle{display:inline-flex}.about-grid{gap:calc(var(--space) * 5)}.about-grid,.services-grid{grid-template-columns:1fr}}@media (max-width:640px){:root{--section-y:calc(72px * var(--seed-density))}.container{padding:0 20px}.hero{padding-top:calc(var(--nav-h) + calc(var(--space) * 7))}.hero-stats{gap:calc(var(--space) * 3.5);flex-wrap:wrap}.hero-stat-value{font-size:26px}.projects-grid,.skills-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.contact-card{padding:calc(var(--space) * 6) calc(var(--space) * 3)}.terminal-body{font-size:12px;padding:16px}.t-code{overflow-x:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--seed-fg) 4%,transparent)}.lang-btn,.lang-switch{border-radius:var(--radius-pill)}.lang-btn{padding:6px 11px;font-family:var(--font-code);font-size:11px;font-weight:500;letter-spacing:.06em;line-height:1;color:var(--fg-muted);transition:color .18s ease,background .18s ease}.lang-btn:hover{color:var(--fg)}.lang-btn--active{background:var(--primary);color:var(--primary-contrast)}.nav-mobile-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}:root[dir=rtl]{--font-sans:var(--font-arabic),-apple-system,system-ui,"Segoe UI",Tahoma,sans-serif;--font-mono:var(--font-arabic),ui-monospace,monospace;--track-display:0;--track-h2:0;--track-h3:0;--track-caps:0;--track-caps-sm:0}:root[dir=rtl] body{line-height:1.8}:root[dir=rtl] p{line-height:1.9}:root[dir=rtl] .hero-name,:root[dir=rtl] .hero-role{line-height:1.3}:root[dir=rtl] .contact-card h2,:root[dir=rtl] .section-head h2{line-height:1.35}