:root{--bg: #08090e;--bg-2: #0c0e16;--surface: rgba(255, 255, 255, .028);--surface-2: rgba(255, 255, 255, .05);--text: #e9ebf4;--text-strong: #ffffff;--muted: #9297ad;--faint: #6b7089;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--accent: #5eead4;--num: #38bdf8;--grad: linear-gradient(100deg, #2dd4bf 0%, #38bdf8 48%, #fcd34d 100%);--grad-soft: linear-gradient(100deg, rgba(45,212,191,.16), rgba(56,189,248,.13), rgba(252,211,77,.12));--title-grad: linear-gradient(180deg, #ffffff 30%, #b9bed6 100%);--glow: rgba(45, 212, 191, .32);--glow-strong: rgba(56, 189, 248, .55);--grid-line: rgba(255, 255, 255, .035);--nav-bg: rgba(8, 9, 14, .72);--nav-mobile-bg: rgba(10, 11, 17, .97);--sel-bg: rgba(45, 212, 191, .32);--footer-bg: rgba(255, 255, 255, .012);--tag-bg: rgba(255, 255, 255, .02);--aurora: radial-gradient(600px 400px at 12% 0%, rgba(45,212,191,.16), transparent 60%), radial-gradient(700px 500px at 92% 8%, rgba(56,189,248,.14), transparent 60%), radial-gradient(600px 600px at 70% 100%, rgba(252,211,77,.09), transparent 60%);--badge-pink: #fb7185;--badge-blue: #38bdf8;--badge-teal: #2dd4bf;--badge-purple: #fcd34d;--maxw: 940px;--radius: 16px;--font: "Inter", system-ui, -apple-system, sans-serif;--display: "Space Grotesk", var(--font);--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace}:root[data-theme=light]{--bg: #f1ece1;--bg-2: #e8e1d3;--surface: #faf6ec;--surface-2: #fffdf7;--text: #2a2620;--text-strong: #17130c;--muted: #6f6857;--faint: #9a917c;--border: rgba(45, 34, 12, .13);--border-strong: rgba(45, 34, 12, .24);--accent: #b8542f;--num: #c15f3c;--grad: linear-gradient(100deg, #e08a5b 0%, #c15f3c 55%, #a8481f 100%);--grad-soft: linear-gradient(100deg, rgba(193,95,60,.16), rgba(224,138,91,.12));--title-grad: linear-gradient(180deg, #241f18 20%, #6a5f4b 100%);--glow: rgba(193, 95, 60, .26);--glow-strong: rgba(193, 95, 60, .42);--grid-line: rgba(70, 55, 30, .05);--nav-bg: rgba(241, 236, 225, .8);--nav-mobile-bg: rgba(244, 240, 232, .98);--sel-bg: rgba(193, 95, 60, .24);--footer-bg: rgba(0, 0, 0, .015);--tag-bg: rgba(0, 0, 0, .02);--aurora: radial-gradient(600px 400px at 12% 0%, rgba(224,138,91,.16), transparent 60%), radial-gradient(700px 500px at 92% 8%, rgba(193,95,60,.1), transparent 60%), radial-gradient(600px 600px at 70% 100%, rgba(210,160,90,.1), transparent 60%);--badge-pink: #a83e63;--badge-blue: #2f5ea3;--badge-teal: #1d7a6c;--badge-purple: #6d47a3}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s ease,color .3s ease}.bg-ambient{position:fixed;top:-240px;right:0;bottom:-240px;left:0;z-index:-2;pointer-events:none;background:var(--aurora);will-change:transform}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:var(--grad);transform-origin:0 50%;transform:scaleX(0)}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at 50% 0%,black,transparent 70%);-webkit-mask-image:radial-gradient(circle at 50% 0%,black,transparent 70%)}a{color:var(--accent);text-decoration:none;transition:color .18s ease,opacity .18s ease}a:hover{color:var(--text-strong)}img{max-width:100%;display:block}::selection{background:var(--sel-bg);color:var(--text-strong)}.shell{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}main{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:4.5rem 1.5rem 5rem}.page-section{scroll-margin-top:84px;padding-top:3.2rem;margin-top:3.8rem;border-top:1px solid var(--border)}.page-section>*>.page-head:first-child,.page-section .page-head{margin-bottom:2.4rem}.nav{position:sticky;top:0;z-index:50;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--maxw);margin:0 auto;padding:1.05rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:relative}.nav-left{display:flex;align-items:center;gap:1.9rem;margin-left:-.4rem}.nav-brand{font-family:var(--display);font-weight:700;font-size:1.08rem;color:var(--text);letter-spacing:-.02em}.nav-brand:hover{color:var(--text-strong)}.nav-links{display:flex;gap:1.6rem;list-style:none;align-items:center}.nav-link{color:var(--muted);font-size:.9rem;font-weight:500;display:inline-flex;gap:.4rem;align-items:baseline;transition:color .18s ease}.nav-link .num{font-family:var(--mono);font-size:.68rem;color:var(--num)}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text-strong);position:relative}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--grad);border-radius:2px;box-shadow:0 0 10px var(--glow-strong)}.nav-toggle{display:none;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.4rem .6rem;cursor:pointer;font-size:1rem;color:var(--text)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;flex-shrink:0;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem;line-height:1;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.theme-toggle:hover{border-color:var(--num);color:var(--num);background:var(--surface-2)}.hero{position:relative;display:flex;gap:3rem;align-items:center;justify-content:space-between;padding:1.5rem 0 1rem}.hero-body{flex:1}.eyebrow{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--num);margin-bottom:1.1rem;display:inline-flex;align-items:center;gap:.5rem}.eyebrow:before{content:"";width:26px;height:1px;background:var(--grad);display:inline-block}.hero h1{font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,7vw,4.6rem);letter-spacing:-.035em;line-height:1.02;margin-bottom:1rem;background:var(--title-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero .positioning{font-family:var(--display);font-weight:600;font-size:clamp(1.2rem,2.6vw,1.7rem);line-height:1.25;margin-bottom:1.25rem;max-width:20ch;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero .intro{color:var(--muted);font-size:1.04rem;max-width:46ch}.hero-photo-wrap{position:relative;flex-shrink:0}.hero-photo{width:208px;height:208px;border-radius:24px;object-fit:cover;border:1px solid var(--border-strong);position:relative;z-index:1}.hero-photo-wrap:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:26px;padding:2px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8}.hero-photo-wrap:after{content:"";position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:50%;z-index:-1;background:radial-gradient(circle,var(--glow),transparent 68%);filter:blur(14px)}.btn-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.9rem}.btn{border:1px solid var(--border-strong);background:var(--surface);border-radius:12px;padding:.6rem 1.15rem;font-size:.9rem;font-weight:500;color:var(--text);transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.btn:hover{color:var(--text-strong);border-color:transparent;background:var(--surface-2);transform:translateY(-2px);box-shadow:0 8px 30px var(--glow)}.btn.primary{background:var(--grad);color:#0a0a12;border-color:transparent;font-weight:600}.btn.primary:hover{color:#0a0a12;box-shadow:0 10px 34px var(--glow-strong);transform:translateY(-2px)}.section{margin-bottom:4rem}.section-kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--num);margin-bottom:.5rem}.section h2{font-family:var(--display);font-weight:600;font-size:1.8rem;letter-spacing:-.02em;margin-bottom:1.6rem}.page-head{margin-bottom:3rem}.page-head .section-kicker{margin-bottom:.8rem}.page-head h1{font-family:var(--display);font-weight:700;font-size:clamp(2.1rem,5vw,3.1rem);letter-spacing:-.03em;line-height:1.05;background:var(--title-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-head p{color:var(--muted);margin-top:.7rem;max-width:52ch}.chips{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none}.chip{font-size:.82rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.34rem .85rem;color:var(--muted);transition:border-color .18s ease,color .18s ease}.chip:hover{border-color:var(--border-strong);color:var(--text)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;overflow:hidden;transition:transform .22s ease,border-color .22s ease,background .22s ease}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);padding:1px;opacity:0;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .22s ease;pointer-events:none}.card:hover{transform:translateY(-4px);background:var(--surface-2)}.card:hover:before{opacity:1}.card h3{font-family:var(--display);font-weight:600;font-size:1.14rem;letter-spacing:-.01em;margin-bottom:.55rem}.card .blurb{color:var(--muted);font-size:.93rem;margin-bottom:1rem}.badge{display:inline-block;font-family:var(--mono);font-size:.7rem;font-weight:500;padding:.26rem .6rem;border-radius:7px;margin-bottom:.85rem;background:var(--grad-soft);border:1px solid var(--border);color:var(--accent)}.badge.pink{color:var(--badge-pink)}.badge.blue{color:var(--badge-blue)}.badge.teal{color:var(--badge-teal)}.badge.purple{color:var(--badge-purple)}.tags{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none}.tag{font-family:var(--mono);font-size:.72rem;color:var(--faint);background:var(--tag-bg);border:1px solid var(--border);border-radius:7px;padding:.2rem .55rem}.timeline{position:relative;border-left:1px solid var(--border);padding-left:1.6rem;display:flex;flex-direction:column;gap:2rem}.tl-item{position:relative}.tl-item:before{content:"";position:absolute;left:calc(-1.6rem - 5px);top:.5rem;width:9px;height:9px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 4px var(--bg),0 0 12px var(--glow-strong)}.tl-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:baseline}.tl-heading{display:inline-flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}.tl-role{font-family:var(--display);font-size:1.1rem;font-weight:600}.tl-org{color:var(--accent);font-weight:500}.tl-org:before{content:"· ";color:var(--faint)}.tl-dates{font-family:var(--mono);color:var(--faint);font-size:.8rem;white-space:nowrap}.tl-bullets{margin:.7rem 0 0 1.1rem;color:var(--muted);font-size:.93rem}.tl-bullets li{margin-bottom:.35rem}.tl-note{color:var(--faint);font-size:.9rem;margin-top:.35rem}.skill-group{margin-bottom:2rem}.skill-group h3{font-family:var(--display);font-weight:600;font-size:1.05rem;margin-bottom:.85rem}.stack{display:flex;flex-direction:column;gap:0}.stack-row{padding:1.05rem 0;border-bottom:1px solid var(--border)}.stack-row:first-child{padding-top:0}.stack-row:last-child{border-bottom:none}.stack-row .t{font-family:var(--display);font-weight:600;font-size:1rem}.stack-row .s{color:var(--muted);font-size:.88rem;margin-top:.2rem}.lang-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.lang-grid .t{font-family:var(--display);font-weight:600}.lang-grid .s{color:var(--faint);font-size:.86rem;font-family:var(--mono)}.footer{border-top:1px solid var(--border);background:var(--footer-bg)}.footer-inner{max-width:var(--maxw);margin:0 auto;padding:2.2rem 1.5rem;display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap;color:var(--faint);font-size:.86rem}.footer-links{display:flex;gap:1.3rem}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--text-strong)}.resume-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}.resume-actions{display:flex;gap:.7rem;flex-wrap:wrap}.resume-frame{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);height:80vh;min-height:560px}.resume-frame iframe{width:100%;height:100%;border:0;display:block}.scholar-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-bottom:1.9rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1rem;text-align:center}.stat-num{display:block;font-family:var(--display);font-weight:700;font-size:1.9rem;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:.35rem}.pub-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.pub-main{min-width:0}.cite-badge{flex-shrink:0;font-family:var(--mono);font-size:.72rem;color:var(--accent);background:var(--grad-soft);border:1px solid var(--border);border-radius:999px;padding:.22rem .65rem;white-space:nowrap;margin-top:.15rem}.scholar-note{font-family:var(--mono);font-size:.74rem;color:var(--faint);margin-top:1.5rem}@media (max-width: 720px){.scholar-stats{gap:.55rem}.stat{padding:.9rem .6rem}.stat-num{font-size:1.5rem}}.cal-embed{min-height:640px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.cal-embed>*{min-height:640px}.cal-fallback{margin-top:1rem;color:var(--faint);font-size:.88rem}.fun-cta{margin-top:4.5rem;padding:2.5rem 1.5rem;text-align:center;border-top:1px solid var(--border)}.fun-cta-label{font-family:var(--display);font-weight:600;font-size:1.15rem;color:var(--text);margin-bottom:1.1rem}.fun-cta-note{color:var(--faint);font-size:.84rem;margin-top:1rem}.btn-fun{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--display);font-weight:700;font-size:1.05rem;color:#0a0a12;padding:.85rem 1.7rem;border-radius:20px;position:relative;background:linear-gradient(100deg,#2dd4bf,#38bdf8,#fcd34d,#2dd4bf);background-size:300% 100%;animation:funshift 6s linear infinite;box-shadow:0 8px 30px #2dd4bf59;transition:transform .2s ease,box-shadow .2s ease}.btn-fun:hover{color:#0a0a12;transform:translateY(-3px) scale(1.03);box-shadow:0 14px 44px #38bdf880}.btn-fun-arrow{transition:transform .2s ease}.btn-fun:hover .btn-fun-arrow{transform:translate(5px)}@keyframes funshift{to{background-position:300% 0}}.link-arrow{font-family:var(--mono);font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem}.link-arrow:hover{gap:.65rem}@media (max-width: 720px){main{padding:3rem 1.3rem 4rem}.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;flex-direction:column;gap:0;background:var(--nav-mobile-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:.5rem 1.5rem 1.1rem}.nav-links.open{display:flex}.nav-link{padding:.7rem 0}.nav-link.active:after{display:none}.hero{flex-direction:column-reverse;align-items:flex-start;gap:2rem}.hero-photo{width:195px;height:195px}.grid,.lang-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}