:root{--bg: #090c12;--surface: #10151f;--border: #1d2634;--border-strong: #2b3648;--ink: #e8eef7;--ink-2: #c0cad8;--ink-dim: #8796ab;--accent: #5eead4;--accent-ink: #042f2a;--accent-soft: rgba(94, 234, 212, .1);--amber: #fbbf24;--radius: 14px;--gutter: clamp(1rem, 4vw, 2.5rem);--max: 1080px;--font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--font-arabic: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:radial-gradient(1100px 600px at 85% -8%,rgba(94,234,212,.07),transparent 60%),radial-gradient(900px 520px at -10% 4%,rgba(129,140,248,.06),transparent 60%),var(--bg);background-repeat:no-repeat;color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;cursor:default;caret-color:transparent}a,button{cursor:pointer}::selection{background:#5eead44d}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;color:inherit;background:none;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.mono{font-family:var(--font-mono)}.muted{color:var(--ink-dim)}.icon{flex-shrink:0}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:100;padding:.5rem .9rem;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-weight:600}.skip-link:focus{top:1rem}.topbar{position:fixed;inset:0 0 auto 0;z-index:20;transition:background .3s}.topbar.is-scrolled{background:#090c12c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.topbar-inner{max-width:var(--max);margin:0 auto;padding:.85rem var(--gutter);display:flex;align-items:center;gap:1.5rem}.logo{font-weight:700;font-size:1.15rem;letter-spacing:.02em}.logo span{color:var(--accent)}.topbar-nav{margin-left:auto;display:flex;gap:1.6rem;font-family:var(--font-mono);font-size:.8rem}.topbar-nav a{position:relative;color:var(--ink-dim);transition:color .2s}.topbar-nav a:hover,.topbar-nav a.is-active{color:var(--ink)}.topbar-nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--accent)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.68rem 1.1rem;border:1px solid var(--border-strong);border-radius:10px;background:#10151fb3;font-size:.92rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .2s}.btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn-primary:hover{background:#8bf2e2;border-color:#8bf2e2;color:var(--accent-ink)}.btn-icon{padding:.68rem}.btn-small{padding:.42rem .75rem;font-size:.8rem;border-radius:8px}.hero{position:relative;min-height:min(100svh,880px);display:flex;align-items:center;padding:6.5rem var(--gutter) 3.5rem}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(135,150,171,.16) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse 70% 60% at 60% 45%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 60% 45%,#000 20%,transparent 75%);pointer-events:none}.hero-grid{position:relative;width:100%;max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(2rem,5vw,4rem)}.hero-name{font-size:clamp(2.5rem,6.4vw,4.4rem);line-height:1.02;font-weight:700;letter-spacing:-.03em}.hero-role{margin-top:.85rem;font-size:clamp(1.05rem,2.2vw,1.3rem);font-weight:500;color:var(--accent)}.hero-intro{margin-top:1.25rem;max-width:36rem;font-size:1.06rem;color:var(--ink-2)}.hero-actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.65rem}.flow{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#141b27eb,#0d121be0);box-shadow:0 30px 80px -40px #000000d9;overflow:hidden}.flow-bar{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);font-size:.75rem;color:var(--ink-dim)}.flow-dots{display:flex;gap:.35rem}.flow-dots i{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.flow-state{margin-left:auto;padding:.1rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.68rem}.flow-steps{position:relative;padding:.6rem .5rem}.flow-steps:before{content:"";position:absolute;left:calc(1.25rem + 11px);top:1.5rem;bottom:1.5rem;width:1px;background:var(--border-strong)}.flow-step{position:relative}.flow-step button{position:relative;width:100%;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:10px;text-align:left;cursor:pointer;transition:background .2s}.flow-step button:hover{background:#ffffff08}.flow-step.is-active button{background:#5eead412}.flow-marker{position:relative;z-index:1;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface);font-size:.68rem;color:var(--ink-dim);transition:background .25s,border-color .25s,color .25s}.flow-step.is-done .flow-marker{border-color:#5eead480;color:var(--accent)}.flow-step.is-active .flow-marker{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 4px #5eead426}.flow-title{font-size:.9rem;color:var(--ink-dim);transition:color .25s}.flow-step.is-done .flow-title,.flow-step.is-active .flow-title{color:var(--ink)}.flow-tool{font-size:.68rem;color:var(--ink-dim)}.flow-progress{position:absolute;left:.75rem;right:.75rem;bottom:.15rem;height:2px;border-radius:2px;background:#5eead48c;transform-origin:left}.flow-payload{min-height:10.5rem;padding:1.1rem;border-top:1px solid var(--border);background:#090c128c}.payload-bubble{max-width:92%;margin-left:auto;padding:.7rem .9rem;border-radius:12px 12px 4px;background:#134e48;color:#e6fffa;font-family:var(--font-arabic);font-size:.98rem;line-height:1.7}.payload-gloss{margin-top:.55rem;font-size:.78rem;color:var(--ink-dim);font-style:italic}.payload-code{font-size:.78rem;line-height:1.65;color:var(--ink-2);white-space:pre-wrap}.tok-key{color:var(--accent)}.tok-str{color:#e2e8f0}.tok-num{color:var(--amber)}.payload-lines{display:flex;flex-direction:column;gap:.55rem;font-size:.85rem;color:var(--ink-2)}.payload-lines li{display:flex;align-items:center;gap:.55rem}.payload-lines .icon{color:var(--accent)}.container{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.section{padding-top:clamp(4rem,9vw,6.5rem)}.section-title{margin-bottom:1.75rem;font-size:clamp(1.7rem,3.6vw,2.3rem);font-weight:600;letter-spacing:-.02em;line-height:1.15}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1.25rem,2.5vw,1.6rem)}.pill{display:inline-block;padding:.2rem .6rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.7rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;padding:.24rem .62rem;border:1px solid var(--border-strong);border-radius:999px;background:#090c1280;color:var(--ink-2);font-size:.72rem}.jobs{display:flex;flex-direction:column;gap:1rem}.job-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem 1.5rem}.job-head h3{font-size:1.2rem;font-weight:600}.job-company{color:var(--accent);font-weight:500}.job-period{font-size:.78rem;color:var(--ink-dim);padding-top:.3rem}.job-points{margin:1.2rem 0 1.3rem;display:flex;flex-direction:column;gap:.6rem}.job-points li{position:relative;padding-left:1.2rem;color:var(--ink-2);font-size:.96rem}.job-points li:before{content:"";position:absolute;left:.15rem;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.job-points strong{color:var(--ink);font-weight:600}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;transition:border-color .25s,transform .25s}.project:hover{border-color:#5eead466;transform:translateY(-3px)}.project h3{font-size:1.15rem;font-weight:600;line-height:1.3}.project-featured{grid-column:1 / -1;background:radial-gradient(600px 220px at 100% 0%,rgba(94,234,212,.08),transparent 70%),var(--surface)}.project-featured h3{font-size:clamp(1.3rem,2.6vw,1.55rem)}.project-featured .project-desc{max-width:52rem}.project-desc{flex:1;color:var(--ink-2);font-size:.95rem}.project-metric{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem .7rem}.project-metric-value{font-size:1.5rem;font-weight:700;color:var(--accent);letter-spacing:-.01em}.project-metric-label{font-size:.82rem;color:var(--ink-dim)}.skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.skill-card-wide{grid-column:1 / -1}.skill-card h3{margin-bottom:.85rem;font-size:.8rem;font-weight:500;color:var(--accent)}.spoken{margin-top:1.2rem;color:var(--ink-2);font-size:.95rem}.spoken span{margin-right:.6rem;font-size:.72rem;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.education{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1rem}.degree{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.degree h3{font-size:1.2rem;font-weight:600;line-height:1.3}.certs{display:flex;flex-direction:column;justify-content:center;gap:.9rem}.certs li{display:grid;grid-template-columns:3.2rem 1fr;gap:.75rem;align-items:baseline;color:var(--ink-2);font-size:.95rem}.cert-year{font-size:.78rem;color:var(--accent)}.contact-lead{max-width:36rem;color:var(--ink-2);font-size:1.05rem}.contact-email{margin-top:1.6rem;display:flex;align-items:center;flex-wrap:wrap;gap:.9rem}.contact-email-link{font-size:clamp(1.3rem,4vw,2rem);font-weight:600;letter-spacing:-.01em;background:linear-gradient(currentColor,currentColor) 0 100% / 0 2px no-repeat;transition:background-size .3s,color .2s}.contact-email-link:hover{color:var(--accent);background-size:100% 2px}.contact-links{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:.65rem}.footer{max-width:var(--max);margin:clamp(4rem,9vw,6rem) auto 0;padding:1.5rem var(--gutter) 2.5rem;font-size:.74rem;color:var(--ink-dim)}@media (max-width: 900px){.hero{min-height:auto;padding-top:6rem}.hero-grid,.education{grid-template-columns:1fr}}@media (max-width: 720px){.topbar-nav{display:none}.topbar-inner .btn-small{margin-left:auto}.projects,.skills{grid-template-columns:1fr}}@media (max-width: 420px){.hero-actions{gap:.45rem}.hero-actions .btn{padding:.62rem .8rem}.hero-actions .btn-icon{padding:.62rem}.flow-tool{display:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.btn,.project{transition:none}}