:root{--bg:#f7f8fb;--fg:#0f172a;--muted:#475569;--subtle:#64748b;--accent:#2563eb;--accent-2:#7c3aed;--border:#e2e8f0;--card:#fff;--chip-bg:#2563eb14;--chip-fg:#1e3a8a;--footer-bg:#1e293b;--footer-bg-2:#0f172a;--footer-fg:#e2e8f0;--footer-muted:#94a3b8;--footer-border:#94a3b82e;--footer-link-hover:#93c5fd;--blob-a:#a78bfa;--blob-b:#60a5fa;--blob-c:#c4b5fd;--blob-opacity:.32;--blob-blur:110px;--grain-opacity:.025}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#07090f;--fg:#f1f5f9;--muted:#94a3b8;--subtle:#64748b;--accent:#60a5fa;--accent-2:#a78bfa;--border:#1e293b;--card:#0f172a;--chip-bg:#60a5fa1f;--chip-fg:#bfdbfe;--footer-bg:#111827;--footer-bg-2:#0b1220;--footer-fg:#e5e7eb;--footer-border:#94a3b824;--blob-a:#7c3aed;--blob-b:#2563eb;--blob-c:#6366f1;--blob-opacity:.42;--blob-blur:120px;--grain-opacity:.05}}:root[data-theme=dark]{--bg:#07090f;--fg:#f1f5f9;--muted:#94a3b8;--subtle:#64748b;--accent:#60a5fa;--accent-2:#a78bfa;--border:#1e293b;--card:#0f172a;--chip-bg:#60a5fa1f;--chip-fg:#bfdbfe;--footer-bg:#111827;--footer-bg-2:#0b1220;--footer-fg:#e5e7eb;--footer-border:#94a3b824;--blob-a:#7c3aed;--blob-b:#2563eb;--blob-c:#6366f1;--blob-opacity:.42;--blob-blur:120px;--grain-opacity:.05}:root{--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space:1rem;--space-md:1.25rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--gutter-x:clamp(1rem, 4vw, 1.5rem);--card-px:clamp(1.25rem, 4vw, 1.75rem);--card-py:clamp(1.25rem, 3vw, 1.5rem);--page-pt:clamp(1.75rem, 4vw, 2.5rem);--page-pb:clamp(2.5rem, 6vw, 4rem);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--radius-full:50%;--shadow-card:0 1px 2px #0f172a0a;--shadow-pop:0 8px 24px #0f172a14;--shadow-deep:0 16px 40px #0f172a26;--shadow-overlay:0 -10px 40px #00000026;--t-fast:.12s ease;--t-base:.2s ease;--t-spring:.5s cubic-bezier(.16, 1, .3, 1);--content-max:960px;--legal-max:720px;--z-bg:-1;--z-sticky:50;--z-toggle:100;--brand-linkedin:#0a66c2;--brand-github:#181717;--brand-email:#ea4335;--brand-sun:#f59e0b;--on-brand:#fff;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--t-base), color var(--t-base);font-size:16px;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}img{max-width:100%;height:auto;display:block}picture{display:contents}.bg{z-index:var(--z-bg);pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-blob{border-radius:var(--radius-full);width:70vmax;height:70vmax;filter:blur(var(--blob-blur));opacity:var(--blob-opacity);will-change:transform;position:absolute;transform:translate(0,0)}.bg-blob--a{background:radial-gradient(circle at 35% 35%, var(--blob-a) 0%, transparent 60%);animation:22s ease-in-out infinite alternate drift-a;top:-25vmax;left:-20vmax}.bg-blob--b{background:radial-gradient(circle at 65% 45%, var(--blob-b) 0%, transparent 60%);animation:28s ease-in-out infinite alternate drift-b;top:10vmax;right:-25vmax}.bg-blob--c{background:radial-gradient(circle at 50% 60%, var(--blob-c) 0%, transparent 60%);animation:34s ease-in-out infinite alternate drift-c;bottom:-30vmax;left:15vmax}.bg-grain{opacity:var(--grain-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}@keyframes drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(10vmax,8vmax)scale(1.15)}}@keyframes drift-b{0%{transform:translate(0,0)scale(1.05)}to{transform:translate(-12vmax,10vmax)scale(.9)}}@keyframes drift-c{0%{transform:translate(0,0)scale(.95)}to{transform:translate(8vmax,-10vmax)scale(1.2)}}.sticky-header{z-index:var(--z-sticky);padding:var(--space-xs) var(--gutter-x);background:color-mix(in srgb, var(--card) 80%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);box-shadow:var(--shadow-pop);opacity:0;transition:transform var(--t-spring), opacity var(--t-base);pointer-events:none;position:fixed;inset:0 0 auto;transform:translateY(-110%)}.sticky-header.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.sticky-header__inner{max-width:var(--content-max);justify-content:center;align-items:center;gap:var(--space) var(--space-lg);flex-wrap:wrap;margin:0 auto;padding-right:3.25rem;display:flex}.sticky-header__brand{align-items:center;gap:var(--space-xs);color:var(--fg);min-width:0;text-decoration:none;display:inline-flex}.sticky-header__avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--bg);width:32px;height:32px;box-shadow:var(--shadow-card);flex-shrink:0}.sticky-header__name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.sticky-header__name-prefix{color:var(--subtle);font-weight:500}.sticky-header__actions{gap:var(--space-2xs);display:inline-flex}.sticky-header__btn{border-radius:var(--radius-full);width:32px;height:32px;color:var(--on-brand);transition:transform var(--t-base), filter var(--t-base), box-shadow var(--t-base);justify-content:center;align-items:center;display:inline-flex}.sticky-header__btn svg{width:14px;height:14px}.sticky-header__btn:hover,.sticky-header__btn:focus-visible{filter:brightness(1.08);box-shadow:var(--shadow-pop);outline:none;transform:translateY(-2px)scale(1.06)}.sticky-header__btn--linkedin{background:var(--brand-linkedin)}.sticky-header__btn--github{background:var(--brand-github)}.sticky-header__btn--email{background:var(--brand-email)}@media (width<=540px){.sticky-header__name-prefix{display:none}.sticky-header__name{font-size:.85rem}.sticky-header__inner{gap:var(--space-sm)}}.theme-toggle{top:var(--space);right:var(--space);z-index:var(--z-toggle);border-radius:var(--radius-full);background:color-mix(in srgb, var(--card) 85%, transparent);border:1px solid var(--border);width:44px;height:44px;color:var(--fg);cursor:pointer;-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-pop);transition:transform var(--t-base), border-color var(--t-base), box-shadow var(--t-base);justify-content:center;align-items:center;padding:0;display:flex;position:fixed}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-deep);outline:none;transform:scale(1.06)}.theme-toggle__orbit{width:22px;height:22px;display:block;position:relative}.theme-toggle__sun,.theme-toggle__planet{transition:opacity .4s,transform .5s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.theme-toggle__sun{color:var(--brand-sun)}.theme-toggle__planet{color:var(--accent)}.theme-toggle--light .theme-toggle__sun{opacity:1;transform:rotate(0)scale(1)}.theme-toggle--light .theme-toggle__planet{opacity:0;transform:rotate(-110deg)scale(.4)}.theme-toggle--dark .theme-toggle__sun{opacity:0;transform:rotate(110deg)scale(.4)}.theme-toggle--dark .theme-toggle__planet{opacity:1;transform:rotate(0)scale(1)}.theme-toggle__planet ellipse{transform-origin:16px 16px;transition:transform .7s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover .theme-toggle__planet ellipse{transform:rotate(158deg)}@media (width<=540px){.theme-toggle{top:var(--space-xs);right:var(--space-xs);width:40px;height:40px}}.page{width:100%;max-width:var(--content-max);padding:var(--page-pt) var(--gutter-x) var(--page-pb);gap:var(--space-md);flex-direction:column;flex:1;margin:0 auto;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--card-py) var(--card-px);box-shadow:var(--shadow-card)}.card__title{margin:0 0 var(--space);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(1.1rem,2.5vw,1.25rem);font-weight:600}.card__text{color:var(--muted);text-wrap:pretty;margin:0;font-size:1rem}.hero{text-align:center;margin-bottom:var(--space);flex-direction:column;align-items:center;display:flex}.hero__banner{border-radius:var(--radius-lg);background-image:linear-gradient(#0f172a00 60%,#0f172a2e 100%),url(/header.jpg);background-position:50%;background-size:cover;background-color:var(--accent);width:100%;height:clamp(140px,24vw,200px);box-shadow:var(--shadow-pop)}@supports (background-image:image-set(url("data:,") type("image/webp"))){.hero__banner{background-image:-webkit-linear-gradient(270deg,#0f172a00 60%,#0f172a2e 100%),-webkit-image-set(url(/header.webp) 1x type("image/webp"),url(/header.jpg) 1x type("image/jpeg"));background-image:linear-gradient(#0f172a00 60%,#0f172a2e 100%),image-set("/header.webp" 1x type("image/webp"),"/header.jpg" 1x type("image/jpeg"))}}.hero__avatar{--avatar-size:clamp(96px, 22vw, 144px);width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-full);margin-top:calc(var(--avatar-size) / -2);object-fit:cover;background:var(--bg);border:5px solid var(--bg);box-shadow:var(--shadow-deep);-webkit-user-select:none;user-select:none}.hero__identity{gap:var(--space-2xs);margin-top:var(--space-md);flex-direction:column;align-items:center;display:flex}.hero__name{letter-spacing:-.02em;background:linear-gradient(135deg, var(--fg) 0%, var(--accent) 70%, var(--accent-2) 100%);color:#0000;text-wrap:balance;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.7rem,5vw,2.4rem);font-weight:700;line-height:1.15}.hero__headline{color:var(--muted);margin:0;font-size:clamp(.95rem,2.4vw,1.05rem);font-weight:500}.hero__meta{color:var(--subtle);margin:0;font-size:.9rem}.hero__actions{gap:var(--space-xs) var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);transition:filter var(--t-fast), transform var(--t-fast), background-color var(--t-fast), border-color var(--t-fast);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:.6rem 1.15rem;font-size:.9rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn__icon{flex-shrink:0;width:16px;height:16px}.btn:active{transform:translateY(1px)}.btn:hover,.btn:focus-visible{filter:brightness(1.08);outline:none}.btn--primary{background:var(--accent);color:var(--on-brand);border-color:var(--accent)}.btn--ghost{color:var(--accent);border-color:var(--accent);background:0 0}.btn--linkedin{background:var(--brand-linkedin);color:var(--on-brand);border-color:var(--brand-linkedin)}.btn--github{background:var(--brand-github);color:var(--on-brand);border-color:var(--brand-github)}.btn--email{background:var(--brand-email);color:var(--on-brand);border-color:var(--brand-email)}.btn--ghost:hover,.btn--ghost:focus-visible{background:var(--chip-bg);filter:none}.stack{gap:var(--space-lg) var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));display:grid}.stack__group{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.stack__group-title{margin:0 0 var(--space-2xs);text-transform:uppercase;letter-spacing:.12em;color:var(--subtle);font-size:.78rem;font-weight:600}.stack__chips{gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.stack__chip{background:var(--chip-bg);color:var(--chip-fg);border-radius:var(--radius-pill);padding:.3rem .7rem;font-size:.85rem;font-weight:500}.projects{margin:var(--space) 0 0;gap:var(--space);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));padding:0;list-style:none;display:grid}.project{align-items:flex-start;gap:var(--space);padding:var(--space);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:inherit;transition:border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);min-width:0;height:100%;text-decoration:none;display:flex}.project:hover,.project:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-pop);outline:none;transform:translateY(-2px)}.project__logo{object-fit:contain;background:var(--on-brand);border:1px solid var(--border);border-radius:10px;flex-shrink:0;width:56px;height:56px;padding:6px}.project__info{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.project__name{color:var(--fg);margin:0;font-size:1.05rem;font-weight:600}.project__context{color:var(--accent);margin:0;font-size:.85rem;font-weight:500}.project__description{margin:var(--space-2xs) 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}.project__url{align-items:center;gap:var(--space-2xs);margin-top:var(--space-xs);color:var(--subtle);font-size:.8rem;font-family:var(--font-mono);word-break:break-all;display:inline-flex}.project__url svg{flex-shrink:0;width:12px;height:12px}.publications{gap:var(--space-lg);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.publication{gap:var(--space-2xs);padding-left:var(--space);border-left:3px solid var(--accent);flex-direction:column;display:flex}.publication__title{color:var(--fg);text-wrap:pretty;margin:0;font-size:1rem;font-weight:600;line-height:1.4}.publication__venue{color:var(--accent);margin:0;font-size:.85rem;font-weight:500}.publication__authors{color:var(--subtle);margin:0;font-size:.85rem}.publication__summary{margin:var(--space-2xs) 0 0;color:var(--muted);font-size:.95rem}.publication__link{margin-top:var(--space-xs);align-self:flex-start;align-items:center;gap:var(--space-2xs);border-radius:var(--radius-pill);background:var(--chip-bg);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);transition:background-color var(--t-fast), color var(--t-fast), border-color var(--t-fast);padding:.45rem .95rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.publication__link:hover,.publication__link:focus-visible{background:var(--accent);color:var(--on-brand);border-color:var(--accent);outline:none}.publication__link-icon{flex-shrink:0;width:14px;height:14px}.contact{justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.contact__text{flex:280px;min-width:0}.contact__cta{flex:none}@media (width<=540px){.contact__cta{width:100%}}.footer-card{background:linear-gradient(160deg, var(--footer-bg) 0%, var(--footer-bg-2) 100%);color:var(--footer-fg);padding:var(--space-2xl) var(--gutter-x) var(--space-lg);box-shadow:var(--shadow-overlay);margin-top:auto}.footer-card__inner{max-width:var(--content-max);gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;margin:0 auto;display:grid}.footer-card__brand{gap:var(--space-2xs);flex-direction:column;display:flex}.footer-card__name{color:var(--footer-fg);font-size:1.15rem;font-weight:600}.footer-card__role{color:var(--footer-muted);font-size:.9rem}.footer-card__columns{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.footer-card__column{gap:var(--space-sm);flex-direction:column;display:flex}.footer-card__title{text-transform:uppercase;letter-spacing:.16em;color:var(--footer-muted);margin:0;font-size:.75rem;font-weight:600}.footer-card__list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-card__list a{color:var(--footer-fg);transition:color var(--t-fast);align-items:center;gap:var(--space-xs);font-size:.95rem;text-decoration:none;display:inline-flex}.footer-card__list a:hover,.footer-card__list a:focus-visible{color:var(--footer-link-hover);outline:none}.footer-card__icon{flex-shrink:0;width:16px;height:16px}.footer-card__icon--linkedin{color:var(--brand-linkedin)}.footer-card__icon--github{color:var(--on-brand)}.footer-card__icon--email{color:var(--brand-email)}.footer-card__bottom{max-width:var(--content-max);margin:var(--space-xl) auto 0;padding-top:var(--space-md);border-top:1px solid var(--footer-border);gap:var(--space-xs) var(--space-lg);color:var(--footer-muted);flex-wrap:wrap;justify-content:space-between;font-size:.8rem;display:flex}@media (width<=720px){.footer-card__inner{gap:var(--space-xl);grid-template-columns:1fr}}@media (width<=480px){.footer-card__columns{gap:var(--space-lg);grid-template-columns:1fr}}.legal{width:100%;max-width:var(--legal-max);padding:var(--space-3xl) var(--gutter-x);flex:1;margin:0 auto}.legal h1{margin:0 0 var(--space-xl);text-wrap:balance;font-size:clamp(1.6rem,5vw,2.25rem)}.legal h2{margin:var(--space-xl) 0 var(--space-xs);color:var(--fg);font-size:1.05rem}.legal p{color:var(--muted);margin:0 0 var(--space-sm);text-wrap:pretty}.legal p:last-child{margin-bottom:0}.legal ul{color:var(--muted);margin:0 0 var(--space-sm);padding-left:var(--space-md)}.legal li{margin:.15rem 0}.legal a{color:var(--accent);text-decoration:none}.legal a:hover,.legal a:focus-visible{outline:none;text-decoration:underline}.back{margin-bottom:var(--space-xl);color:var(--muted);font-size:.9rem;text-decoration:none;display:inline-block}.back:hover,.back:focus-visible{color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.sticky-header:not(.is-visible){opacity:0;pointer-events:none}}