@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");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: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+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: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+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: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+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,:root[data-theme=light]{--navy: #0b1a2e;--cyan: #1c7d94;--cyan-bright: #39b6d8;--page: #f7fafc;--card: #ffffff;--ink: #0f2135;--ink-dim: #42596f;--ink-faint: #61758a;--rule: #dbe4ec;--chip-bg: #e8f4f8;--chip-fg: #125c6e;--on-primary: #ffffff;--shadow: 0 1px 2px rgba(11, 26, 46, .06), 0 8px 24px rgba(11, 26, 46, .07);--font-body: "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Space Grotesk Variable", var(--font-body)}:root[data-theme=dark]{--navy: #060f1c;--cyan: #4fc9e6;--cyan-bright: #6fd8f0;--page: #0a1422;--card: #101f33;--ink: #e6eef6;--ink-dim: #a8bccd;--ink-faint: #7d94a8;--rule: #1d3348;--chip-bg: #13293f;--chip-fg: #7fd4e8;--on-primary: #04121e;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .28)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--navy: #060f1c;--cyan: #4fc9e6;--cyan-bright: #6fd8f0;--page: #0a1422;--card: #101f33;--ink: #e6eef6;--ink-dim: #a8bccd;--ink-faint: #7d94a8;--rule: #1d3348;--chip-bg: #13293f;--chip-fg: #7fd4e8;--on-primary: #04121e;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .28)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}a{color:var(--cyan)}h1,h2,h3,nav a,.btn,.role,.job-role,.when,.badge,.cv-title,.cert-title{font-family:var(--font-display)}:focus-visible{outline:3px solid var(--cyan-bright);outline-offset:3px;border-radius:3px}.wrap{max-width:1000px;margin:0 auto;padding:0 22px}.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}.skip{position:absolute;left:-9999px;background:#fff;color:#0b1a2e;padding:10px 16px;z-index:20}.skip:focus{left:8px;top:8px}.cover{background:var(--navy);line-height:0}.cover img{display:block;width:100%;max-width:1400px;margin:0 auto;height:auto}@media(max-width:700px){.cover img{height:120px;object-fit:cover;object-position:center 40%}}.profile-bar{background:var(--card);border-bottom:1px solid var(--rule);box-shadow:var(--shadow);position:relative;z-index:2}.profile-inner{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap;padding:0 22px 22px;max-width:1000px;margin:0 auto}.avatar{width:128px;height:128px;border-radius:50%;object-fit:cover;object-position:center 12%;border:5px solid var(--card);background:var(--card);margin-top:-52px;box-shadow:0 8px 26px #0b1a2e47;flex-shrink:0}.identity{flex:1;min-width:250px;padding-top:14px}h1{margin:0;font-size:clamp(1.45rem,3.6vw,2rem);line-height:1.16;letter-spacing:-.015em}.role{margin:5px 0 0;font-weight:650;color:var(--cyan)}.where{margin:3px 0 0;font-size:.9rem;color:var(--ink-faint)}.cta{display:flex;gap:9px;flex-wrap:wrap;padding-top:16px}.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:10px 16px;min-height:44px;border-radius:8px;font-size:.9rem;font-weight:600;font-family:inherit;border:1px solid var(--rule);background:var(--card);color:var(--ink);cursor:pointer;transition:border-color .15s,transform .15s}.btn:hover{border-color:var(--cyan);transform:translateY(-1px)}.btn.primary{background:var(--cyan);border-color:var(--cyan);color:var(--on-primary)}.btn.primary:hover{opacity:.92}.btn svg{width:16px;height:16px;fill:currentColor}.theme-toggle{margin-left:auto}nav{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--page) 88%,transparent);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--rule)}nav ul{display:flex;gap:4px;list-style:none;margin:0 auto;padding:0 14px;max-width:1000px;overflow-x:auto;scrollbar-width:none}nav ul::-webkit-scrollbar{display:none}nav a{display:block;padding:13px 12px;font-size:.88rem;font-weight:600;color:var(--ink-dim);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}nav a:hover,nav a.active{color:var(--cyan);border-bottom-color:var(--cyan)}section{padding:46px 0;border-bottom:1px solid var(--rule)}section:last-of-type{border-bottom:0}h2{margin:0 0 6px;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:11px}h2:before{content:"";width:5px;height:1.05em;border-radius:3px;background:linear-gradient(to bottom,var(--cyan-bright),var(--cyan));flex-shrink:0}.sub{margin:0 0 24px;color:var(--ink-faint);font-size:.92rem}.sub-tight{margin-bottom:16px}.sub-top{margin:12px 0 0}.minor-heading{margin:30px 0 4px;font-size:1.02rem;font-weight:700}.lead{margin:0;font-size:1.02rem;color:var(--ink-dim);max-width:72ch}.lead+.lead{margin-top:14px}.timeline{list-style:none;margin:0;padding:0 0 0 28px;position:relative}.timeline:before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:2px;background:var(--rule)}.timeline>li{position:relative;padding-bottom:34px}.timeline>li:last-child{padding-bottom:0}.timeline>li:before{content:"";position:absolute;left:-28px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px var(--page)}.job-top{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}.job-role{margin:0;font-size:1.08rem;font-weight:700;letter-spacing:-.01em}.when{font-size:.8rem;font-weight:650;white-space:nowrap;background:var(--chip-bg);color:var(--chip-fg);padding:3px 11px;border-radius:999px}.org{margin:3px 0 0;font-weight:650;color:var(--cyan)}.org-note{margin:8px 0 0;font-size:.88rem;color:var(--ink-faint);max-width:70ch}.duties{margin:13px 0 0;padding-left:19px;color:var(--ink-dim);font-size:.95rem}.duties li{margin-bottom:6px}.duties li::marker{color:var(--cyan)}.grid{display:grid;gap:16px}.g-skills{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.g-proj,.g-certs{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.g-cv{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.card{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow)}.card h3{margin:0 0 10px;font-size:.98rem;font-weight:700}.card p{margin:0;font-size:.91rem;color:var(--ink-dim)}.card h3 .k{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:800;margin-bottom:7px}.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.tags li{font-size:.82rem;font-weight:600;padding:4px 11px;border-radius:6px;background:var(--chip-bg);color:var(--chip-fg)}.edu{display:grid;gap:13px}.edu-item{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--cyan);border-radius:10px;padding:15px 19px;box-shadow:var(--shadow)}.edu-item h3{margin:0;font-size:1rem;font-weight:700}.edu-item p{margin:4px 0 0;font-size:.9rem;color:var(--ink-dim)}.badge{display:inline-block;margin-left:8px;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;padding:3px 9px;border-radius:999px;background:var(--chip-bg);color:var(--chip-fg)}.coursework{margin:20px 0 0;padding:16px 19px;border-radius:10px;background:var(--chip-bg);font-size:.91rem;color:var(--ink-dim)}.coursework strong{color:var(--ink)}.credential{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow);margin-bottom:16px}.credential h3{margin:0 0 3px;font-size:1rem;font-weight:700}.credential .issuer{margin:0 0 9px;font-size:.88rem;font-weight:650;color:var(--cyan)}.credential dl{margin:0;display:grid;gap:4px;font-size:.88rem}.credential-row{display:grid;grid-template-columns:100px 1fr;gap:14px}.credential dt{color:var(--ink-faint);font-weight:600}.credential dd{margin:0;color:var(--ink-dim)}.mini-list{margin:12px 0 0;padding-left:19px;color:var(--ink-dim);font-size:.91rem}.mini-list li{margin-bottom:5px}.mini-list li::marker{color:var(--cyan)}.cert{display:flex;flex-direction:column;text-align:left;font:inherit;color:inherit;padding:0;cursor:pointer;background:var(--card);border:1px solid var(--rule);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.cert:hover{transform:translateY(-2px);border-color:var(--cyan)}.cert img{width:100%;height:auto;display:block;border-bottom:1px solid var(--rule);background:#fff}.cert-body{display:block;padding:14px 17px 16px}.cert-title{display:block;font-size:.93rem;font-weight:700;line-height:1.35;margin-bottom:4px}.cert-meta{display:block;font-size:.83rem;color:var(--ink-faint)}.see{display:inline-block;margin-top:9px;font-size:.82rem;font-weight:700;color:var(--cyan)}.lightbox{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.lightbox-backdrop{position:absolute;inset:0;border:0;padding:0;cursor:default;background:#040c16b8;backdrop-filter:blur(3px)}.lightbox-panel{position:relative;z-index:1;background:var(--card);border:1px solid var(--rule);border-radius:14px;max-width:820px;width:100%;max-height:92vh;overflow-y:auto;box-shadow:0 24px 60px #0006}.lightbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 14px}.lightbox-head h3{margin:0 0 3px;font-size:1.02rem;font-weight:700}.lightbox-head p{margin:0;font-size:.86rem;color:var(--ink-faint)}.lightbox-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:8px;border:1px solid var(--rule);background:var(--page);color:var(--ink);cursor:pointer}.lightbox-close:hover{border-color:var(--cyan)}.lightbox-close svg{width:17px;height:17px;fill:currentColor}.lightbox-panel>img{display:block;width:100%;height:auto;background:#fff;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.lightbox-foot{padding:16px 20px 18px}.cv-card{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:20px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.cv-card:hover{transform:translateY(-2px);border-color:var(--cyan)}.cv-icon{width:46px;height:46px;border-radius:10px;flex-shrink:0;background:var(--chip-bg);display:flex;align-items:center;justify-content:center}.cv-icon svg{width:23px;height:23px;fill:var(--cyan)}.cv-title{display:block;font-size:1rem;font-weight:700}.cv-meta{display:block;margin-top:2px;font-size:.85rem;color:var(--ink-faint)}.contact-grid{display:flex;flex-wrap:wrap;gap:10px}footer{background:var(--navy);color:#ffffffa8;font-size:.85rem;padding:26px 22px;text-align:center}@media(max-width:600px){.profile-inner{gap:14px;padding-bottom:18px}.avatar{width:92px;height:92px;margin-top:-38px;border-width:4px}.identity{padding-top:10px}section{padding:36px 0}.theme-toggle{margin-left:0}.theme-toggle-label{display:none}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease-out,transform .5s ease-out}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover,.cert:hover,.cv-card:hover{transform:none}.reveal,.reveal.is-visible{opacity:1;transform:none;transition:none}}@media print{nav,.cta,.cover,footer,.lightbox{display:none}body{background:#fff;color:#000}section{page-break-inside:avoid;border-bottom:1px solid #ccc}}