@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}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09090b;--surface:#131316;--surface-2:#1a1a1e;--surface-3:#212127;--border:#ffffff14;--border-2:#ffffff21;--border-strong:#ffffff38;--text:#f4f4f5;--text-2:#c8c8cf;--muted:#9b9ba4;--faint:#8a8a94;--accent:#fafafa;--accent-contrast:#0a0a0a;--ok:#34d399;--ring:#ffffffb3;--shadow-sm:0 1px 2px #00000073;--shadow:0 18px 44px -16px #000000a6;--shadow-lg:0 36px 70px -24px #000000bf;--glow-1:#ffffff12;--glow-2:#ffffff0a;--grain-opacity:.04;--topbar-bg:#0b0b0eb8;--topbar-bg-strong:#0b0b0ef0}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfbfc;--surface:#fff;--surface-2:#f6f6f8;--surface-3:#eeeef1;--border:#09090b1a;--border-2:#09090b24;--border-strong:#09090b42;--text:#18181b;--text-2:#3f3f46;--muted:#57575f;--faint:#67676f;--accent:#18181b;--accent-contrast:#fff;--ok:#15a34a;--ring:#09090b8c;--shadow-sm:0 1px 2px #09090b0f;--shadow:0 18px 44px -20px #09090b33;--shadow-lg:0 36px 70px -28px #09090b3d;--glow-1:#09090b0d;--glow-2:#09090b08;--grain-opacity:.025;--topbar-bg:#ffffffb8;--topbar-bg-strong:#ffffffeb}:root{--font-sans:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--maxw:1080px;--topbar-h:60px;--radius:16px;--radius-lg:22px;--ease:cubic-bezier(.22, .61, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar-h) + 18px);-webkit-text-size-adjust:100%}body{min-height:100%;font-family:var(--font-sans);font-feature-settings:"cv11", "ss01";color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(1100px 760px at 82% -8%, var(--glow-1), transparent 60%), radial-gradient(820px 560px at -8% 102%, var(--glow-2), transparent 60%);position:fixed;top:0;bottom:0;left:0;right:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px;position:fixed;top:0;bottom:0;left:0;right:0}::selection{background:var(--text);color:var(--bg)}*{scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--bg);border-radius:10px}::-webkit-scrollbar-track{background:0 0}a:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:6px}button:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:6px}.container{max-width:var(--maxw);padding:calc(var(--topbar-h) + clamp(26px, 6vh, 60px)) clamp(18px, 5vw, 40px) 64px;margin:0 auto;position:relative}.topbar{z-index:50;height:var(--topbar-h);position:fixed;top:0;bottom:auto;left:0;right:0}.topbar:before{content:"";background:var(--topbar-bg-strong);opacity:0;transition:opacity .4s var(--ease), border-color .4s var(--ease);border-bottom:1px solid #0000;position:absolute;top:0;bottom:0;left:0;right:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.topbar:before{background:var(--topbar-bg);-webkit-backdrop-filter:blur(14px)saturate(1.5)}}.topbar.is-scrolled:before{opacity:1;border-bottom-color:var(--border)}.topbar-progress{z-index:2;height:2px;position:absolute;top:0;bottom:auto;left:0;right:0;overflow:hidden}.topbar-progress-bar{transform-origin:0;background:linear-gradient(90deg, var(--muted), var(--text));will-change:transform;height:100%;transform:scaleX(0)}.topbar-inner{z-index:1;max-width:var(--maxw);justify-content:space-between;align-items:center;gap:16px;height:100%;margin:0 auto;padding:0 clamp(14px,5vw,40px);display:flex;position:relative}.brand{color:var(--text);opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);pointer-events:none;align-items:center;gap:11px;text-decoration:none;display:inline-flex;transform:translateY(-3px)}.topbar.is-scrolled .brand{opacity:1;pointer-events:auto;transform:none}.brand-mark{letter-spacing:-.03em;background:var(--surface-2);border:1px solid var(--border-2);border-radius:9px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:600}.topbar-nav{gap:2px;margin-inline-start:auto;margin-inline-end:auto;display:flex}.topbar-link{color:var(--muted);border-radius:8px;padding:8px 13px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .2s,background .2s;position:relative}.topbar-link:hover{color:var(--text);background:var(--surface-2)}.topbar-link.is-active{color:var(--text)}.topbar-link.is-active:after{content:"";background:var(--text);border-radius:2px;height:2px;position:absolute;bottom:2px;left:13px;right:13px}.topbar-actions{align-items:center;gap:9px;display:flex}.btn{letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:transform .16s var(--ease), background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-family:inherit;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-icon{fill:currentColor;width:15px;height:15px}.btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-2)}.btn-ghost:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-2px)}.btn-sm{border-radius:10px;padding:8px 14px;font-size:13px}.theme-toggle{border:1px solid var(--border-2);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:10px;place-items:center;transition:border-color .2s,background .2s,transform .15s;display:grid}.theme-toggle:hover{border-color:var(--border-strong);background:var(--surface-2)}.theme-toggle:active{transform:translateY(1px)}.theme-toggle-track{width:18px;height:18px;position:relative}.theme-icon{width:18px;height:18px;color:var(--text);transition:opacity .3s ease, transform .45s var(--ease);position:absolute;top:0;bottom:0;left:0;right:0}[data-theme=dark] .theme-icon-sun{opacity:0;transform:rotate(-90deg)scale(.4)}[data-theme=dark] .theme-icon-moon,[data-theme=light] .theme-icon-sun{opacity:1;transform:none}[data-theme=light] .theme-icon-moon{opacity:0;transform:rotate(90deg)scale(.4)}.hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(24px,5vw,48px);padding:clamp(6px,2vw,18px) 0 clamp(26px,4vw,40px);display:grid}.hero-main{min-width:0}.status-badge{border:1px solid var(--border-2);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text-2);border-radius:999px;align-items:center;gap:9px;margin:0 0 20px;padding:6px 13px 6px 11px;font-size:12.5px;font-weight:500;display:inline-flex}.status-dot{background:var(--ok);border-radius:50%;width:8px;height:8px;position:relative}.status-dot:after{content:"";background:var(--ok);border-radius:50%;animation:2.4s ease-out infinite pulse;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes pulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(2.8)}to{opacity:0}}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:12px;font-weight:600}.hero-name{letter-spacing:-.038em;color:var(--text);margin:0;font-size:clamp(40px,8.4vw,76px);font-weight:800;line-height:1}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero-name{background:linear-gradient(180deg, var(--text) 30%, var(--muted));color:#0000;-webkit-background-clip:text;background-clip:text}}.hero-tagline{color:var(--text-2);max-width:600px;margin:20px 0 0;font-size:clamp(16px,2.3vw,19px);line-height:1.55}.hero-meta{flex-wrap:wrap;gap:8px 20px;margin:24px 0 0;padding:0;list-style:none;display:flex}.hero-meta li{color:var(--muted);align-items:center;gap:7px;font-size:13.5px;display:inline-flex}.meta-icon{opacity:.9;width:15px;height:15px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-badge{aspect-ratio:1;border-radius:var(--radius-lg);background:radial-gradient(130% 130% at 28% 18%, var(--surface-3), var(--surface));border:1px solid var(--border-2);width:clamp(132px,16vw,176px);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0d;place-items:center;display:grid;position:relative;overflow:hidden}.hero-badge:after{content:"";background:radial-gradient(75% 55% at 72% 8%, var(--glow-1), transparent 60%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-badge-mark{letter-spacing:-.05em;color:var(--text);font-size:clamp(52px,8vw,74px);font-weight:800;position:relative}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:clamp(16px,2.5vw,22px);display:grid}.intro-pair{align-items:stretch}.intro-pair>.card{flex-direction:column;display:flex}.intro-pair .skill-groups{flex:1;align-content:start}.intro-pair .kpis{margin-top:auto}.section-spacing{margin-top:clamp(16px,2.6vw,24px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .25s ease, transform .25s var(--ease), box-shadow .25s ease, background .25s ease;padding:clamp(20px,2.6vw,28px);position:relative;overflow:hidden}.card:after{content:"";background:linear-gradient(90deg, transparent, var(--border-strong), transparent);opacity:.55;height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-2);box-shadow:var(--shadow);transform:translateY(-3px)}.card h3{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);align-items:center;gap:12px;margin:0 0 16px;font-size:12px;font-weight:600;display:flex}.card h3:after{content:"";background:linear-gradient(90deg, var(--border-2), transparent);flex:1;height:1px}.card h4{margin:0}.card p{color:var(--text-2);margin:0;font-size:15.5px;line-height:1.72}.card p strong,.card li strong{color:var(--text);font-weight:600}.about-card p{font-size:clamp(15.5px,1.7vw,16.5px)}.list{color:var(--text-2);margin:0;padding-left:20px;font-size:15px}.list li{margin:10px 0;line-height:1.65}.list li::marker{color:var(--faint)}.skill-groups{gap:18px;display:grid}.skill-group-title{text-transform:uppercase;letter-spacing:.14em;color:var(--faint);margin:0 0 9px;font-size:11px;font-weight:600}.tags{flex-wrap:wrap;gap:7px;display:flex}.tag{border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:6px 11px;font-size:12.5px;line-height:1.2;transition:border-color .15s,background .15s,color .15s,transform .15s}.tag:hover{border-color:var(--border-strong);color:var(--text);transform:translateY(-1px)}.kpis{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px;margin-top:20px;display:grid}.kpi{background:var(--surface-2);border:1px solid var(--border);text-align:center;border-radius:14px;flex-direction:column;align-items:center;padding:16px 14px;transition:border-color .2s,transform .2s;display:flex}.kpi:hover{border-color:var(--border-2);transform:translateY(-2px)}.kpi strong{letter-spacing:-.01em;color:var(--text);font-size:19px;font-weight:700}.kpi span{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;margin-top:6px;font-size:11px}.pills{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.pill{border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:6px 12px;font-size:12.5px;display:inline-block}.experience-card{padding-bottom:clamp(20px,2.6vw,30px)}.timeline{margin:6px 0 0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, transparent, var(--border-2) 6%, var(--border-2) 94%, transparent);width:1px;position:absolute;top:8px;bottom:8px;left:7px}.timeline-item{padding:0 0 26px 30px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{background:var(--text);width:12px;height:12px;box-shadow:0 0 0 4px var(--surface), 0 0 0 5px var(--border-2);border-radius:50%;position:absolute;top:7px;left:2px}.timeline-content{flex-direction:column;gap:8px;display:flex}.timeline-head{grid-template-columns:1fr auto;grid-template-areas:"position period""company company";align-items:baseline;gap:4px 14px;display:grid}.timeline-period{color:var(--faint);letter-spacing:.05em;text-transform:uppercase;font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:period;font-size:12px}.timeline-position{color:var(--text);letter-spacing:-.005em;grid-area:position;font-size:16.5px;font-weight:600;line-height:1.3}.timeline-company{color:var(--muted);grid-area:company;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;font-size:13.5px;text-decoration:none;transition:color .15s;display:inline-flex}a.timeline-company:hover{color:var(--text)}.timeline-company-icon{fill:currentColor;opacity:.7;width:11px;height:11px}.timeline-achievements{margin-top:8px;padding-left:18px}.education-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.education-item{grid-template-columns:auto 1fr;align-items:baseline;gap:16px;display:grid}.education-period{color:var(--faint);letter-spacing:.05em;text-transform:uppercase;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.education-body{min-width:0}.education-degree{color:var(--text);margin:0;font-size:15px;font-weight:600}.education-institution{color:var(--muted);margin:3px 0 0;font-size:13px}.links{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.link{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text);transition:transform .15s var(--ease), background .2s ease, border-color .2s ease;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.link:hover{border-color:var(--border-strong);background:var(--surface-3);transform:translateY(-2px)}.link svg{fill:currentColor;width:18px;height:18px}.footer{border-top:1px solid var(--border);color:var(--faint);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:48px;padding-top:22px;font-size:12.5px;display:flex}.footer-sep{color:var(--border-strong)}.back-to-top{background:var(--surface);border:1px solid var(--border-2);width:44px;height:44px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .3s ease, transform .3s var(--ease), border-color .2s ease, background .2s ease;z-index:40;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:clamp(16px,4vw,28px);right:clamp(16px,4vw,28px);transform:translateY(12px)scale(.9)}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}.back-to-top:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-2px)}.back-to-top svg{width:20px;height:20px}@keyframes revealFallback{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animated{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);animation:revealFallback .6s var(--ease) 1.2s forwards;transform:translateY(20px)}.animated.visible{opacity:1;animation:none;transform:translateY(0)}.skip-link{z-index:100;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:8px;padding:10px 16px;text-decoration:none;transition:top .2s;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}@media (max-width:860px){.topbar-nav{display:none}}@media (max-width:760px){.hero{grid-template-columns:1fr}.hero-badge{display:none}}@media (max-width:600px){.topbar-cv{display:none}.grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.links{grid-template-columns:1fr}.timeline-head{grid-template-columns:1fr;grid-template-areas:"period""position""company"}.timeline-period{justify-self:start}.education-item{grid-template-columns:1fr;gap:2px}.hero-actions .btn{flex:auto}}@media (max-width:440px){.brand-name{display:none}.kpis{grid-template-columns:1fr}}@media (min-width:1180px){:root{--maxw:1120px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.animated{opacity:1;transform:none}}@media print{:root{--bg:#fff;--surface:#fff;--text:#000;--text-2:#1a1a1a;--muted:#333;--faint:#555;--border:#ccc;--border-2:#ccc;--border-strong:#999}body:before,body:after{display:none}.topbar,.back-to-top,.skip-link,.hero-actions,.link{display:none!important}.container{max-width:100%;padding:16px}.card{box-shadow:none;page-break-inside:avoid;border:1px solid #ccc}.animated{opacity:1;animation:none;transform:none}}
