:root{--bg:#0c1a2b;--bg-2:#0f2138;--bg-3:#142a45;--line:#ffffff14;--line-2:#ffffff24;--ink:#e9eef7;--ink-2:#b9c4d6;--ink-3:#7d8aa1;--accent:#fbbf24;--accent-2:#f59e0b;--accent-soft:#fbbf2426;--green:#34d399;--pink:#f472b6;--blue:#60a5fa;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--serif:"Fraunces", "Times New Roman", serif;--radius:14px;--radius-lg:22px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);color:var(--ink);font-family:var(--sans);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-3);border:2px solid var(--bg);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--line-2)}.app{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}.app:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at top,#000 30%,#0000 80%);mask-image:radial-gradient(at top,#000 30%,#0000 80%)}.app>*{z-index:1;position:relative}.page{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:64px 32px 120px}.page--wide{max-width:1440px}.section-title{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:16px;margin-bottom:32px;font-size:13px;display:flex}.section-title:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%}.section-title:after{content:"";background:linear-gradient(to right, var(--line-2), transparent);flex:1;height:1px}.btn{font-family:var(--mono);border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:13px;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.btn--primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.btn--primary:hover{color:var(--bg);background:var(--accent-2);box-shadow:0 8px 24px -8px var(--accent)}.chip{font-family:var(--mono);color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:inline-flex}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.card:hover{border-color:var(--line-2)}.page-enter{animation:.5s cubic-bezier(.2,.8,.2,1) both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.nav{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(140%);background:color-mix(in oklab, var(--bg) 75%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:18px 32px;display:flex}.brand{font-family:var(--mono);letter-spacing:-.02em;align-items:center;gap:12px;font-size:14px;display:flex}.brand__mark{background:var(--accent);width:32px;height:32px;color:var(--bg);font-weight:700;font-family:var(--mono);border-radius:8px;place-items:center;font-size:14px;display:grid;position:relative;overflow:hidden}.brand__mark:after{content:"";background:linear-gradient(135deg,#0000 40%,#fff6 50%,#0000 60%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.brand:hover .brand__mark:after{transform:translate(100%)}.brand__name{color:var(--ink);font-weight:500}.brand__name span{color:var(--ink-3)}.nav__links{align-items:center;gap:4px;display:flex}.nav__link{font-family:var(--mono);color:var(--ink-2);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:color .15s,background .15s;display:flex;position:relative}.nav__link:hover{color:var(--ink);background:var(--line)}.nav__link.nav__link--active{color:var(--accent)}.nav__link.nav__link--active:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;inset:4px 0}.nav__link__num{color:var(--accent);font-size:11px;font-weight:500}.nav__cta{font-family:var(--mono);border:1px solid var(--accent);color:var(--accent);border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;transition:background .2s,transform .1s;display:inline-flex}.nav__cta:hover{background:var(--accent-soft)}.nav__cta:active{transform:scale(.97)}.footer{border-top:1px solid var(--line);font-family:var(--mono);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1280px;margin:0 auto;padding:40px 32px;font-size:12px;display:flex}.footer a:hover{color:var(--accent)}.hero{flex-direction:column;justify-content:center;min-height:600px;padding:80px 0 60px;display:flex;position:relative}.hero__eyebrow{font-family:var(--mono);color:var(--accent);align-items:center;gap:10px;margin-bottom:24px;font-size:13px;display:inline-flex}.hero__eyebrow:before{content:"";background:var(--green);width:6px;height:6px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero__title{font-family:var(--sans);letter-spacing:-.04em;color:var(--ink);margin:0;font-size:clamp(56px,8vw,120px);font-weight:700;line-height:.95}.hero__sub{color:var(--ink-2);max-width:600px;margin-top:28px;font-size:20px;line-height:1.5}.hero__meta{font-family:var(--mono);color:var(--ink-3);flex-wrap:wrap;gap:24px;margin-top:32px;font-size:13px;display:flex}.hero__meta span strong{color:var(--ink);font-weight:500}.hero__cta{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.hero--v1{padding-top:100px}.hero--v1 .hero__photo-trigger{border-bottom:2px dashed var(--accent);cursor:crosshair;text-decoration:none;display:inline-block;position:relative}.hero--v1 .hero__photo-trigger:hover .hero__photo{opacity:1;transform:rotate(-3deg)translate(-50%,-50%)scale(1)}.hero__photo{transform-origin:0 0;border:4px solid var(--accent);opacity:0;pointer-events:none;z-index:10;border-radius:16px;width:240px;height:280px;transition:opacity .25s,transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:calc(100% + 16px);left:50%;overflow:hidden;transform:rotate(-6deg)translate(-50%,-50%)scale(.8);box-shadow:0 30px 80px #0009}.hero__photo img{object-fit:cover;width:100%;height:100%}.blob{filter:blur(120px);opacity:.25;pointer-events:none;z-index:-1;border-radius:50%;width:700px;height:700px;position:absolute}.blob--1{background:var(--accent);animation:20s ease-in-out infinite float;top:-100px;right:-100px}.blob--2{background:var(--blue);animation:24s ease-in-out infinite reverse float;bottom:-200px;left:-100px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(40px,-40px)}}.gh-card{padding:24px}.gh-card__header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.gh-card__label{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.gh-card__title{color:var(--ink-2);margin-top:4px;font-size:16px}.gh-card__link{font-family:var(--mono);color:var(--accent);flex:none;font-size:12px}.gh-grid{grid-template-columns:repeat(53,1fr);gap:3px;margin-top:16px;display:grid}.gh-cell{aspect-ratio:1;background:var(--bg-3);border-radius:2px;transition:transform .15s}.gh-cell:hover{outline:1px solid var(--ink);transform:scale(1.5)}.gh-cell[data-l="1"]{background:#fbbf2433}.gh-cell[data-l="2"]{background:#fbbf2473}.gh-cell[data-l="3"]{background:#fbbf24b3}.gh-cell[data-l="4"]{background:var(--accent)}.gh-legend{font-family:var(--mono);color:var(--ink-3);justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;font-size:11px;display:flex}.gh-legend__dot{border-radius:2px;width:10px;height:10px}@media (width<=640px){.gh-card__header{flex-direction:column;align-items:flex-start}}.stack{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:24px;display:grid}.stack__item{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-2);background:var(--bg-2);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;transition:all .15s;display:flex}.stack__item:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.stack__item-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.home-main{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:start;gap:48px;margin-top:80px;display:grid}@media (width<=920px){.home-main{grid-template-columns:1fr}}.home-github{margin-top:32px}.bio{color:var(--ink-2);font-size:17px;line-height:1.7}.bio p{margin:0 0 16px}.bio strong{color:var(--ink);font-weight:500}.bio a{color:var(--accent);border-bottom:1px dashed var(--accent)}.bio a:hover{background:var(--accent-soft)}.projects{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=760px){.projects{grid-template-columns:1fr}}.proj{cursor:pointer;flex-direction:column;gap:16px;min-height:320px;padding:28px;display:flex;position:relative;overflow:hidden}.proj:after{content:"→";color:var(--ink-3);font-size:22px;transition:all .2s;position:absolute;top:24px;right:28px}.proj:hover{border-color:var(--accent);background:var(--bg-3)}.proj:hover:after{color:var(--accent);transform:translate(4px,-4px)}.proj__year{font-family:var(--mono);color:var(--ink-3);font-size:12px}.proj__title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600}.proj__desc{color:var(--ink-2);flex:1;font-size:15px;line-height:1.6}.proj__tags{flex-wrap:wrap;gap:6px;display:flex}.proj__stat{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);border-radius:6px;align-self:flex-start;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:inline-flex}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:40px;display:grid}@media (width<=760px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}.stat__num{font-family:var(--sans);letter-spacing:-.04em;color:var(--accent);font-size:48px;font-weight:700;line-height:1}.stat__label{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;margin-top:12px;font-size:12px}.timeline{margin-top:20px;padding-left:28px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--accent), var(--line) 50%, transparent);width:1px;position:absolute;top:8px;bottom:8px;left:7px}.tl-item{padding-bottom:36px;position:relative}.tl-item:before{content:"";border:2px solid var(--accent);background:var(--bg);border-radius:50%;width:14px;height:14px;position:absolute;top:8px;left:-28px}.tl-item--featured:before{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.tl-date{font-family:var(--mono);color:var(--ink-3);font-size:12px}.tl-title{letter-spacing:-.01em;margin:4px 0 6px;font-size:20px;font-weight:600}.tl-desc{color:var(--ink-2);font-size:14px;line-height:1.6}.featured-article{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-2);cursor:pointer;grid-template-columns:1fr 1fr;gap:0;margin-bottom:56px;transition:border-color .2s;display:grid;overflow:hidden}.featured-article:hover{border-color:var(--accent)}.featured-article__cover{background:linear-gradient(135deg, var(--bg-3), var(--bg));min-height:320px;font-family:var(--mono);color:var(--accent);letter-spacing:-.04em;place-items:center;font-size:80px;font-weight:700;display:grid;position:relative;overflow:hidden}.featured-article__cover:before{content:"";background-image:radial-gradient(circle at 25% 25%,#fbbf2426,#0000 50%);position:absolute;inset:0}.featured-article__body{flex-direction:column;justify-content:center;gap:14px;padding:32px;display:flex}.featured-article__title{letter-spacing:-.02em;margin:0;font-size:32px;line-height:1.15}.featured-article__excerpt{color:var(--ink-2);font-size:15px;line-height:1.6}@media (width<=760px){.featured-article{grid-template-columns:1fr}}.articles{border-top:1px solid var(--line);flex-direction:column;display:flex}.article-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:100px 1fr 200px 80px;align-items:center;gap:24px;padding:24px 12px;transition:background .15s,padding .15s;display:grid}.article-row:hover{background:var(--bg-2);padding-left:24px}.article-row__date{font-family:var(--mono);color:var(--ink-3);font-size:12px}.article-row__title{letter-spacing:-.01em;align-items:center;gap:12px;font-size:18px;font-weight:500;display:flex}.article-row:hover .article-row__title{color:var(--accent)}.article-row__tags{flex-wrap:wrap;gap:6px;display:flex}.article-row__time{font-family:var(--mono);color:var(--ink-3);text-align:right;font-size:12px}@media (width<=760px){.article-row{grid-template-columns:1fr;gap:8px}.article-row__time{text-align:left}}.article-page{max-width:720px;margin:0 auto}.article-meta{font-family:var(--mono);color:var(--ink-3);flex-wrap:wrap;gap:16px;margin-bottom:24px;font-size:13px;display:flex}.article-meta:before{content:"—";color:var(--accent)}.article-h1{letter-spacing:-.03em;margin:0 0 32px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.05}.article-body{color:var(--ink-2);font-size:18px;line-height:1.75}.article-body p{margin:0 0 1.2em}.article-body h2{color:var(--ink);letter-spacing:-.02em;margin:48px 0 16px;font-size:28px;font-weight:600}.article-body code{font-family:var(--mono);background:var(--bg-2);border:1px solid var(--line);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:15px}.article-body pre{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);font-family:var(--mono);color:var(--ink);margin:24px 0;padding:20px 24px;font-size:14px;line-height:1.6;overflow-x:auto}.article-body pre .k{color:var(--pink)}.article-body pre .s{color:var(--green)}.article-body pre .c{color:var(--ink-3);font-style:italic}.article-body pre .f{color:var(--blue)}.article-body blockquote{border-left:3px solid var(--accent);background:var(--bg-2);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink);margin:32px 0;padding:20px 24px;font-size:17px;line-height:1.6}.cv{grid-template-columns:220px 1fr;align-items:start;gap:56px;display:grid}@media (width<=760px){.cv{grid-template-columns:1fr;gap:32px}}.cv__side{font-family:var(--mono);color:var(--ink-3);font-size:12px;position:sticky;top:96px}.cv__side ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cv__side a{border-radius:6px;padding:6px 10px;transition:color .15s,background .15s;display:block}.cv__side a:hover{color:var(--accent);background:var(--bg-2)}.cv-h2{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--line);margin:48px 0 16px;padding-bottom:8px;font-size:12px}.cv-h2:first-child{margin-top:0}.cv-job{border-bottom:1px solid var(--line);grid-template-columns:1fr;gap:12px;padding:20px 0;display:grid}.cv-job__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.cv-job__title{letter-spacing:-.01em;font-size:20px;font-weight:600}.cv-job__when{font-family:var(--mono);color:var(--ink-3);font-size:12px}.cv-job ul{flex-direction:column;gap:12px;margin:8px 0 0;padding:0;list-style:none;display:flex}.cv-job li{color:var(--ink-2);padding-left:22px;font-size:15px;line-height:1.6;position:relative}.cv-job li:before{content:"▸";color:var(--accent);position:absolute;left:0}.contact{text-align:center;padding:80px 0 40px}.contact__big{letter-spacing:-.04em;margin:0;font-size:clamp(48px,7vw,96px);font-weight:700;line-height:1.05}.contact__sub{color:var(--ink-2);max-width:540px;margin:20px auto 0;font-size:18px}.contact__channels{grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px;margin-top:56px;margin-left:auto;margin-right:auto;display:grid}@media (width<=760px){.contact__channels{grid-template-columns:1fr}}.channel{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);text-align:left;padding:24px;transition:all .2s;display:block}.channel:hover{border-color:var(--accent);transform:translateY(-2px)}.channel__label{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.channel__val{color:var(--ink);margin-top:8px;font-size:17px}.channel:hover .channel__val{color:var(--accent)}