:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;overflow-x:hidden}a{font-weight:500;color:#000;text-decoration:none}a:hover{color:#ffc107}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#000;color:#fff;cursor:pointer;transition:all .25s ease}button:hover{background-color:#ffc107;color:#000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html,body,#root{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;color:#000;overflow-x:hidden}.main-wrapper{position:relative;width:100%;min-height:100vh}.left-bar,.right-bar{position:absolute;top:150px;bottom:100px;width:55px;height:500px;background:#ffc107;z-index:5}.left-bar{left:0}.right-bar{right:0}.container{display:flex;overflow-x:hidden;flex-direction:column;width:100%;min-height:100vh}.main-wrapper{flex:1;display:flex;min-height:100vh;width:100%}.left-section{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 16px;min-width:0}.circle-nav-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.photo-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#b3b3b3;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:clamp(12px,2vw,20px);letter-spacing:2px;z-index:2;overflow:hidden}.photo-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;display:block}.nav-icon-group{cursor:pointer}.nav-icon-group:hover .nav-bg{fill:#ffc107}.nav-icon-group:hover svg path{stroke:#1a1a1a}.nav-icon-group:focus-visible .nav-bg{stroke:#fff;stroke-width:2}.right-section{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:40px clamp(20px,4vw,60px);min-width:0}.content-wrapper{display:flex;flex-direction:column;gap:clamp(12px,1.5vw,20px);max-width:600px;width:100%}.greeting{font-size:clamp(20px,2.5vw,32px);font-weight:700;color:#000;letter-spacing:.5px;position:relative;padding-bottom:12px;display:inline-block}.underline{display:block;width:clamp(80px,12vw,160px);height:4px;background:#ffc107;position:absolute;bottom:0;left:clamp(50px,7vw,95px)}.name-section{display:flex;align-items:baseline;gap:clamp(6px,1vw,12px);flex-wrap:wrap}.i-m{font-size:clamp(13px,1.5vw,18px);font-weight:500}.name{font-size:clamp(36px,5vw,64px);font-weight:900;color:#ffc107;letter-spacing:2px;line-height:1}.title-badge{display:inline-block;background:#ffc107;color:#000;padding:clamp(6px,.8vw,10px) clamp(14px,2vw,24px);font-weight:700;font-size:clamp(11px,1.1vw,14px);letter-spacing:1px;width:fit-content}.tagline{background:#000;color:#ffc107;padding:clamp(8px,1vw,12px) clamp(14px,2vw,24px);font-size:clamp(12px,1.3vw,16px);font-weight:600;letter-spacing:.5px;width:fit-content}.description{font-size:clamp(12px,1.2vw,15px);line-height:1.7;color:#666;max-width:550px}.more-btn{display:inline-block;background:#000;color:#fff;padding:clamp(10px,1vw,14px) clamp(28px,3.5vw,48px);font-size:clamp(11px,1.1vw,14px);font-weight:700;letter-spacing:1px;border:2px solid #000;border-radius:30px;cursor:pointer;transition:all .3s ease;margin-top:8px;width:fit-content}.more-btn:hover{background:#ffc107;color:#000;border-color:#ffc107;transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}@media(max-width:1200px)and (min-width:1025px){.left-bar,.right-bar{width:48px}.container{padding-left:48px;padding-right:48px}.left-section{padding:28px 12px}.right-section{padding:35px clamp(20px,3vw,50px)}}@media(max-width:1024px)and (min-width:901px){.left-bar,.right-bar{width:42px}.container{padding-left:42px;padding-right:42px}.left-section{padding:24px 10px}.right-section{padding:30px clamp(18px,3vw,45px)}.greeting{font-size:clamp(18px,2.2vw,28px)}.name{font-size:clamp(32px,4.5vw,56px)}.description{font-size:clamp(11px,1.1vw,14px)}}@media(max-width:900px)and (min-width:681px){.left-bar,.right-bar{width:36px}.container{padding-left:36px;padding-right:36px}.left-section{padding:20px 8px}.right-section{padding:25px clamp(16px,2.5vw,40px)}.greeting{font-size:clamp(16px,2vw,24px)}.name{font-size:clamp(28px,4vw,50px)}.i-m{font-size:clamp(12px,1.3vw,16px)}.description{font-size:clamp(11px,1vw,13px)}.more-btn{font-size:clamp(10px,1vw,12px)}}@media(max-width:680px){.left-bar{width:100%;height:24px;top:0;left:0;right:0}.right-bar{width:100%;height:24px;inset:auto 0 0}.container{flex-direction:column;padding:24px 0}.main-wrapper{flex-direction:column;min-height:unset}.left-section{width:100%;padding:30px 16px 20px;min-height:300px}.right-section{width:100%;padding:20px 20px 40px;justify-content:center}.content-wrapper{text-align:center;align-items:center;gap:clamp(10px,2vw,16px)}.greeting{font-size:clamp(18px,5vw,26px);padding-bottom:10px}.underline{width:clamp(70px,10vw,140px);left:50%;transform:translate(-50%)}.name-section{justify-content:center;gap:clamp(4px,1vw,8px)}.i-m{font-size:clamp(12px,3vw,16px)}.name{font-size:clamp(32px,8vw,50px)}.title-badge{font-size:clamp(10px,2.5vw,12px);padding:clamp(5px,1vw,8px) clamp(12px,2vw,20px)}.tagline{font-size:clamp(11px,2.5vw,14px);padding:clamp(6px,1.2vw,10px) clamp(12px,2vw,20px)}.description{font-size:clamp(11px,2.5vw,13px);line-height:1.6;max-width:100%}.more-btn{font-size:clamp(10px,2.5vw,12px);padding:clamp(8px,1.5vw,12px) clamp(24px,4vw,40px);margin-top:6px}}@media(max-width:480px){body{overflow-y:auto}.left-section{padding:20px 12px 15px;min-height:280px}.right-section{padding:16px 16px 32px}.content-wrapper{gap:clamp(8px,1.5vw,12px)}.greeting{font-size:clamp(16px,4vw,22px);padding-bottom:8px}.underline{width:clamp(60px,8vw,120px);height:3px}.name-section{flex-wrap:wrap;justify-content:center}.i-m{font-size:clamp(11px,2.5vw,14px)}.name{font-size:clamp(28px,7vw,42px)}.title-badge{font-size:clamp(9px,2vw,11px);padding:clamp(4px,.8vw,6px) clamp(10px,1.5vw,16px)}.tagline{font-size:clamp(10px,2vw,12px);padding:clamp(5px,1vw,8px) clamp(10px,1.5vw,16px)}.description{font-size:clamp(10px,2vw,12px);line-height:1.5}.more-btn{font-size:clamp(9px,2vw,11px);padding:clamp(7px,1.2vw,10px) clamp(20px,3vw,36px);margin-top:4px}}@media(max-width:360px){.left-section{padding:16px 10px 12px;min-height:240px}.right-section{padding:12px 12px 28px}.circle-nav-wrapper{max-width:280px}}.about-section{width:100%;display:flex;min-height:100vh;background:#f5f0e8;position:relative}.about-left-bar{width:88px;flex-shrink:0;background:#ffc107;display:flex;flex-direction:column;align-items:center;padding:80px 0;gap:0;position:relative}.about-left-bar:before{content:"";position:absolute;left:50%;top:80px;bottom:200px;transform:translate(-50%);width:2px;background:#000;z-index:0}.bar-dot{width:16px;height:16px;border-radius:50%;background:#000;flex-shrink:0;position:relative;z-index:1}.bar-icon-circle{width:44px;height:44px;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;margin:28px 0;cursor:pointer;transition:transform .2s ease}.bar-icon-circle:hover{transform:scale(1.1)}.bar-icon-circle svg{width:20px;height:20px;stroke:#ffc107;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.about-main{flex:1;display:flex;flex-direction:column;padding:52px 72px 60px 90px;gap:0;min-width:0}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;width:100%;margin-bottom:48px}.header-left{display:flex;flex-direction:column;gap:0;flex:1;min-width:0;align-items:flex-start}.title-row{display:flex;align-items:center;gap:0;margin-bottom:24px}.title-line{width:60px;height:2px;background:#000;flex-shrink:0}.title-dot{width:10px;height:10px;border-radius:50%;background:#000;flex-shrink:0}.section-title{font-size:48px;font-weight:900;letter-spacing:3px;color:#000;text-transform:uppercase;line-height:1}.section-intro{margin-top:20px;margin-bottom:36px}.intro-title{font-size:26px;font-weight:500;color:#000;line-height:1.4;margin-bottom:16px}.intro-title strong{font-weight:800;color:#000}.intro-description{font-size:15px;line-height:1.8;color:#444;max-width:680px}.header-right{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.photo-label{width:180px;height:180px;border-radius:50%;background:#d3d3d3;overflow:hidden;flex-shrink:0}.photo-img{width:100%;height:100%;object-fit:cover;object-position:center}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:8px}.grid-col{display:flex;flex-direction:column;gap:32px}.btn-yellow{background:#ffc107;color:#000;padding:12px 28px;font-size:14px;font-weight:800;letter-spacing:1.5px;border:none;border-radius:30px;cursor:pointer;width:fit-content;transition:all .3s ease;text-transform:uppercase}.btn-yellow:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.skills-list{display:flex;flex-direction:column;gap:28px}.skill-row{display:flex;gap:20px;align-items:flex-start}.skill-circle{width:52px;height:52px;border-radius:50%;background:#ffc107;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.skill-row:hover .skill-circle{transform:scale(1.08)}.skill-circle svg{width:26px;height:26px;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.skill-text h4{font-size:17px;font-weight:700;color:#000;margin-bottom:4px}.skill-text p{font-size:13px;line-height:1.5;color:#666}.facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fact-badge{width:120px;height:120px;border-radius:50%;background:#2a2a2a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#ffc107;transition:transform .3s ease;cursor:default}.fact-badge:hover{transform:scale(1.06)}.fact-value{font-size:24px;font-weight:600;line-height:1;letter-spacing:-1px}.fact-icon{font-size:36px;display:block;line-height:1}.fact-text{font-size:10px;font-weight:600;line-height:1.4;color:#fff}.about-right-bar{width:88px;flex-shrink:0;background:transparent}@media(max-width:1200px){.about-main{padding:48px 56px 56px 80px}.section-title{font-size:42px}.photo-label{width:160px;height:160px}.section-grid{gap:60px}.fact-badge{width:100px;height:100px}.fact-value{font-size:20px}.intro-title{font-size:24px}.intro-description{font-size:14px}}@media(max-width:1024px){.about-section{flex-direction:column}.about-left-bar{width:100%;height:60px;flex-direction:row;padding:0 40px;justify-content:center;gap:12px;align-items:center}.about-left-bar:before{inset:50% 0 auto;transform:translateY(-50%);width:100%;height:2px}.bar-dot,.bar-line{display:none}.bar-icon-circle{margin:0;width:40px;height:40px}.about-main{padding:40px 40px 48px}.section-header{gap:32px;margin-bottom:32px}.section-title{font-size:38px}.photo-label{width:140px;height:140px}.intro-title{font-size:22px}.intro-description{font-size:13px}.section-grid{gap:48px}.about-right-bar{display:none}.fact-badge{width:90px;height:90px}.fact-value{font-size:18px}.fact-icon{font-size:32px}.fact-text{font-size:9px}}@media(max-width:900px){.about-main{padding:32px 28px 40px}.section-header{flex-direction:column;align-items:center;text-align:center;gap:24px;margin-bottom:28px}.header-left{align-items:center}.title-row{justify-content:center}.title-line{width:50px}.section-title{font-size:36px;letter-spacing:2px}.intro-title{font-size:20px;text-align:center}.intro-description{text-align:center;font-size:13px}.photo-label{width:130px;height:130px}.section-grid{grid-template-columns:1fr;gap:40px}.facts-grid{justify-items:center}.fact-badge{width:90px;height:90px}.skill-circle{width:48px;height:48px}.skill-text h4{font-size:15px}.skill-text p{font-size:12px}}@media(max-width:768px){.about-main{padding:28px 24px 40px}.section-header{flex-direction:column-reverse;align-items:center;text-align:center;gap:20px;margin-bottom:24px}.header-left{align-items:center}.title-row{justify-content:center}.title-line{width:45px}.title-dot{width:8px;height:8px}.section-title{font-size:32px;letter-spacing:1.5px}.intro-title{font-size:18px}.intro-description{text-align:center;font-size:12px;line-height:1.6}.photo-label{width:120px;height:120px}.section-grid{gap:35px}.btn-yellow{font-size:12px;padding:10px 22px}.skill-row{gap:16px}.skill-circle{width:44px;height:44px}.skill-circle svg{width:22px;height:22px}.skill-text h4{font-size:14px}.skill-text p{font-size:11px}.facts-grid{justify-items:center;gap:20px}.fact-badge{width:90px;height:90px}.fact-value{font-size:18px}.fact-icon{font-size:32px}.fact-text{font-size:9px}}@media(max-width:480px){.about-main{padding:20px 16px 32px}.section-header{flex-direction:column-reverse;gap:18px}.section-title{font-size:26px;letter-spacing:1px}.title-line{width:40px;height:2px}.title-dot{width:8px;height:8px}.intro-title{font-size:16px;line-height:1.3}.intro-description{font-size:11px;line-height:1.5}.photo-label{width:100px;height:100px}.section-intro{margin-top:16px;margin-bottom:24px}.section-grid{gap:28px;margin-top:4px}.btn-yellow{font-size:11px;padding:8px 18px;align-self:flex-start}.skill-row{gap:14px}.skill-circle{width:40px;height:40px}.skill-circle svg{width:20px;height:20px}.skill-text h4{font-size:13px;margin-bottom:2px}.skill-text p{font-size:10px}.facts-grid{gap:16px}.fact-badge{width:80px;height:80px}.fact-value{font-size:16px}.fact-icon{font-size:28px}.fact-text{font-size:8px;line-height:1.2}}@media(max-width:360px){.about-main{padding:16px 12px 24px}.section-title{font-size:22px;letter-spacing:1px}.title-line{width:35px}.intro-title{font-size:14px}.intro-description{font-size:10px}.photo-label{width:90px;height:90px}.section-grid{gap:24px}.btn-yellow{font-size:10px;padding:7px 16px}.skill-circle{width:36px;height:36px}.skill-text h4{font-size:12px}.skill-text p{font-size:9px}.fact-badge{width:70px;height:70px}.fact-value{font-size:14px}.fact-icon{font-size:24px}.fact-text{font-size:7px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.resume-section{width:100%;display:flex;min-height:100vh;background:#f5f0e8;position:relative}.resume-left-bar{width:88px;flex-shrink:0;background:#ffc107;display:flex;flex-direction:column;align-items:center;padding:80px 0;gap:0;position:relative}.resume-left-bar:before{content:"";position:absolute;left:50%;top:80px;bottom:200px;transform:translate(-50%);width:2px;background:#000;z-index:0}.resume-left-bar .bar-dot{width:16px;height:16px;border-radius:50%;background:#000;flex-shrink:0;position:relative;z-index:1}.resume-left-bar .bar-icon-circle{width:44px;height:44px;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;margin:28px 0;cursor:pointer;transition:transform .2s ease}.resume-left-bar .bar-icon-circle:hover{transform:scale(1.1)}.resume-left-bar .bar-icon-circle svg{width:20px;height:20px;stroke:#ffc107;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.resume-left-bar .bar-line{width:2px;height:12px;background:#000;flex-shrink:0;position:relative;z-index:1}.resume-main{flex:1;display:flex;flex-direction:column;padding:52px 72px 60px 90px;gap:0;min-width:0}.resume-header{display:flex;flex-direction:column;gap:0;margin-bottom:48px}.resume-header .title-row{display:flex;align-items:center;gap:0;margin-bottom:24px}.resume-header .title-line{width:60px;height:2px;background:#000;flex-shrink:0}.resume-header .title-dot{width:10px;height:10px;border-radius:50%;background:#000;flex-shrink:0}.resume-header .section-title{font-size:48px;font-weight:900;letter-spacing:3px;color:#000;text-transform:uppercase;line-height:1}.resume-section-block{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.resume-content{display:flex;flex-direction:column;gap:8px;max-width:900px}.content-title{font-size:18px;font-weight:700;color:#000;line-height:1.5}.content-list{list-style:none;display:flex;flex-direction:column;gap:8px}.content-list li{font-size:15px;line-height:1.6;color:#444;padding-left:24px;position:relative}.content-list li:before{content:"•";position:absolute;left:0;color:#000;font-weight:700}.project-item{display:flex;flex-direction:column;gap:12px;max-width:900px;margin-bottom:32px}.project-title{font-size:15px;font-weight:700;color:#000;line-height:1.4}.project-tech{font-size:15px;color:#666;font-weight:600}.project-description{list-style:none;display:flex;flex-direction:column;gap:5px}.project-description li{font-size:13px;line-height:1.6;color:#444;padding-left:24px;position:relative}.project-description li:before{content:"•";position:absolute;left:0;color:#000;font-weight:700}.resume-right-bar{width:0;flex-shrink:0}@media(max-width:1200px){.resume-main{padding:48px 56px 56px 80px}.resume-header .section-title{font-size:42px}.resume-section-block{margin-bottom:40px;gap:28px}.content-title{font-size:16px}.content-list li,.project-description li{font-size:14px}.project-title{font-size:16px}.btn-download{padding:14px 40px;font-size:14px}}@media(max-width:1024px){.resume-section{flex-direction:column}.resume-left-bar{width:100%;height:60px;flex-direction:row;padding:0 40px;justify-content:center;gap:12px;align-items:center}.resume-left-bar:before{inset:50% 0 auto;transform:translateY(-50%);width:100%;height:2px}.resume-left-bar .bar-dot{display:none}.resume-left-bar .bar-icon-circle{margin:0;width:40px;height:40px}.resume-left-bar .bar-line{display:none}.resume-main{padding:40px 40px 48px}.resume-header{margin-bottom:32px}.resume-header .section-title{font-size:36px}.resume-section-block{margin-bottom:32px;gap:24px}.content-title{font-size:15px}.content-list li,.project-description li{font-size:13px;padding-left:20px}.project-title{font-size:15px}.project-tech{font-size:13px}.btn-yellow{font-size:13px;padding:10px 24px}.resume-right-bar{display:none}}@media(max-width:900px){.resume-main{padding:32px 28px 40px}.resume-header{margin-bottom:28px}.resume-header .title-line{width:50px}.resume-header .section-title{font-size:32px;letter-spacing:2px}.resume-section-block{margin-bottom:28px;gap:20px}.content-title{font-size:14px;line-height:1.4}.content-list li,.project-description li{font-size:12px;line-height:1.5;padding-left:18px}.project-title{font-size:14px}.project-tech{font-size:12px}.btn-yellow{font-size:12px;padding:9px 20px}.btn-download{padding:11px 32px;font-size:12px}.download-section{margin-top:40px;margin-bottom:28px}}@media(max-width:680px){.resume-section{flex-direction:column;min-height:auto}.resume-left-bar{width:100%;height:50px;flex-direction:row;padding:0 24px;gap:8px}.resume-left-bar:before{display:none}.resume-left-bar .bar-icon-circle{width:36px;height:36px;margin:0}.resume-left-bar .bar-icon-circle svg{width:18px;height:18px}.resume-main{padding:24px 20px 32px}.resume-header{text-align:center;margin-bottom:24px}.resume-header .title-row{justify-content:center;gap:8px}.resume-header .title-line{width:40px;height:2px}.resume-header .title-dot{width:8px;height:8px}.resume-header .section-title{font-size:28px;letter-spacing:1.5px}.resume-section-block{margin-bottom:24px;gap:16px}.content-title{font-size:13px;line-height:1.3}.content-list li,.project-description li{font-size:11px;line-height:1.4;padding-left:16px}.project-title{font-size:13px;line-height:1.3}.project-tech{font-size:11px}.btn-yellow{font-size:11px;padding:8px 18px;align-self:flex-start}.btn-download{padding:10px 28px;font-size:11px;gap:8px}.download-section{margin-top:32px;margin-bottom:24px}.resume-right-bar{display:none}}@media(max-width:480px){.resume-left-bar{height:44px;padding:0 16px;gap:6px}.resume-left-bar .bar-icon-circle{width:32px;height:32px}.resume-left-bar .bar-icon-circle svg{width:16px;height:16px}.resume-main{padding:20px 16px 28px}.resume-header{margin-bottom:20px}.resume-header .title-line{width:35px}.resume-header .section-title{font-size:24px;letter-spacing:1px}.resume-section-block{margin-bottom:20px;gap:14px}.content-title{font-size:12px}.content-list li,.project-description li{font-size:10px;padding-left:14px}.project-title{font-size:12px}.project-tech{font-size:10px}.btn-yellow{font-size:10px;padding:7px 16px}.btn-download{padding:9px 24px;font-size:10px}.download-section{margin-top:24px;margin-bottom:20px}}@media(max-width:360px){.resume-left-bar{height:40px;padding:0 12px;gap:4px}.resume-left-bar .bar-icon-circle{width:28px;height:28px}.resume-main{padding:16px 12px 24px}.resume-header .section-title{font-size:20px}.resume-section-block{gap:12px}.content-title{font-size:11px}.content-list li,.project-description li{font-size:10px}.project-title{font-size:11px}.btn-download{padding:8px 20px;font-size:9px}}