@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-B7xT_GF5.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-BIWiOVfw.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-CfP_5XZW.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-DRPE3kg4.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2)format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff");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{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e4e4e7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#09090b;--bg-darker:#050505;--panel:#18181b99;--panel-strong:#27272acc;--line:#ffffff0d;--line-strong:#ffffff1a;--text:#f4f4f5;--muted:#a1a1aa;--muted-soft:#71717a;--accent:#a5f3fc;--accent-secondary:#22d3ee;--accent-gradient:linear-gradient(135deg, #a5f3fc, #22d3ee);--accent-soft:#a5f3fc1a;--accent-strong:#67e8f9;--shadow:0 20px 50px #00000080;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--font-mono:"VT323", monospace;background:#09090b;font-family:Space Grotesk,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background-color:var(--bg);background-image:radial-gradient(circle at 0 0,#a5f3fc14,#0000 40%),radial-gradient(circle at 100% 100%,#22d3ee0d,#0000 40%);background-attachment:fixed;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}a,button{transition:transform .18s,border-color .18s,background-color .18s,color .18s,box-shadow .18s,opacity .18s}a:hover,button:hover{transform:translateY(-1px)}#root{min-height:100vh}.page-shell{min-height:100vh;padding:.75rem;position:relative}.ambient{display:none}.ambient-left{background:#ffe4cd2e;top:5%;left:-8rem}.ambient-right{background:#869aad24;bottom:8%;right:-6rem}.app-frame{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-darker);width:min(1520px,100vw - 1rem);min-height:calc(100vh - 1rem);box-shadow:var(--shadow);grid-template-columns:80px minmax(0,1fr);gap:0;margin:0 auto;padding:0;display:grid;overflow:hidden}.side-rail,.glass-card,.sub-card,.search-shell,.top-nav a,.button,.tag{-webkit-backdrop-filter:blur(18px)}.side-rail{border-right:1px solid var(--line);background:#111113;flex-direction:column;align-items:center;padding:2rem 0;display:flex}.rail-brand{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:1.2rem;font-weight:800}.rail-nav{flex-direction:column;gap:1.5rem;display:flex}.rail-nav a{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--muted);place-items:center;transition:all .2s;display:grid}.rail-nav a:hover{color:var(--accent);background:var(--accent-soft)}.rail-nav a svg{width:20px;height:20px}.rail-nav a span,.rail-footer span:before{content:"";background:linear-gradient(#ffffffd9,#fff3);border-radius:999px;width:12px;height:12px;display:block}.rail-footer span:before{width:10px;height:10px}.workspace{flex-direction:column;max-height:100vh;padding:2.5rem 3rem;display:flex;overflow-y:auto}.workspace-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.brand-block h1{color:var(--text);margin:0;font-size:1.5rem;font-weight:700}.search-shell{border:1px solid var(--line);color:var(--muted-soft);background:#18181b99;border-radius:100px;align-items:center;gap:.75rem;width:320px;padding:.2rem 1.25rem;transition:all .3s;display:flex}.search-shell:focus-within{border-color:var(--accent-secondary);background:#27272acc;box-shadow:0 0 20px #22d3ee1a}.search-input{color:var(--text);background:0 0;border:none;outline:none;width:100%;padding:.5rem 0;font-family:inherit;font-size:.85rem}.search-input::placeholder{color:var(--muted-soft)}.search-icon{border:1.5px solid;border-radius:999px;width:14px;height:14px;position:relative}.search-icon:after{content:"";background:currentColor;border-radius:999px;width:6px;height:1.5px;position:absolute;bottom:-1px;right:-4px;transform:rotate(40deg)}.top-nav{flex-wrap:wrap;gap:.55rem;display:flex}.top-nav a,.floating-menu a,.button{border:1px solid var(--line);color:var(--text);background:#fffbf714}.top-nav a{border-radius:999px;padding:.72rem .95rem;font-size:.83rem}.top-nav a:hover,.button-secondary:hover{border-color:var(--line-strong);background:#ffffff1f}.board-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}.hero-card{grid-area:span 2/span 8}.signals-card,.metrics-card{grid-column:span 4}.experience-card{grid-column:span 12}.projects-card{grid-column:span 8}.stack-card{grid-column:span 12}.hero-layout{gap:2rem;height:100%;display:flex}.hero-copy{flex:1.5}.hero-side{flex:1}.sub-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff08;padding:1.25rem}.tag{color:var(--accent);background:#a5f3fc0d;border:1px solid #a5f3fc26;border-radius:100px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.tag:hover{border-color:var(--accent);background:var(--accent-soft)}.button{cursor:pointer;border-radius:100px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.button-primary{background:var(--accent-gradient);color:#083344}.button-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 20px #a5f3fc33}.button-secondary{border:1px solid var(--line-strong);color:var(--text);background:0 0}.button-secondary:hover{background:var(--line)}.card-head{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-kicker{font-family:var(--font-mono);background:var(--accent-gradient);-webkit-text-fill-color:transparent;text-transform:lowercase;-webkit-background-clip:text;background-clip:text;font-size:.85rem}.card-chip{border:1px solid var(--line);color:var(--muted);background:#18181b;border-radius:100px;padding:.25rem .75rem;font-size:.7rem}.section-heading{margin-top:.75rem;margin-bottom:.8rem}.section-heading h2{max-width:16ch}.compact-grid{gap:.75rem;display:grid}.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.two-up,.signals-grid,.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-stack{grid-template-columns:1fr}.dense-card h3,.project-card h3,.timeline-item h3,.metric-tile h3{margin:0;font-size:.96rem}.metric-tile .metric-value{color:var(--accent-strong);letter-spacing:-.03em;margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.timeline-item{min-height:100%}.timeline-company{margin:.18rem 0 0}.link-row,.tag-row{flex-wrap:wrap;gap:.5rem;display:flex}.link-row a{color:var(--accent);border-bottom:1px solid #fffbf729;padding-bottom:.08rem;font-size:.82rem}.link-row a:hover{color:var(--accent-secondary);border-color:var(--accent-secondary)}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.85rem;display:grid}.footer-note{color:var(--muted-soft);margin:1rem 0 0}@media (width<=1120px){.app-frame{grid-template-columns:1fr;padding:1rem}.side-rail{flex-direction:row;justify-content:space-between;padding:.75rem}.rail-nav{flex-direction:row}.board-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.hero-card,.signals-card,.metrics-card,.focus-card,.notes-card,.experience-card,.projects-card,.stack-card,.principles-card,.contact-card{grid-column:span 6}.signals-grid,.notes-grid,.three-up{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.page-shell{padding:1rem}.app-frame{border-radius:26px;width:min(100%,1240px)}.workspace-header,.toolbar,.hero-layout,.timeline-header{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.toolbar{justify-content:stretch}.search-shell{min-width:0}.signals-grid,.notes-grid,.three-up,.two-up,.timeline-grid,.meta-grid{grid-template-columns:1fr}}@media (width<=640px){.page-shell{padding:.4rem}.app-frame{border-radius:22px;gap:.7rem;width:min(100vw - .8rem,1480px);min-height:calc(100vh - .8rem);padding:.7rem}.workspace{gap:.7rem}.glass-card,.sub-card{border-radius:18px;padding:.85rem}.brand-block h1{font-size:.95rem}.hero-copy h2,.section-heading h2,.contact-card h2{font-size:clamp(1.4rem,8vw,1.95rem)}.top-nav a,.floating-menu a,.button{justify-content:center;width:100%}.floating-menu{border-radius:22px;width:100%}.hero-actions{flex-direction:column}}