@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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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}:root{--bg:#07090f;--bg-2:#0b0f19;--surface:#0e12199e;--surface-solid:#0e1219;--border:#ffffff14;--border-strong:#ffffff29;--text:#e6e9ef;--muted:#8b93a3;--accent:#22d3ee;--accent-2:#a78bfa;--accent-soft:#22d3ee1f;--hot:#a5f3fc;--font-display:"Space Grotesk Variable", "Segoe UI", system-ui, sans-serif;--font-body:"Inter Variable", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono Variable", "Cascadia Code", Consolas, monospace;--radius:18px;--gutter:clamp(16px, 5vw, 72px);--maxw:1180px;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:0;padding:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0;line-height:1.05}p{margin:0}::selection{background:#22d3ee4d}.skip{z-index:100;background:var(--accent);color:#041014;border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}#bg{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.poster{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(1200px 600px at 70% 30%, #22d3ee24, transparent 60%), radial-gradient(800px 500px at 20% 80%, #a78bfa1a, transparent 60%), var(--bg);transition:opacity .6s;position:fixed;inset:0}body.no-webgl .poster{opacity:1}.shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#07090fd1 0%,#07090f8c 38%,#07090f26 62%,#07090f00 80%),linear-gradient(#07090f8c 0%,#07090f00 22% 78%,#07090f99 100%);position:fixed;inset:0}@media (max-width:860px){.shade{background:linear-gradient(#07090fb3,#07090f73 50%,#07090fb3)}}.grain{z-index:1;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22200%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.9%22 numOctaves=%222%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23n)%22/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-2%,6%)}80%{transform:translate(5%,-2%)}to{transform:translate(0)}}#labels{z-index:1;pointer-events:none;opacity:0;transition:opacity .4s;position:fixed;inset:0}body.no-webgl #labels{display:none}.mlabel{will-change:transform, opacity;font-family:var(--font-mono);letter-spacing:.08em;color:var(--hot);white-space:nowrap;opacity:0;background:#07090f8c;border:1px solid #22d3ee2e;border-radius:999px;margin:-10px 0 0 10px;padding:2px 7px 2px 14px;font-size:11.5px;position:absolute;top:0;left:0;transform:translate(-200px,-200px)}.mlabel:before{content:"";background:var(--accent);width:4px;height:4px;box-shadow:0 0 8px var(--accent);border-radius:50%;margin-top:-2px;position:absolute;top:50%;left:5px}@media (max-width:860px){#labels{display:none}}.nav .tools{align-items:center;gap:8px;display:flex}.tool{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--border);background:#07090f59;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;transition:color .25s,border-color .25s;display:inline-flex}.tool:hover{color:var(--text);border-color:var(--border-strong)}.tool kbd{font:inherit;border:1px solid var(--border-strong);background:#ffffff0a;border-radius:5px;padding:1px 5px}.tool.gfx i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%}.tool.gfx[data-mode=lite] i{background:#fbbf24;box-shadow:0 0 8px #fbbf24}.tool.gfx[data-mode=off] i{background:var(--muted);box-shadow:none}.tool.gfx:before{content:"gfx";opacity:.6}@media (max-width:720px){.nav #palette-open{display:none}}#palette{z-index:80;display:none;position:fixed;inset:0}#palette.open{display:block}.pal-backdrop{-webkit-backdrop-filter:blur(6px);background:#04060cb3;position:absolute;inset:0}.pal{background:var(--surface-solid);border:1px solid var(--border-strong);width:min(640px,100% - 32px);animation:palin .18s var(--ease);border-radius:16px;position:absolute;top:14vh;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 40px 120px -20px #000c,0 0 0 1px #22d3ee14}@keyframes palin{0%{opacity:0;transform:translate(-50%,-8px)}}.pal-in{border-bottom:1px solid var(--border);font-family:var(--font-mono);align-items:center;gap:12px;padding:14px 16px;display:flex}.pal-in>span{color:var(--accent)}.pal-in input{color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:15px}.pal-in input::placeholder{color:var(--muted)}.pal-in kbd{border:1px solid var(--border-strong);color:var(--muted);border-radius:5px;padding:2px 6px;font-size:10.5px}#pal-list{max-height:50vh;margin:0;padding:6px;list-style:none;overflow:auto}#pal-list li{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:14.5px;display:flex}#pal-list li small{font-family:var(--font-mono);color:var(--muted);font-size:11px}#pal-list li.is-sel,#pal-list li:hover{background:var(--accent-soft);color:var(--hot)}#pal-list li.empty{color:var(--muted);cursor:default}.pal-foot{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--muted);gap:18px;padding:10px 16px;font-size:11px;display:flex}.pal-foot span:last-child{margin-left:auto}.pal-foot kbd{border:1px solid var(--border-strong);border-radius:4px;margin-right:3px;padding:1px 5px}.wrap{width:min(var(--maxw), 100% - 2 * var(--gutter));margin-inline:auto}section{z-index:2;padding:clamp(80px,12vh,140px) 0;position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:12px;font-size:12px;display:flex}.eyebrow:before{content:"";background:var(--accent);opacity:.7;width:28px;height:1px}.h2{margin-top:14px;font-size:clamp(32px,5vw,52px);font-weight:700}.lead{color:var(--muted);max-width:62ch;margin-top:18px;font-size:clamp(16px,1.6vw,19px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);transition:border-color .3s, transform .5s var(--ease), box-shadow .5s}.card:hover{border-color:var(--border-strong);box-shadow:0 30px 80px -30px #22d3ee40}.btn{border:1px solid var(--border-strong);will-change:transform;border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-size:15px;font-weight:600;transition:color .3s,border-color .3s,background .3s;display:inline-flex;position:relative;overflow:hidden}.btn .label{z-index:1;position:relative}.btn-primary{background:var(--accent);color:#041014;border-color:#0000}.btn-primary:hover{background:var(--hot)}.btn-ghost:hover{border-color:var(--accent);color:var(--hot);background:var(--accent-soft)}.btn svg{z-index:1;width:18px;height:18px;position:relative}.chip{background:var(--accent-soft);color:var(--hot);font-family:var(--font-mono);border:1px solid #22d3ee2e;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;display:inline-flex}.tag{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--border);background:#ffffff05;border-radius:999px;padding:4px 10px;font-size:11.5px;display:inline-block}[data-reveal]{opacity:0;transform:translateY(28px)}.reduced [data-reveal]{opacity:1;transform:none}.nav{z-index:50;padding:18px var(--gutter);justify-content:space-between;align-items:center;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav.is-scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#07090f8c}.nav .logo{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.nav .logo i{background:var(--accent);width:8px;height:8px;box-shadow:0 0 16px var(--accent);border-radius:50%}.nav ul{gap:26px;margin:0;padding:0;list-style:none;display:flex}.nav a.link{color:var(--muted);font-size:14px;transition:color .25s;position:relative}.nav a.link:hover,.nav a.link.is-active{color:var(--text)}.nav a.link:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .3s var(--ease);position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.nav a.link.is-active:after{transform:scaleX(1)}@media (max-width:720px){.nav ul{display:none}}.footer{z-index:2;padding:32px var(--gutter) 40px;color:var(--muted);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:13px;display:flex;position:relative}.footer a{color:var(--text)}#toast{z-index:70;background:var(--surface-solid);border:1px solid var(--border-strong);opacity:0;pointer-events:none;transition:opacity .3s, transform .3s var(--ease);border-radius:12px;padding:10px 16px;font-size:14px;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}#toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.grain{animation:none}}html.has-cursor,html.has-cursor body,html.has-cursor a,html.has-cursor button{cursor:none}html.has-cursor input,html.has-cursor textarea{cursor:text}#cursor{z-index:90;pointer-events:none;opacity:0;transition:opacity .25s;position:fixed;inset:0}#cursor.is-visible{opacity:1}#cursor.is-typing{opacity:0}#trail{width:100%;height:100%;position:absolute;inset:0}.c-dot{background:var(--hot);width:6px;height:6px;box-shadow:0 0 10px var(--accent), 0 0 2px #fff;border-radius:50%;position:absolute;top:-3px;left:-3px}.c-ring{border:1px solid #22d3ee73;border-radius:13px;width:26px;height:26px;transition:border-color .25s,background .25s;position:absolute;top:0;left:0}.c-ring b{border:0 solid var(--accent);opacity:0;width:8px;height:8px;transition:opacity .2s;position:absolute}.c-ring b:first-child{border-top-width:2px;border-left-width:2px;border-top-left-radius:4px;top:-2px;left:-2px}.c-ring b:nth-child(2){border-top-width:2px;border-right-width:2px;border-top-right-radius:4px;top:-2px;right:-2px}.c-ring b:nth-child(3){border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:4px;bottom:-2px;left:-2px}.c-ring b:nth-child(4){border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:4px;bottom:-2px;right:-2px}#cursor.is-snapped .c-ring{background:#22d3ee09;border-color:#22d3ee29}#cursor.is-snapped .c-ring b{opacity:1}#cursor.is-snapped .c-dot{transform-origin:50%}#cursor.is-down .c-ring{border-color:var(--accent)}.c-label{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.06em;color:#041014;background:var(--accent);opacity:0;border-radius:5px;padding:2px 7px;font-size:10.5px;transition:opacity .18s;position:absolute;top:0;left:0;box-shadow:0 6px 20px -6px #22d3ee99}#cursor.has-label .c-label{opacity:1}.c-pulse{border:1.5px solid var(--accent);width:28px;height:28px;animation:cpulse .55s var(--ease) forwards;border-radius:50%;position:absolute;top:-14px;left:-14px}@keyframes cpulse{0%{opacity:.9;scale:.4}to{opacity:0;scale:2.2}}#boot{z-index:95;background:var(--bg);transition:opacity .6s var(--ease), visibility .6s;place-items:center;display:none;position:fixed;inset:0}#boot.on{display:grid}#boot.done{opacity:0;visibility:hidden}#boot pre{font-family:var(--font-mono);color:var(--muted);min-width:min(460px,86vw);margin:0;font-size:13px;line-height:1.9}#boot pre span{color:var(--text)}#boot pre b{color:#34d399;margin-left:10px;font-weight:600}#boot pre span:first-child{color:var(--accent)}.nav .logo .path{font-family:var(--font-mono);color:var(--accent);opacity:.85;letter-spacing:0;margin-left:4px;font-size:12px;font-weight:500}.nav .progress{pointer-events:none;height:1.5px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.nav .progress i{background:linear-gradient(90deg, var(--accent), var(--accent-2));transform-origin:0;height:100%;box-shadow:0 0 10px var(--accent);display:block;transform:scaleX(0)}.eyebrow .n{color:var(--text);opacity:.5;margin-right:2px}.card{position:relative}.card:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), #22d3eebf, #a78bfa59 40%, transparent 70%);-webkit-mask-composite:xor;padding:1px;transition:opacity .35s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover:before{opacity:1}section[id],.pc{scroll-margin-top:90px}.pc:target{animation:targetflash 2.4s var(--ease) 1}@keyframes targetflash{0%,30%{box-shadow:0 0 0 1px var(--accent), 0 0 60px -10px #22d3ee99}to{box-shadow:none}}.hero{align-items:center;min-height:100svh;padding-top:120px;display:flex}.hero .wrap{gap:28px;display:grid}.hero .eyebrow{margin-bottom:8px}.hero h1{letter-spacing:-.04em;font-size:clamp(48px,9vw,118px);font-weight:700}.hero h1 .line{display:block;overflow:hidden}.hero h1 .line span{display:block}.hero h1 em{background:linear-gradient(90deg, var(--text), var(--accent) 50%, var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero .typing{font-family:var(--font-mono);color:var(--muted);min-height:1.6em;font-size:clamp(16px,2vw,22px)}.hero .typing .t{color:var(--text)}.hero .typing .caret{background:var(--accent);vertical-align:-.2em;width:.6ch;height:1.1em;margin-left:3px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero .lead{margin-top:4px}.hero .cta{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.hero .meta{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.hero .scroll{left:var(--gutter);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;bottom:32px}.hero .scroll i{background:linear-gradient(var(--accent), transparent);width:1px;height:44px;animation:drop 1.8s var(--ease) infinite;display:block}@keyframes drop{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.about .grid{grid-template-columns:1.3fr .9fr;align-items:start;gap:48px;margin-top:40px;display:grid}.about .bio p+p{margin-top:16px}.about .bio{color:var(--muted);font-size:17px}.about .bio strong{color:var(--text);font-weight:600}.about .facts{gap:14px;display:grid}.about .fact{align-items:center;gap:16px;padding:18px 20px;display:flex}.about .fact .ic{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.about .fact .ic svg{width:20px;height:20px}.about .fact b{font-weight:600;display:block}.about .fact small{color:var(--muted);font-size:13px}.about .avatar{align-items:center;gap:16px;margin-bottom:14px;padding:16px;display:flex}.about .avatar img{border:2px solid var(--accent);border-radius:50%;width:72px;height:72px;box-shadow:0 0 40px #22d3ee40}.about .avatar .n{font-family:var(--font-display);font-size:18px;font-weight:700}.about .avatar .r{color:var(--muted);font-size:13px}@media (max-width:860px){.about .grid{grid-template-columns:1fr}}.timeline{gap:22px;margin-top:48px;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(var(--accent), var(--border) 60%, transparent);width:1px;position:absolute;top:8px;bottom:8px;left:11px}.tl{padding-left:44px;position:relative}.tl:before{content:"";background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:11px;height:11px;position:absolute;top:26px;left:6px;box-shadow:0 0 18px #22d3ee80}.tl .card{padding:22px 24px}.tl .top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tl h3{font-size:20px}.tl .org{color:var(--accent);font-weight:600}.tl .period{font-family:var(--font-mono);color:var(--muted);font-size:12.5px}.tl ul{color:var(--muted);margin:12px 0 0;padding-left:18px;font-size:15px}.tl li+li{margin-top:6px}.edu{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:36px;display:grid}.edu .card{padding:18px 20px}.edu b{display:block}.edu small{color:var(--muted)}.projects .grid{grid-template-columns:repeat(12,1fr);gap:18px;margin-top:48px;display:grid}.pc{flex-direction:column;grid-column:span 6;gap:14px;min-height:300px;padding:26px;display:flex;position:relative;overflow:hidden}.pc.featured{grid-column:span 12}.pc:after{content:"";background:radial-gradient(600px 240px at var(--mx,50%) var(--my,0%), #22d3ee1f, transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.pc:hover:after{opacity:1}.pc .kicker{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;display:flex}.pc .kicker .st{color:var(--muted);letter-spacing:.08em;align-items:center;gap:6px;display:inline-flex}.pc .kicker .st i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%}.pc h3{font-size:26px}.pc .sub{color:var(--text);opacity:.85}.pc p.d{color:var(--muted);font-size:15px}.pc .stats{flex-wrap:wrap;gap:22px;margin-top:4px;display:flex}.pc .stats b{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;display:block}.pc .stats small{color:var(--muted);font-size:12px}.pc .tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px;display:flex}.pc .links{gap:14px;display:flex}.pc .links a{color:var(--hot);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.pc .links a svg{width:14px;height:14px}.projects .more{color:var(--muted);margin-top:22px;font-size:14px}.projects .more a{color:var(--hot);font-weight:600}@media (max-width:860px){.pc,.pc.featured{grid-column:span 12}}.stack .groups{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:48px;display:grid}.sg{padding:22px}.sg h3{font-size:13px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.sg .items{flex-wrap:wrap;gap:8px;display:flex}.si{border:1px solid var(--border);transition:border-color .25s, transform .25s var(--ease), background .25s;background:#ffffff05;border-radius:12px;align-items:center;gap:8px;padding:8px 12px 8px 8px;font-size:13.5px;display:inline-flex}.si:hover{background:var(--accent-soft);border-color:#22d3ee66;transform:translateY(-2px)}.si img{width:22px;height:22px}.si .ph{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:22px;height:22px;font-family:var(--font-mono);color:#041014;border-radius:6px;place-items:center;font-size:10px;font-weight:700;display:grid}.gh .head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;display:flex}.gh .stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:40px;display:grid}.gh .stat{padding:20px}.gh .stat b{font-family:var(--font-display);letter-spacing:-.03em;font-size:34px;display:block}.gh .stat small{color:var(--muted);font-family:var(--font-mono);font-size:12px}.gh .repos{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:18px;display:grid}.gh .repo{flex-direction:column;gap:8px;padding:18px 20px;display:flex}.gh .repo .n{align-items:center;gap:8px;font-weight:600;display:flex}.gh .repo .n svg{width:16px;height:16px;color:var(--muted)}.gh .repo .d{color:var(--muted);flex:1;font-size:14px}.gh .repo .m{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:14px;font-size:12px;display:flex}.gh .repo .m i{vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.gh .chart{margin-top:18px;padding:18px;overflow-x:auto}.gh .chart img{filter:drop-shadow(0 0 12px #22d3ee26);width:100%;min-width:640px}.gh .note{color:var(--muted);margin-top:12px;font-size:13px}.gh .skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#ffffff08,#ffffff12,#ffffff08) 0 0/200% 100%;height:120px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.contact{padding-bottom:120px}.contact .panel{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;margin-top:48px;padding:clamp(28px,5vw,56px);display:grid;position:relative;overflow:hidden}.contact .panel:before{content:"";pointer-events:none;background:radial-gradient(700px 300px at 100% 0,#a78bfa24,#0000 60%);position:absolute;inset:-1px}.contact h2.h2{font-size:clamp(30px,4.6vw,48px)}.contact .email{font-family:var(--font-mono);color:var(--hot);word-break:break-all;align-items:center;gap:12px;margin-top:18px;font-size:clamp(16px,2.2vw,24px);display:inline-flex}.contact .email button{border:1px solid var(--border-strong);width:34px;height:34px;color:var(--text);border-radius:10px;place-items:center;transition:background .25s,border-color .25s;display:inline-grid}.contact .email button:hover{background:var(--accent-soft);border-color:var(--accent)}.contact .email button svg{width:16px;height:16px}.contact .links{gap:12px;display:grid}.contact .links a{border:1px solid var(--border);transition:border-color .25s, background .25s, transform .3s var(--ease);background:#ffffff05;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex}.contact .links a:hover{border-color:var(--accent);background:var(--accent-soft);transform:translate(6px)}.contact .links a svg{width:22px;height:22px;color:var(--accent);flex:none}.contact .links a b{font-weight:600;display:block}.contact .links a small{color:var(--muted);font-size:12.5px}@media (max-width:860px){.contact .panel{grid-template-columns:1fr}}.arch .diagram{margin-top:40px;padding:10px;overflow:hidden}.arch .diagram img{border-radius:12px;width:100%;height:auto}.arch .callouts{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:16px;display:grid}.arch .co{padding:20px 22px}.arch .co b{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:12px;display:block}.arch .co p{color:var(--muted);font-size:14.5px}.principles .grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:44px;display:grid}.principles .pr{padding:24px;position:relative;overflow:hidden}.principles .pr .num{font-family:var(--font-display);color:var(--accent);opacity:.1;letter-spacing:-.04em;font-size:56px;font-weight:700;position:absolute;top:10px;right:18px}.principles .pr b{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:10px;padding-right:48px;font-size:19px;display:block}.principles .pr p{color:var(--muted);font-size:15px}.contact .clock{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:10px;margin-top:18px;font-size:12.5px;display:flex}.contact .clock i{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 10px #34d399}@keyframes pulse{50%{opacity:.4}}.contact .clock span{color:var(--text)}.footer .fright{flex-wrap:wrap;align-items:center;gap:12px;display:inline-flex}