@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/newsreader-vietnamese-500-italic-D26NjlyL.woff2) format("woff2"),url(/assets/newsreader-vietnamese-500-italic-BsTGSz8L.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-ext-500-italic-B83LgwQp.woff2) format("woff2"),url(/assets/newsreader-latin-ext-500-italic-Bz3NsAdg.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Newsreader;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-500-italic-Bsgye1qA.woff2) format("woff2"),url(/assets/newsreader-latin-500-italic-m-xI0GeS.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--bg: #f7f7f5;--surface: #ffffff;--fg: #20201e;--muted: #797974;--border: #dfdfda;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}:root[data-theme=dark]{color-scheme:dark;--bg: #111210;--surface: #1a1b18;--fg: #ecece8;--muted: #989892;--border: #31322e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--fg);font-size:16px;font-weight:500;-webkit-font-smoothing:antialiased;transition:background-color .18s ease,color .18s ease}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}ul{margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#root{display:flex;min-height:100vh;flex-direction:column;align-items:center;padding-top:9rem}main{display:flex;width:min(calc(100vw - 4rem),40rem);flex-direction:column;gap:5rem;animation:appear .55s ease-out both}.section{display:flex;scroll-margin-top:6rem;flex-direction:column;gap:3rem}.hero{position:relative}.hero h1{margin:2rem 0 0;font-family:Newsreader,Georgia,serif;font-size:1.55rem;font-style:italic;font-weight:500;letter-spacing:-.02em}.intro-copy{display:flex;flex-direction:column;gap:1rem;color:color-mix(in srgb,var(--muted) 90%,transparent);line-height:1.7}.intro-copy p{margin:0;text-wrap:pretty}.intro-copy strong{color:var(--fg);font-weight:600}.hero-actions{display:flex;align-items:center;gap:.5rem}.primary-button{position:relative;min-width:8.9rem;border:0;border-radius:1rem;background:var(--fg);color:var(--bg);padding:.65rem 1rem;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.primary-button:hover{opacity:.9}.primary-button:active{transform:scale(.95)}.primary-button span{display:block;transition:opacity .25s ease,filter .25s ease}.primary-button .is-hidden{opacity:0;filter:blur(3px)}.copy-result{position:absolute;inset:0;display:grid!important;place-items:center;opacity:0;filter:blur(3px)}.copy-result.is-visible{opacity:1;filter:none}.social-links{display:flex}.social-links a{display:grid;place-items:center;padding:.55rem;color:var(--muted);transition:color .15s ease,transform .15s ease}.social-links a:hover{color:var(--fg);transform:translateY(-1px)}.section-divider{width:100%;height:8px;margin:0;border:0;opacity:.7;background:linear-gradient(135deg,transparent 45%,var(--border) 45% 55%,transparent 55%) 0 0 / 12px 12px,linear-gradient(45deg,transparent 45%,var(--border) 45% 55%,transparent 55%) 6px 0 / 12px 12px}.section-title{display:flex;align-items:center;gap:.5rem}.section-title h2{margin:0;font-size:1rem;font-weight:500}.experience-list{display:flex;list-style:none;flex-direction:column;gap:3rem}.experience-item{display:flex;flex-direction:column;gap:.6rem}.experience-item h3{margin:.25rem 0 0;font-size:1rem;font-weight:500}.experience-item h3 strong{font-weight:600}.eyebrow{margin:0;color:var(--muted);font-size:.875rem}.achievement-list{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem;padding-left:1.1rem;color:var(--muted);line-height:1.65}.achievement-list li{padding-left:.15rem}.tag-list{display:flex;list-style:none;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-list li{border:1px solid var(--border);border-radius:.7rem;padding:.3rem .55rem;color:var(--muted);font-size:.875rem}.project-grid{display:grid;list-style:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-grid>li{min-width:0}.project-card{display:flex;height:100%;min-height:23rem;flex-direction:column;align-items:center;gap:2rem;overflow:hidden;border-radius:2rem;background:color-mix(in srgb,var(--fg) 2%,transparent);padding:2rem;transition:transform .18s ease,filter .18s ease,background-color .18s ease}.project-grid:hover .project-card{filter:grayscale(1)}.project-grid .project-card:hover{filter:grayscale(0);transform:translateY(-2px);background:color-mix(in srgb,var(--fg) 4%,transparent)}.project-card:active{transform:scale(.95)}.project-status{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:.25rem;color:var(--muted);font-size:.75rem}.project-art{position:relative;width:8rem;height:8rem;flex:0 0 auto;transition:transform .18s ease}.project-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.project-art-image{z-index:1;filter:drop-shadow(0 18px 28px rgba(0,0,0,.12))}.project-art-glow{transform:scale(.9);opacity:.42;filter:blur(28px) saturate(1.35)}:root[data-theme=dark] .project-art-glow{opacity:.65}.project-card:hover .project-art{transform:scale(1.04) rotate(-1deg)}.project-copy{display:flex;width:100%;flex-direction:column;gap:.5rem}.project-copy strong{font-weight:600}.project-copy>span{color:var(--muted);font-size:.875rem;line-height:1.5}.github-card-item{grid-column:1 / -1}.github-card{display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:1.2rem;padding:1.25rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px;transition:color .15s ease,background-color .15s ease}.github-card:hover{color:var(--fg);background:color-mix(in srgb,var(--fg) 2%,transparent)}.stack-grid{display:grid;list-style:none;grid-template-columns:repeat(6,minmax(0,1fr))}.stack-grid li{display:flex;aspect-ratio:1;align-items:center;justify-content:center;flex-direction:column;gap:.75rem}.stack-grid svg{width:2.5rem;height:2.5rem;transition:transform .16s ease,filter .16s ease}.stack-grid span{color:var(--muted);font-size:.75rem}.stack-grid:hover svg{filter:grayscale(1)}.stack-grid li:hover svg{filter:grayscale(0);transform:scale(1.08)}footer{width:min(calc(100vw - 4rem),40rem);padding:6rem 0 2rem;color:var(--muted);text-align:center;font-size:.875rem;text-wrap:balance}.floating-menu{position:fixed;z-index:50;top:3rem;width:3.25rem;max-width:20rem;overflow:hidden;border:1px solid var(--border);border-radius:1.6rem;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 10px 35px #00000014;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:width .4s ease,border-radius .4s ease}.floating-menu.is-open{width:min(calc(100vw - 2rem),20rem)}.menu-header{display:flex;width:100%;align-items:center;overflow:hidden;border:0;background:transparent;padding:.375rem;cursor:pointer;text-align:left}.menu-header img{width:2.5rem;height:2.5rem;flex:0 0 auto;border-radius:999px;object-fit:cover}.menu-status{display:flex;width:16.65rem;flex:0 0 16.65rem;align-items:center;justify-content:space-between;padding:0 .375rem 0 .5rem;opacity:0;transition:opacity .22s ease 60ms}.is-open .menu-status{opacity:1}.menu-identity{display:flex;min-width:0;flex-direction:column;line-height:1.25rem;white-space:nowrap}.menu-identity>span:last-child{color:var(--muted);font-size:.875rem}.menu-status kbd{display:flex;align-items:center;gap:.15rem;margin-left:auto;border-radius:.4rem;background:color-mix(in srgb,var(--fg) 5%,transparent);padding:.3rem;color:var(--muted);font-family:inherit;font-size:.82rem}.mobile-menu-icon{display:none;margin-left:auto}.menu-expander{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s ease,opacity .3s ease}.is-open .menu-expander{grid-template-rows:1fr;opacity:1}.menu-overflow{overflow:hidden}.menu-content{display:flex;flex-direction:column;gap:.375rem;padding:0 .375rem .375rem}.menu-content hr{width:calc(100% + .75rem);margin:.1rem -.375rem;border:0;border-top:1px solid var(--border)}.menu-label{padding:.25rem 0 0 .5rem;color:var(--muted);font-size:.875rem}.menu-item,.theme-button{display:flex;align-items:center;gap:.5rem;border:0;border-radius:.55rem;background:transparent;padding:.5rem;cursor:pointer;transition:background-color .15s ease}.menu-item:hover,.theme-button:hover{background:color-mix(in srgb,var(--fg) 5%,transparent)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.375rem}.theme-button{justify-content:center}.theme-button.is-selected{outline:1px solid var(--border)}.top-haze{position:fixed;z-index:40;inset:0 0 auto;height:8rem;pointer-events:none;background:linear-gradient(to bottom,var(--bg) 15%,color-mix(in srgb,var(--bg) 85%,transparent) 55%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:639px){#root{padding-top:8rem}main,footer{width:calc(100vw - 4rem)}.floating-menu{top:2rem}.project-grid{grid-template-columns:1fr}.project-card{min-height:22rem}.stack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-status kbd{display:none}.mobile-menu-icon{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
