@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}:root{--bg:#05070c;--panel:#080c14bd;--line:#8caaff24;--line-strong:#8caaff4d;--text:#e8eef7;--soft:#c5cfde;--muted:#97a4b8;--faint:#6c7891;--cyan:#38e1ff;--violet:#a78bfa;--mint:#5cf2b0;--font:"Space Grotesk Variable", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono Variable", ui-monospace, SFMono-Regular, Consolas, monospace;--gutter:clamp(16px, 5vw, 72px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-behavior:smooth;scroll-padding-top:72px}body{min-width:320px;color:var(--text);font:400 17px/1.6 var(--font);-webkit-font-smoothing:antialiased;background:radial-gradient(55% 45% at 72% 38%, #38e1ff21, transparent 70%), radial-gradient(40% 40% at 88% 72%, #a78bfa1f, transparent 70%), linear-gradient(#8caaff0d 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(90deg, #8caaff0d 1px, transparent 1px) 0 0 / 48px 48px, var(--bg);background-attachment:fixed;margin:0;overflow-x:hidden}a{color:inherit}::selection{background:#38e1ff4d}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}.mono{font-family:var(--mono)}.skip{z-index:20;background:var(--cyan);color:#04131a;border-radius:8px;padding:10px 16px;font-weight:600;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip:focus{transform:none}#scene{z-index:0;opacity:0;width:100%;height:100%;transition:opacity 1.4s;display:block;position:fixed;inset:0}.webgl #scene{opacity:1}#labels{z-index:1;pointer-events:none;position:fixed;inset:0}main{z-index:2;pointer-events:none;position:relative}.topbar{z-index:10;padding:14px var(--gutter);background:linear-gradient(#05070ceb,#05070c99 70%,#05070c00);align-items:center;gap:clamp(12px,3vw,32px);display:flex;position:fixed;top:0;left:0;right:0}.brand{font:700 19px var(--mono);letter-spacing:-.02em;text-decoration:none}.brand-cursor{color:var(--cyan);animation:1.1s step-end infinite blink}.nav{font:500 14px var(--mono);gap:clamp(14px,2.4vw,30px);margin-left:auto;display:flex}.nav a{color:var(--muted);padding:6px 0;text-decoration:none;transition:color .2s;position:relative}.nav a:hover,.nav a[aria-current=true]{color:var(--text)}.nav a[aria-current=true]:after{content:"";background:var(--cyan);height:2px;box-shadow:0 0 12px var(--cyan);position:absolute;bottom:0;left:0;right:0}.lang{border:1px solid var(--line-strong);color:var(--text);font:600 13px var(--mono);cursor:pointer;background:#05070c99;border-radius:999px;padding:6px 12px;transition:border-color .2s}.lang:hover{border-color:var(--cyan)}.section{min-height:100vh;min-height:100svh;padding:110px var(--gutter) 80px;align-items:center;display:flex}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);pointer-events:auto;border-radius:18px;width:100%;min-width:0;max-width:560px;padding:clamp(22px,3vw,36px);box-shadow:0 30px 80px -20px #0009}.panel--projects{max-width:620px}h1,h2,h3{text-wrap:balance}h1{letter-spacing:-.04em;margin:.15em 0 .25em;font-size:clamp(46px,7.4vw,92px);font-weight:700;line-height:.98}h2{letter-spacing:-.025em;margin:.35em 0 .45em;font-size:clamp(28px,3.4vw,42px);font-weight:650;line-height:1.1}h3{letter-spacing:-.01em;margin:0 0 4px;font-size:18px;font-weight:600}p{margin:0 0 1em}.intro{color:var(--soft)}.kicker{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px}.hero{position:relative}.hero .panel{max-width:580px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.eyebrow{color:var(--muted);margin:0;font-size:14px}.eyebrow .prompt{color:var(--mint)}.role{color:var(--cyan);font:500 clamp(14px, 1.5vw, 18px) / 1.5 var(--mono);text-shadow:0 0 18px #38e1ff59;margin:0 0 1.2em}.role span{white-space:nowrap}.role .sep{color:var(--faint);text-shadow:none}.lead{max-width:34em;color:var(--soft);font-size:clamp(17px,1.5vw,20px)}.actions{flex-wrap:wrap;gap:12px;margin:1.6em 0;display:flex}.btn{border:1px solid var(--line-strong);font:600 15px var(--font);background:#0a0f1a99;border-radius:999px;align-items:center;padding:12px 22px;text-decoration:none;transition:border-color .2s,background-color .2s,transform .2s;display:inline-flex}.btn:hover{border-color:var(--cyan);transform:translateY(-1px)}.btn--primary{border-color:var(--cyan);background:var(--cyan);color:#04131a;box-shadow:0 8px 30px -6px #38e1ff8c}.btn--primary:hover{background:#74ebff}.btn--sm{margin:4px 0 12px;padding:8px 16px;font-size:14px}.meta{color:var(--muted);align-items:center;gap:10px;margin:0;font-size:13px;display:flex}.dot{background:var(--mint);width:8px;height:8px;box-shadow:0 0 10px var(--mint);border-radius:50%;flex:none}.scroll-hint{color:var(--faint);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:12px;animation:2.4s ease-in-out infinite float;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.steps{gap:16px;margin:1.4em 0 0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid var(--line);grid-template-columns:40px 1fr;gap:12px;padding-top:16px;display:grid}.step-n{color:var(--violet);padding-top:3px;font-size:13px}.steps p{color:var(--muted);margin:0;font-size:15.5px}.cards{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:1.4em;display:grid}.card{--c:var(--cyan);border:1px solid var(--line);background:#05080e8c;border-radius:14px;padding:20px 22px;transition:border-color .25s,box-shadow .25s}.card:hover,.card.is-linked,.card:focus-within{border-color:color-mix(in srgb, var(--c) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--c) 35%, transparent), 0 14px 44px -14px color-mix(in srgb, var(--c) 55%, transparent)}.card:focus{outline:none}.card.is-pulsed{animation:1.2s pulse}.card-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.card-dot{background:var(--c);width:10px;height:10px;box-shadow:0 0 12px var(--c);border-radius:3px;flex:none;transform:rotate(45deg)}.card h3{margin:0}.card h3 a{text-decoration:none;transition:color .2s}.card h3 a:hover{color:var(--c);text-underline-offset:4px;text-decoration:underline}.tag{border:1px solid color-mix(in srgb, var(--c) 45%, transparent);color:var(--c);white-space:nowrap;border-radius:999px;flex:none;margin-left:auto;padding:3px 10px;font-size:11.5px}.card>p{color:var(--soft);font-size:15.5px}.bullets{color:var(--muted);margin:0 0 14px;padding-left:18px;font-size:14.5px}.bullets li{margin:4px 0}.bullets li::marker{color:var(--c)}.cmd{border:1px solid var(--line);background:#03050a;border-radius:10px;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:13px;display:flex}.cmd code{min-width:0;color:var(--mint);white-space:nowrap;scrollbar-width:none;flex:1;overflow-x:auto}.cmd code:before{content:"$ ";color:var(--faint)}.copy{border:1px solid var(--line-strong);color:var(--text);font:600 12px var(--mono);cursor:pointer;background:#ffffff0f;border-radius:7px;flex:none;padding:6px 10px}.copy:hover{border-color:var(--mint)}.stack-line{color:var(--faint);margin:14px 0 0;font-size:12px}.more{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.more-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:500}.more-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.more-item{border:1px solid var(--line);background:#05080e8c;border-radius:12px;min-width:0;padding:14px 16px;transition:border-color .2s}.more-item:hover,.more-item:focus-within{border-color:var(--line-strong)}.more-item h4{font:600 14px var(--mono);overflow-wrap:anywhere;margin:0 0 6px}.more-item h4 a{color:var(--cyan);text-decoration:none}.more-item h4 a:hover{text-underline-offset:4px;text-decoration:underline}.more-item p{color:var(--soft);margin:0;font-size:14px;line-height:1.5}.more-item .more-meta{color:var(--faint);flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:12px;display:flex}.more-meta a{color:var(--mint);text-decoration:none}.more-meta a:hover{text-underline-offset:3px;text-decoration:underline}.more-note{color:var(--faint);margin:12px 0 0;font-size:12px}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.stats div{border:1px solid var(--line);background:#ffffff08;border-radius:10px;padding:10px 12px}.stats dt{color:var(--muted);margin-bottom:4px;font-size:12.5px;line-height:1.3}.stats dd{color:var(--faint);font:500 12.5px var(--mono);margin:0}.stats strong{color:var(--text);font:650 21px var(--font);letter-spacing:-.02em;display:block}.areas{grid-template-columns:1fr 1fr;gap:14px 22px;margin:1.2em 0 1.6em;padding:0;list-style:none;display:grid}.areas li{border-top:1px solid var(--line);padding-top:12px}.areas h3{font-size:15.5px}.areas p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.chips-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:500}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line-strong);color:var(--soft);background:#ffffff08;border-radius:999px;padding:5px 11px;font-size:12.5px}.footer{z-index:2;padding:26px var(--gutter) 34px;border-top:1px solid var(--line);color:var(--faint);background:#05070cd1;flex-wrap:wrap;gap:8px 22px;font-size:12.5px;display:flex;position:relative}.footer a:hover{color:var(--text)}.node-label,.skill-label{transition:opacity .5s}.node-label span{border:1px solid var(--c);box-shadow:0 0 16px -2px var(--c);color:var(--text);font:600 12px var(--mono);white-space:nowrap;cursor:pointer;pointer-events:auto;background:#05070cb8;border-radius:999px;padding:5px 11px;display:block}.skill-label{opacity:0}.skill-label span{color:#d6e2ff;font:500 12.5px var(--mono);white-space:nowrap;text-shadow:0 0 8px #38e1ff8c,0 0 2px #000;display:block}#labels[data-section=stack] .skill-label{opacity:1}#labels[data-section=how] .node-label,#labels[data-section=stack] .node-label{opacity:0}#labels[data-section=how] .node-label span,#labels[data-section=stack] .node-label span{pointer-events:none}@media (max-width:899px){.section{align-items:flex-end;padding:96px 16px 28px}.panel,.panel--projects{max-width:none}.hero .panel{background:linear-gradient(#05070c00,#05070cf2 40%);width:calc(100% + 32px);margin:0 -16px;padding:64px 16px 8px}.scroll-hint{display:none}}@media (max-width:640px){.nav{display:none}.lang{margin-left:auto}.areas,.stats{grid-template-columns:1fr}.stats div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.stats dd{text-align:right}.tag{display:none}}@keyframes blink{50%{opacity:0}}@keyframes float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--c) 70%, transparent)}to{box-shadow:0 0 0 18px #0000}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}