*{box-sizing:border-box;margin:0}.body{font-family:Arial,sans-serif;margin:0;display:flex;justify-content:center;align-items:center;background-color:#d4d4d4;transition:background-color .3s ease;min-height:100vh;-webkit-user-select:none;user-select:none}.body.dark{background-color:#222}.home{display:flex;flex-direction:column;align-items:center;justify-content:center}.container1{width:80%;max-width:500px;height:auto;background-color:#f0f3f9;border-radius:20px;box-shadow:0 4px 8px #0003;margin:30px;padding:20px;box-sizing:border-box;font-family:Inter,sans-serif}.container2{width:90%;max-width:500px;height:auto;background-color:#f0f3f9;border-radius:20px;box-shadow:0 4px 8px #0003;align-items:center;justify-content:center;margin:10px;padding:40px;box-sizing:border-box;font-family:Inter,sans-serif}.row1{display:flex;justify-content:center;gap:20px}.row2{display:flex;justify-content:center}.header1{font-family:Inter,sans-serif;font-weight:800;font-size:3.5vw;-webkit-user-select:none;user-select:none;cursor:grab;transition:transform .3s ease}.header1.grabbing{cursor:grabbing}.header2{font-family:Inter,sans-serif;font-weight:800;font-size:3.5vw}.objective-text{font-size:18px;line-height:1.6;color:#3a3a3a}.objective-text:before{content:"“";font-size:24px;color:#999;margin-right:8px}.objective-text:after{content:"”";font-size:24px;color:#c2c2c2;margin-left:8px}.profile-image{margin-top:10px;width:220px;height:220px;object-fit:cover;border-radius:50%;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.profile-image.hovered{transform:scale(1.05);box-shadow:0 8px 20px #0006}.contact{font-size:3.5vw}.contact-buttons{display:flex;justify-content:center;gap:20px;margin-top:20px}.contact-button{padding:10px 20px;border:2px solid #333;border-radius:5px;text-decoration:none;color:#333;font-weight:700;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 0 10px #0003}.contact-button:hover{background-color:#fff;box-shadow:0 0 20px #0006}.contact-icon{margin-right:8px;font-size:18px}.dark .contact-button{border-color:#ccc;color:#ccc;background-color:#333}.dark .contact-button:hover{background-color:#555;box-shadow:0 0 20px #7c7c7c66}@media (min-width: 600px){.header1,.header2{font-size:2.5em}.contact{font-size:1em}.modal-content{width:80%;max-width:300px}.profile-image{width:250px;height:250px}}@media (max-width: 768px){.home{padding:10px 8px 80px;width:100%}.container1{width:100%;max-width:none;margin:10px 0;padding:16px 12px;border-radius:14px}.container2{width:100%;max-width:none;margin:8px 0;padding:20px 14px;border-radius:14px}.profile-image{width:130px;height:130px;margin-top:6px}.header1,.header2{font-size:1.35em;text-align:center}.objective-text{font-size:14px;line-height:1.5}.row1{flex-direction:column;align-items:center;gap:12px;width:100%}.row2{flex-direction:column;align-items:center;width:100%;gap:8px}.image-container{display:flex;justify-content:center}.contact-buttons{flex-direction:column;gap:10px;margin-top:14px;align-items:stretch}.contact-button{width:100%;text-align:center;font-size:.95em;padding:10px 8px}.contact-icon{font-size:16px;margin-right:6px}.work-experience-list{padding-top:14px;padding-left:14px}.job-details{padding-left:28px;margin-bottom:16px}.job-details:before{width:16px;height:16px;left:-9px}.job-name{font-size:.95em}.job-position,.job-period{font-size:.85em}.top-right-controls{top:10px;right:8px;padding:10px 8px;gap:12px;border-radius:12px}.top-right-controls button{padding:8px;font-size:1.25rem}.count-circle{width:32px;height:32px;font-size:.95rem}.footer{padding:4px 0}.footer p{font-size:12px}.footer .tech-icon{width:18px;height:18px}.side-navbar{width:85vw;max-width:300px;padding:24px 16px}.navbar-links-vertical{gap:14px;margin-top:24px}.nav-link{font-size:1em;padding:10px 14px}.close-navbar{font-size:1.4rem;margin-bottom:20px}.modal-content{width:90vw;max-width:300px;padding:18px 14px}.modal p{font-size:16px;margin-bottom:16px}.modal-buttons button{padding:8px 16px;font-size:14px;margin:0 6px}}.container1.light,.container2.light{background-color:#f0f3f9;color:#333;box-shadow:0 4px 8px #0003}.header1.light{color:#333}.objective-text.light{color:#3a3a3a}.container1.dark,.container2.dark{background-color:#1a1a1a;color:#fff;box-shadow:0 4px 8px #000c}.header1.dark{color:#fff}.objective-text.dark{color:#c2c2c2}.contact-button.dark{border:2px solid #ffffff;color:#fff}.plus-one{position:absolute;font-size:24px;color:#0080009d;animation:plusOneAnimation 1s ease-out;pointer-events:none;z-index:10}@keyframes plusOneAnimation{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-100%) scale(2);opacity:.5}to{transform:translate(-50%,-150%) scale(3);opacity:0}}.dark .count-circle{color:#fff;background-color:#333}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e222873;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 0 10px #0003;text-align:center}.modal p{margin-bottom:20px;font-size:18px}.modal-buttons button{padding:10px 20px;margin:0 10px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.modal-buttons button:first-child{background-color:#4caf50;color:#fff}.modal-buttons button:first-child:hover{background-color:#45a049}.modal-buttons button:last-child{background-color:#f44336;color:#fff}.modal-buttons button:last-child:hover{background-color:#f22e17}.work-experience-list{padding-top:20px;border-left:2px solid grey;padding-left:20px}.job-details{position:relative;padding-left:40px;margin-bottom:20px}.job-details:before{content:"";position:absolute;left:-10px;top:0;width:20px;height:20px;border-radius:50%;background:var(--job-color, grey);border:2px solid #fff}.job-name{font-weight:700;margin-bottom:5px}.job-period{font-style:italic;color:#777}.footer{background-color:#333;color:#fff;padding:2px 0;text-align:center;position:fixed;width:100%;bottom:0}.footer p{margin:0;font-size:14px}.footer .tech-icons{display:inline-flex;align-items:center;gap:5px;margin-top:5px}.footer .tech-icon{width:24px;height:24px}.top-right-controls{position:fixed;top:24px;right:28px;display:flex;flex-direction:column;gap:18px;z-index:200;align-items:flex-end;background:#ffffffd9;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:16px 12px;transition:background .3s}.body.dark .top-right-controls{background:#23272feb}.top-right-controls button{background-color:transparent;border:none;outline:none;cursor:pointer;padding:10px;border-radius:50%;font-size:1.5rem;color:inherit;display:flex;align-items:center;justify-content:center}.top-right-controls button svg{color:#23272f}.body.dark .top-right-controls button svg{color:#fff}.body.dark .top-right-controls button:hover svg,.body.dark .top-right-controls button:focus svg{color:#fff}.count-circle{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:1.1rem;background:#f5f6fa;color:#23272f;box-shadow:0 2px 8px #00000012;cursor:pointer;transition:background .2s,color .2s}.count-circle.dark{background:#23272f;color:#fff}.count-circle:hover,.count-circle:focus{background:#d3d3d3}.count-circle.dark:hover,.count-circle.dark:focus{background:#353b48}.side-navbar{position:fixed;top:0;right:0;height:100vh;width:270px;background:#fff;box-shadow:-2px 0 24px #0000001f;z-index:300;display:flex;flex-direction:column;padding:32px 24px 24px;animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}.body.dark .side-navbar{background:#23272f;color:#fff}.navbar-links-vertical{display:flex;flex-direction:column;gap:18px;margin-top:32px;width:100%}.nav-link{color:#23272f;text-decoration:none;font-size:1.15rem;font-weight:500;padding:10px 18px;border-radius:8px;transition:background .2s,color .2s;letter-spacing:.01em;display:block}.nav-link.active,.nav-link:hover,.nav-link:focus{background:#e0e7ef;color:#000}.navbar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e222873;z-index:299;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .2s}.body.dark .nav-link{color:#fff}.body.dark .nav-link.active,.body.dark .nav-link:hover,.body.dark .nav-link:focus{background:#353b48;color:#fff}.close-navbar{background:none;border:none;color:#23272f;font-size:1.7rem;align-self:flex-end;cursor:pointer;margin-bottom:32px;transition:color .2s,background .2s;padding:8px;border-radius:50%}.close-navbar:hover,.close-navbar:focus{background:#e0e7ef}.body.dark .close-navbar{color:#fff}.body.dark .close-navbar:hover,.body.dark .close-navbar:focus{background:#353b48}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/my-resume/assets/inter-cyrillic-ext-400-normal-tyfMZHQw.woff2) format("woff2"),url(/my-resume/assets/inter-cyrillic-ext-400-normal-CzG7Kr3z.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/my-resume/assets/inter-cyrillic-400-normal-Df6ckaLK.woff2) format("woff2"),url(/my-resume/assets/inter-cyrillic-400-normal-JrS_4yms.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:400;src:url(/my-resume/assets/inter-greek-ext-400-normal-CIdlr5YK.woff2) format("woff2"),url(/my-resume/assets/inter-greek-ext-400-normal-_Rr29XE2.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/my-resume/assets/inter-greek-400-normal-DQXyrmoy.woff2) format("woff2"),url(/my-resume/assets/inter-greek-400-normal-DvIPHDQ7.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:400;src:url(/my-resume/assets/inter-vietnamese-400-normal-Cnt0N5Vm.woff2) format("woff2"),url(/my-resume/assets/inter-vietnamese-400-normal-DIOGfGLL.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:400;src:url(/my-resume/assets/inter-latin-ext-400-normal-D3W-OpO-.woff2) format("woff2"),url(/my-resume/assets/inter-latin-ext-400-normal-8tIzm-yw.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:400;src:url(/my-resume/assets/inter-latin-400-normal-BT1H-PT_.woff2) format("woff2"),url(/my-resume/assets/inter-latin-400-normal-Cdi8t5Mu.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+2074,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:800;src:url(/my-resume/assets/inter-cyrillic-ext-800-normal-Cat3deYP.woff2) format("woff2"),url(/my-resume/assets/inter-cyrillic-ext-800-normal-dIVUhhNV.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/my-resume/assets/inter-cyrillic-800-normal-Bw_Vu5Ee.woff2) format("woff2"),url(/my-resume/assets/inter-cyrillic-800-normal-C8nH20WF.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:800;src:url(/my-resume/assets/inter-greek-ext-800-normal-D_pOHBce.woff2) format("woff2"),url(/my-resume/assets/inter-greek-ext-800-normal-C1dxFMOn.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/my-resume/assets/inter-greek-800-normal-Cs_VTgIm.woff2) format("woff2"),url(/my-resume/assets/inter-greek-800-normal-D3g1mjIX.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:800;src:url(/my-resume/assets/inter-vietnamese-800-normal-Br1KEVll.woff2) format("woff2"),url(/my-resume/assets/inter-vietnamese-800-normal-cw0-maV3.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:800;src:url(/my-resume/assets/inter-latin-ext-800-normal-Q1lcP4yj.woff2) format("woff2"),url(/my-resume/assets/inter-latin-ext-800-normal-CIDt3IZN.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:800;src:url(/my-resume/assets/inter-latin-800-normal-mdTeNKyI.woff2) format("woff2"),url(/my-resume/assets/inter-latin-800-normal-CLqhIfb-.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}