@charset "UTF-8";@font-face{font-family:Apfel Grotezk;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ApfelGrotezk-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter/Inter-Regular-latin.woff2) format("woff2");unicode-range:U+0000-024F,U+0300-036F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2122,U+2190-21FF,U+2212,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/inter/Inter-Medium-latin.woff2) format("woff2");unicode-range:U+0000-024F,U+0300-036F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2122,U+2190-21FF,U+2212,U+FEFF,U+FFFD}@font-face{font-family:icomoon;src:url(/assets/icon/icomoon/fonts/icomoon.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}[class^=icon-],[class*=" icon-"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-arrow-right-top:before{content:""}.icon-user-circle:before{content:""}.icon-edu:before{content:""}.icon-arrow-top:before{content:""}.icon-send:before{content:""}.icon-tech-stack:before{content:""}.icon-service:before{content:""}.icon-home:before{content:""}.icon-light:before{content:""}.icon-download:before{content:""}.icon-linkin:before{content:""}.icon-x:before{content:""}:root{--white: #ffffff;--white-8: rgba(255, 255, 255, .08);--white-40: rgba(255, 255, 255, .4);--white-56: rgba(255, 255, 255, .56);--white-72: rgba(255, 255, 255, .72);--black: #000000;--black-6: rgba(0, 0, 0, .06);--black-15: rgba(0, 0, 0, .15);--black-40: rgba(0, 0, 0, .4);--black-50: rgba(0, 0, 0, .5);--black-56: rgba(0, 0, 0, .56);--black-72: rgba(0, 0, 0, .72);--primary: #00DE51;--surface: #F5F5F5;--shadow: 0px 0px 0px 1px #0000000F, 0px .5px .5px 0px #00000008, 0px 1px 1px -.5px #00000008, 0px 3px 3px -1.5px #00000008, 0px 5px 5px -2.5px #00000008, 0px 8px 8px -4px #00000008;--shadow-2: 0px .5px .5px 0px #00000008, 0px 1px 1px -.5px #00000008, 0px 3px 3px -1.5px #00000008, 0px 5px 5px -2.5px #00000008, 0px 8px 8px -4px #00000008;--shadow-5: 0px .5px .5px 0px #0000000F, 0px 1px 1px -.5px #0000000F, 0px 3px 3px -1.5px #0000000F, 0px 5px 5px -2.5px #0000001F, 0px .5px .5px 0px #FFFFFF14 inset, 0px 1px 3px 0px #FFFFFF08 inset, 0px -4px 12px 0px #FFFFFF0A inset}html,body,div,span,h1,h2,h3,h4,h5,p,a,img,i,dl,dt,dd,ul,li,video{margin:0;padding:0;border:0;outline:0;font:inherit;vertical-align:baseline;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}html{margin-right:0!important;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter;font-weight:400;font-size:16px;line-height:24px;letter-spacing:-.005em;color:var(--black);background-color:var(--surface);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"zero"}body::-webkit-scrollbar{width:4px}body::-webkit-scrollbar-thumb{cursor:grab;background-color:var(--primary)}img{max-width:100%;height:auto;transform:scale(1);vertical-align:middle;-ms-interpolation-mode:bicubic}ul,li{list-style-type:none;margin-bottom:0;padding-left:0;list-style:none}svg path{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}:-ms-input-placeholder{color:var(--secondary-2)}video{width:100%;height:100%;object-fit:cover}a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;text-decoration:none;cursor:pointer;display:inline-block;font-family:Inter;color:var(--text)}a:focus,a:hover{outline:0}p{display:block}.br-line{width:100%;height:1px;display:flex;background-color:var(--white-8)}h1,h2,h3,h4,h5,.h5{font-family:Apfel Grotezk;text-rendering:optimizeLegibility;font-weight:500;margin-bottom:0;letter-spacing:0}.h1,.h6{text-rendering:optimizeLegibility;font-weight:400;margin-bottom:0;letter-spacing:0}h1,.h1{font-size:clamp(40px,5vw + 8px,60px);line-height:clamp(46px,5.5vw + 10px,64px)}h4,.h4{font-size:clamp(24px,3vw + 4px,40px);line-height:clamp(28px,3.5vw + 5px,44px)}h5,.h5{font-size:clamp(22px,2.5vw + 3px,32px);line-height:clamp(26px,3vw + 4px,36px)}.h6{font-size:clamp(20px,2vw + 2px,24px);line-height:clamp(24px,2.5vw + 3px,32px)}.font-2{font-family:Apfel Grotezk}.font-3{font-family:EB Garamond,serif}.text-body-1{font-size:20px;line-height:28px}.text-body-3{font-size:14px;line-height:20px}.text-caption{font-size:12px;line-height:16px}.letter-space--05{letter-spacing:-.005em!important}.letter-space--2{letter-spacing:-.02em!important}.flat-spacing{padding-top:72px;padding-bottom:72px}@media(max-width:991px){.flat-spacing{padding-top:60px;padding-bottom:60px}}@media(max-width:767px){.flat-spacing{padding-top:40px;padding-bottom:40px}}.text-white-56{color:var(--white-56)}.text-black-50{color:var(--black-50)!important}.text-black-56{color:var(--black-56)}.text-black-72{color:var(--black-72)}.link{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.link:hover{color:var(--primary)!important}.tf-grid-layout{display:grid;column-gap:24px;row-gap:32px}@media(min-width:576px){.tf-grid-layout.sm-col-2{grid-template-columns:1fr 1fr}}@media(min-width:1200px){.tf-grid-layout{column-gap:30px;row-gap:40px}}.row{margin-right:-16px;margin-left:-16px}.row>*{padding-left:16px;padding-right:16px}.container{position:relative;margin-left:auto;margin-right:auto;padding-right:16px;padding-left:16px;width:1176px;max-width:100%}.btn-mobile-menu{display:flex;align-items:center;justify-content:center;block-size:28px;inline-size:28px;position:relative}.btn-mobile-menu span{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:block;inline-size:24px;height:2px;background-color:var(--black-40);border-radius:5px}.btn-mobile-menu:after,.btn-mobile-menu:before{content:"";position:absolute;inline-size:24px;height:2px;background-color:var(--black-40);border-radius:1px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;transform:rotate(0)}.btn-mobile-menu:before{inset-block-start:6px}.btn-mobile-menu:after{inset-block-end:6px}.btn-mobile-menu.close:before{top:auto;transform:rotate(45deg)}.btn-mobile-menu.close span{opacity:0;visibility:hidden}.btn-mobile-menu.close:after{bottom:auto;transform:rotate(-45deg)}.nav-mobile-item{inline-size:min(280px,100vw - 32px);max-block-size:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;border-radius:16px;background-color:var(--white);box-shadow:var(--shadow-2);backdrop-filter:blur(0px);padding:8px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.nav-mobile-item .item-link{display:flex;align-items:center;gap:12px;min-block-size:52px;color:var(--black-72);padding:12px 16px}.nav-mobile-item .item-link .tool-tip{font-size:18px;line-height:26px}.nav-mobile-item .item-link.active{color:var(--primary)}.nav-mobile-item .item-link .icon{font-size:22px;color:var(--black-40)}.action-open-mobile{position:fixed;right:16px;top:24px;z-index:99}.action-open-mobile>.tf-btn-icon{inline-size:56px;block-size:56px}.action-open-mobile .nav-mobile-list{display:grid;place-items:end;position:absolute;gap:8px;top:calc(100% + 8px);right:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none}.action-open-mobile .nav-mobile-list.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:all}.tf-header-wrap{padding:24px 16px;display:flex;align-items:center;justify-content:space-between;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}@media(min-width:992px){.tf-header-wrap{padding:0;position:absolute;top:52px;right:32px}}@media(min-width:1600px){.tf-header-wrap{right:48px}}.overlay-pop{background:var(--white-40);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:fixed;inset:0;z-index:98;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0;visibility:hidden}.overlay-pop.open{opacity:1;visibility:visible}@keyframes rippleFade{0%{transform:scale(.9);opacity:1}to{transform:scale(2.4);opacity:0}}.cd-words-wrapper{display:inline-block;position:relative;text-align:left}.cd-words-wrapper .item-text{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0;font-weight:inherit}.animationtext{display:flex;gap:6px}.animationtext.clip span{display:inline-block;padding:0}.animationtext.clip .cd-words-wrapper{overflow:hidden;vertical-align:top;display:flex;margin-bottom:-10px;padding-bottom:10px}.animationtext.clip .cd-words-wrapper:after{content:"";position:absolute;top:0;right:0;width:3px;height:84%;background-color:#fff}.animationtext.clip .item-text{opacity:0}.tf-social-icon-2{display:flex;align-items:center;gap:8px}.tf-social-icon-2 a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;box-shadow:var(--shadow);background-color:var(--white)}.tf-social-icon-2 a:hover{background-color:#d2d2d2}.tf-social-icon-2 .icon{font-size:20px}.tf-btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.tf-btn-icon.style-2{background:#fff;box-shadow:var(--shadow);border-radius:50%;color:var(--black-40)}.tf-btn-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:40px;padding-inline:20px;border-radius:999px;background-color:var(--primary);color:#000;transition:opacity .2s ease}.tf-btn-action:hover{color:#000;opacity:.85}.tf-btn-action:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.toggle-switch-mode{cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#wrapper{position:relative}.wrap-container{width:100%;margin-left:auto}@media(min-width:1200px)and (max-width:1599px){.wrap-container{max-width:708px}}@media(min-width:992px)and (max-width:1199px){.wrap-container{padding-right:44px}}@media(max-width:575px){.wrap-container{padding:0}}.main-content{pointer-events:none}.main-content .wrap-container{pointer-events:all}.sidebar-tools{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:grid;gap:8px;z-index:97}.sidebar-tools .nav-top,.sidebar-tools .nav-bottom,.sidebar-tools .nav-list{box-shadow:0 0 0 1px #0000000f,0 .5px .5px #00000008,0 1px 1px -.5px #00000008,0 3px 3px -1.5px #00000008,0 5px 5px -2.5px #00000008,0 8px 8px -4px #00000008;background-color:var(--white);border-radius:999px}.sidebar-tools .nav-list{padding:4px}.sidebar-tools .nav-list .br-line{width:12px;background-color:var(--black-6);display:flex;margin:0 auto}.sidebar-tools .item-link{width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:relative}.sidebar-tools .item-link .tool-tip{position:absolute;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0;visibility:hidden;right:100%;top:50%;transform:translateY(-50%);letter-spacing:-.005em;color:var(--black);height:28px;padding-left:12px;padding-right:12px;display:flex;align-items:center;justify-content:center;background-color:var(--white);box-shadow:0 0 0 1px #0000000f,0 .5px .5px #00000008,0 1px 1px -.5px #00000008,0 3px 3px -1.5px #00000008,0 5px 5px -2.5px #00000008,0 8px 8px -4px #00000008;border-radius:999px;pointer-events:none}.sidebar-tools .item-link:hover .tool-tip{opacity:1;visibility:visible;right:calc(100% + 12px)}.sidebar-tools .tf-btn-icon,.sidebar-tools .item-link{color:var(--black-40)}.sidebar-tools .tf-btn-icon:hover,.sidebar-tools .tf-btn-icon.active,.sidebar-tools .item-link:hover,.sidebar-tools .item-link.active{color:var(--primary)}.sidebar-tools .tf-btn-icon.active,.sidebar-tools .item-link.active{transition-delay:.3s}.sidebar-tools .nav-item{display:flex}@media(min-width:1600px){.sidebar-tools{right:48px}}@media(max-width:1199px){.sidebar-tools .tool-tip{display:none!important}}@media(max-width:767.98px){.sidebar-tools.pst-v1{transform:unset;top:unset;bottom:16px}.sidebar-tools.pst-v1 .nav-list{display:none}}@media(min-width:768px)and (max-width:991.98px){.action-open-mobile{display:none!important}.main-content .wrap-container{padding-inline-end:56px}}@media(max-width:425px){.sidebar-tools{gap:6px}.sidebar-tools .nav-list{padding:4px}}.sidebar-user{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:flex;align-items:center}.sidebar-user::-webkit-scrollbar{width:2px}.sidebar-user::-webkit-scrollbar-thumb{background-color:var(--black-56)}.sidebar-user .wrap{background-color:var(--white);padding:6px;box-shadow:var(--shadow);border-radius:24px;position:relative;max-height:calc(100vh - 48px);display:flex}.sidebar-user .user-image{border-radius:18px;overflow:hidden;background:linear-gradient(0deg,#0000000a,#0000000a),#f5f5f5;background-blend-mode:plus-darker;width:100%;position:relative;z-index:0}.sidebar-user .user-image:after{position:absolute;inset:0;pointer-events:none;border:1px solid var(--black-6);z-index:0;border-radius:18px}.sidebar-user .user-image .image{position:relative;z-index:1}.sidebar-user .user-image .image img{width:100%;object-fit:cover}.sidebar-user .user-info{position:absolute;left:38px;right:38px;bottom:38px}.sidebar-user .user-logo{position:absolute;top:38px;left:38px}.sidebar-user .user-social{position:absolute;right:38px;top:38px}.sidebar-user .user-info .greeting{padding-bottom:20px}.sidebar-user .user-info .br-line{background-color:var(--white-8);margin-top:32px;margin-bottom:32px}.sidebar-user .user-info .avaiable-dot{position:relative;margin-bottom:32px;color:var(--white-72)}.sidebar-user .action-group{display:flex;align-items:center;gap:20px}.sidebar-user .user-image .image img{aspect-ratio:.546728972}.sidebar-user.active{transform:translateY(-20px);opacity:0;visibility:hidden}@media(min-width:992px){.sidebar-user{position:fixed;top:32px;left:16px;bottom:32px;width:100%;max-width:400px}}@media(min-width:1440px){.sidebar-user{max-width:480px}}@media(min-width:1600px){.sidebar-user{left:48px}}@media(min-width:992px)and (max-width:1439px){.sidebar-user .user-logo{top:20px;left:20px}.sidebar-user .user-social{right:20px;top:20px}.sidebar-user .user-info{bottom:20px;left:20px;right:20px}.sidebar-user .user-info .br-line{margin-top:20px;margin-bottom:20px}}@media(max-width:991px){.sidebar-user{margin:0 16px}.sidebar-user .wrap{max-height:calc(100vh - 116px);display:flex;width:100%}.sidebar-user .user-image:before{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.8) 60%,transparent 100%)}}@media(min-width:576px)and (max-width:991px){.sidebar-user .user-image .image{max-width:400px;margin:0 auto}}@media(max-width:991px){.sidebar-user{max-width:430px;padding:0 15px;margin:0 auto}.sidebar-user .user-logo{top:20px;left:20px}.sidebar-user .user-social{right:20px;top:20px}.sidebar-user .user-info{bottom:20px;left:20px;right:20px}.sidebar-user .user-info .avaiable-dot{margin-bottom:16px}.sidebar-user .user-info .br-line{margin-top:20px;margin-bottom:20px}.sidebar-user .action-group{flex-wrap:wrap;gap:12px}}@media(max-width:425px){.sidebar-user .user-image{display:flex}.sidebar-user .user-image .image img{aspect-ratio:.546728972}}.section-intro .intro-title{--title-accent: var(--primary);--title-gradient: linear-gradient(110deg, #b9ff66 0%, #00de51 52%, #38dfd4 100%)}.section-intro .intro-title{font-size:clamp(44px,6.25vw,88px);font-weight:800;line-height:1.08;letter-spacing:-.035em;margin-bottom:63px}.intro-title span{color:var(--title-accent)}@supports (background-clip: text) or (-webkit-background-clip: text){.dark-mode .intro-title span.active{background-image:var(--title-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}}.section-intro .box-counter{display:flex;align-items:center;gap:24px}#contact .intro-item{margin-block-start:48px}@media(max-width:575px){.section-intro .intro-title{margin-bottom:30px}}.sect-tag{letter-spacing:-.005em;height:28px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;background-color:var(--white);box-shadow:var(--shadow);padding-left:8px;padding-right:12px;text-transform:uppercase;margin-bottom:32px}.sect-tag .icon{color:var(--primary);font-size:16px}.section-education-experience .timeline{position:relative}.section-education-experience .timeline-line{position:absolute;top:0;bottom:0;left:126px;width:2px;background-color:var(--black-6)}.section-education-experience .timeline-line .prg-line{content:"";position:absolute;inset:0;background-color:var(--primary)}@media(max-width:575px){.section-education-experience .timeline-line{left:6px}}.section-service .br-line{background-color:var(--black-6)}.section-tech-stack .tech-list{display:grid;gap:32px}@media(max-width:767px){.section-tech-stack .tech-list{gap:24px}}.s-title{margin-bottom:64px}@media(max-width:767px){.s-title{margin-bottom:32px}}.section-about .s-title{margin-bottom:32px}.wg-counter .counter{margin-bottom:10px}.timeline-item{display:flex}.timeline-item:nth-child(2){padding-top:42px}.timeline-item:not(:last-child){padding-bottom:88px}.timeline-item .timeline-date{min-width:120px}.timeline-item .timeline-dot{width:14px;height:14px;border-radius:50%;background-color:var(--primary);box-shadow:var(--shadow);aspect-ratio:1;margin-right:48px;margin-top:9px}.timeline-item .icon{margin-bottom:24px}.timeline-item .timeline-role{margin-bottom:8px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.timeline-item.active .timeline-role{color:var(--black)!important}@media(max-width:575px){.timeline-item{gap:24px 12px;flex-wrap:wrap}.timeline-item:nth-child(2){padding-top:30px}.timeline-item:not(:last-child){padding-bottom:40px}.timeline-item .timeline-dot{order:1;margin-right:0}.timeline-item .timeline-date{order:2;min-width:unset;flex-shrink:0}.timeline-item .timeline-content{order:2;padding-left:22px}.timeline-item .icon{margin-bottom:20px}}.scribble-wrap{max-width:1000px;margin:0 auto}.avaiable-dot{display:inline-flex;align-items:center;gap:8px}.avaiable-dot .dot{width:8px;height:8px;background-color:var(--primary);border-radius:50%;position:relative}.avaiable-dot .dot:after{content:"";position:absolute;inset:0;border-radius:50%;background-color:var(--primary);animation:rippleFade 1.8s ease-out infinite}.ic-accordion-custom{position:relative;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:transform .35s linear}.ic-accordion-custom:after,.ic-accordion-custom:before{content:"";position:absolute;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background-color:var(--black)}.ic-accordion-custom:before{height:100%;width:2px}.ic-accordion-custom:after{height:2px;width:100%}.accordion-action{padding-top:32px;padding-bottom:0;margin-bottom:24px;transition:color .3s ease,background-color .3s ease}.accordion-action .ic-accordion-custom:before{transform:rotate(90deg)}.accordion-action .ic-accordion-custom:after{transform:rotate(180deg)}.accordion-action.collapsed{margin-bottom:0;padding-bottom:32px}.accordion-action.collapsed .ic-accordion-custom:before{transform:rotate(0)}.accordion-action.collapsed .ic-accordion-custom:after{transform:rotate(0)}@media(max-width:991px){.accordion-action{padding-top:20px}.accordion-action.collapsed{padding-bottom:20px}}.service-accordion_item .ic-accordion-custom{width:12px;height:12px}.service-accordion_item .ic-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--black-15)}.service-accordion_item .accordion-action{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.service-accordion_item .accordion-action:not(.collapsed){padding-bottom:32px}.service-accordion_item .tf-grid-layout{gap:12px;margin-bottom:32px}.service-accordion_item .service-image{padding:4px;border-radius:24px;background-color:var(--white);box-shadow:var(--shadow)}.service-accordion_item .service-image .wrap_image{border-radius:20px;overflow:hidden;border:1px solid var(--black-6)}.service-accordion_item .service-image img{width:100%;height:100%;object-fit:cover;min-height:200px}.service-accordion_item .accordion-content{margin-bottom:32px}.service-accordion_item .service-tag{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}.service-accordion_item .service-tag .tag-item{animation:none;transition:none;padding:6px 12px;background-color:var(--white);box-shadow:var(--shadow);border-radius:999px}.service-accordion_item:last-child .accordion-action.collapsed{padding-bottom:0}.service-accordion_item:last-child .accordion-content{margin-bottom:0}@media(min-width:1200px){.service-accordion_item .service-image:nth-child(2){transform:translate(calc(-100% + 76px));transition:transform .8s cubic-bezier(.22,1,.36,1)}.service-accordion_item .tf-grid-layout:hover .service-image:nth-child(2){transform:translate(0)}}.tf-footer .foot-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px}.tf-footer .f-logo{background-color:var(--white);width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);flex-shrink:0}@media(max-width:767px){.tf-footer .f-logo{width:40px;height:40px}.tf-footer .f-logo .logo{width:20px;padding-bottom:4px}}.body-background{position:fixed;inset:0;opacity:1;z-index:0;pointer-events:none}.body-background .bg-video{position:absolute;inset:0;display:none}.body-background .bg-item{position:absolute;inset:0;opacity:.72;display:none}.body-background .bg-item img{width:100%;height:100%;object-fit:cover}.body-background .video-dark{display:none}.dark-mode{--white-8: rgba(0, 0, 0, .08);--white-40: rgba(0, 0, 0, .4);--white-56: rgba(0, 0, 0, .56);--white-72: rgba(0, 0, 0, .72);--black-6: rgba(255, 255, 255, .06);--black-8: rgba(255, 255, 255, .08);--black-15: rgba(255, 255, 255, .15);--black-36: rgba(255, 255, 255, .36);--black-40: rgba(255, 255, 255, .4);--black-50: rgba(255, 255, 255, .5);--black-56: rgba(255, 255, 255, .56);--black-72: rgba(255, 255, 255, .72);--dark: #0F0F0F;color:var(--white);background:var(--dark)}.dark-mode .text-white{color:var(--black)!important}.dark-mode .text-black{color:var(--white)!important}.dark-mode .sect-tag{background:linear-gradient(180deg,#ffffff14,#ffffff0a)}.dark-mode .sidebar-tools .tf-btn-icon,.dark-mode .sidebar-tools .item-link{color:var(--black-36)}.dark-mode .sidebar-tools .tf-btn-icon:hover,.dark-mode .sidebar-tools .tf-btn-icon.active,.dark-mode .sidebar-tools .item-link:hover,.dark-mode .sidebar-tools .item-link.active{color:var(--primary)}.dark-mode .sidebar-tools .nav-top,.dark-mode .sidebar-tools .nav-bottom,.dark-mode .sidebar-tools .nav-list{background:linear-gradient(180deg,#ffffff14,#ffffff0a);box-shadow:0 .5px .5px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 5px 5px -2.5px #0000001f,0 .5px .5px #ffffff14 inset,0 1px 3px #ffffff08 inset,0 -4px 12px #ffffff0a inset;backdrop-filter:blur(12px)}.dark-mode .sidebar-tools .item-link .tool-tip{background:linear-gradient(180deg,#ffffff14,#ffffff0a);backdrop-filter:blur(12px);box-shadow:0 .5px .5px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 5px 5px -2.5px #0000001f,0 .5px .5px #ffffff14 inset,0 1px 3px #ffffff08 inset,0 -4px 12px #ffffff0a inset;color:var(--black-72)}.dark-mode .sidebar-tools .nav-list .br-line{background-color:var(--black-8)}.dark-mode .sidebar-user .user-image{background:var(--dark)}.dark-mode .sidebar-user .user-image img{filter:grayscale(100%)}.dark-mode .sidebar-user .wrap{background:linear-gradient(180deg,#ffffff14,#ffffff0a);backdrop-filter:blur(12px);box-shadow:0 .5px .5px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 5px 5px -2.5px #0000001f,0 .5px .5px #ffffff14 inset,0 1px 3px #ffffff08 inset,0 -4px 12px #ffffff0a inset}.dark-mode .sidebar-user .user-info .greeting{color:var(--black-72)!important}.dark-mode .sidebar-user .user-info .introduce{color:var(--black-56)!important}.dark-mode .sidebar-user .user-info .br-line{background-color:var(--black-8)}.dark-mode .tf-btn-action .text,.dark-mode .tf-btn-action .icon{color:var(--black)}.dark-mode .service-accordion_item .service-image{background:linear-gradient(180deg,#ffffff14,#ffffff0a);backdrop-filter:blur(12px);box-shadow:0 .5px .5px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 5px 5px -2.5px #0000001f,0 .5px .5px #ffffff14 inset,0 1px 3px #ffffff08 inset,0 -4px 12px #ffffff0a inset}.dark-mode .service-accordion_item .service-tag .tag-item{background:linear-gradient(180deg,#ffffff14,#ffffff0a);box-shadow:0 .5px .5px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 5px 5px -2.5px #0000001f,0 .5px .5px #ffffff14 inset,0 1px 3px #ffffff08 inset,0 -4px 12px #ffffff0a inset}.dark-mode .ic-accordion-custom:after,.dark-mode .ic-accordion-custom:before{background-color:var(--black-36)}.dark-mode .tf-footer .f-logo,.dark-mode .tf-social-icon-2 a{background:linear-gradient(180deg,#ffffff14,#ffffff0a);box-shadow:0 .5px .5px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 5px 5px -2.5px #0000001f,0 .5px .5px #ffffff14 inset,0 1px 3px #ffffff08 inset,0 -4px 12px #ffffff0a inset;backdrop-filter:blur(12px)}.dark-mode .timeline-item.active .timeline-role{color:var(--white)!important}.dark-mode .tf-btn-icon.style-2{box-shadow:var(--shadow-5);background:linear-gradient(180deg,#ffffff14,#ffffff0a);backdrop-filter:blur(12px)}.dark-mode .nav-mobile-item{background:linear-gradient(180deg,#ffffff14,#ffffff0a);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dark-mode .sidebar-user .user-info .avaiable-dot{color:var(--black-72)}.cursor-not-allowed,.cursor-not-allowed *{cursor:not-allowed!important}img,svg{vertical-align:middle}.row{display:flex;flex-wrap:wrap}.row>*{inline-size:100%;max-inline-size:100%;flex-shrink:0}.d-none{display:none!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.fw-medium{font-weight:500!important}.fw-normal{font-weight:400!important}.mb-0{margin-block-end:0!important}.text-end{text-align:end!important}.overflow-hidden{overflow:hidden!important}.ms-auto{margin-inline-start:auto!important}@media(min-width:576px){.d-sm-none{display:none!important}}@media(min-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.col-lg-7{flex:0 0 auto;inline-size:58.333333%}}@media(min-width:1200px){.col-xl-8{flex:0 0 auto;inline-size:66.666667%}}.collapse:not(.show){display:none}.accordion-action{cursor:pointer}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button.accordion-action{inline-size:100%;text-align:start}h2.sect-tag{font-family:Inter,sans-serif}.action-open-mobile .nav-mobile-list{transition-property:opacity,transform}.nav-mobile-item,.nav-mobile-item a{transition-property:color,background-color}.sidebar-user .user-image .image{inline-size:100%;aspect-ratio:702/1284}html body :is(a,button):focus-visible{outline:3px solid currentColor;outline-offset:4px}.sidebar-tools .item-link:focus-visible .tool-tip{opacity:1;visibility:visible}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:1000;padding:12px 16px;background:#fff;color:#000;transform:translateY(-150%)}.skip-link:focus{transform:none}html body #home .reveal{animation:none}.scribble-wrap{aspect-ratio:772/320;overflow:hidden}#contact .intro-item .scribble-image{display:block;width:100%;height:100%;object-fit:contain}.sidebar-user .user-image .image .user-avatar-default,.sidebar-user .user-image .image .user-avatar-hover{--avatar-fade-duration: .3s;display:block;transition:opacity var(--avatar-fade-duration) cubic-bezier(.45,0,.55,1)}.sidebar-user .user-image .image .user-avatar-hover{position:absolute;inset:0;height:100%;opacity:0}@media(hover:hover)and (pointer:fine){.sidebar-user .user-image:hover .user-avatar-default{opacity:0}.sidebar-user .user-image:hover .user-avatar-hover{opacity:1}}.dark-mode .sidebar-user .user-image .user-avatar-hover{filter:none}.animationtext.clip .cd-words-wrapper{flex:none;display:inline-block;block-size:calc(1em + 10px);inline-size:calc(5.03em + 10px);min-inline-size:2px;will-change:inline-size;animation:rotating-words-width 9s ease-in-out infinite}.animationtext.clip .cd-words-wrapper .item-text{position:absolute;inset-block-start:0;inset-inline-start:0;opacity:0;white-space:nowrap}.animationtext.clip .cd-words-wrapper .item-text:nth-child(1){animation:rotating-word-one 9s linear infinite}.animationtext.clip .cd-words-wrapper .item-text:nth-child(2){animation:rotating-word-two 9s linear infinite}.animationtext.clip .cd-words-wrapper .item-text:nth-child(3){animation:rotating-word-three 9s linear infinite}.sidebar-user .user-info .animationtext,.dark-mode .sidebar-user .user-info .animationtext{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.85),0 4px 12px rgba(0,0,0,.55)}@keyframes rotating-words-width{0%,20%{inline-size:calc(5.03em + 10px)}26.667%{inline-size:2px}33.333%,53.333%{inline-size:calc(3.8em + 10px)}60%{inline-size:2px}66.667%,86.667%{inline-size:calc(4.36em + 10px)}93.333%{inline-size:2px}to{inline-size:calc(5.03em + 10px)}}@keyframes rotating-word-one{0%,26.666%{opacity:1}26.667%,93.332%{opacity:0}93.333%,to{opacity:1}}@keyframes rotating-word-two{0%,26.666%{opacity:0}26.667%,59.999%{opacity:1}60%,to{opacity:0}}@keyframes rotating-word-three{0%,59.999%{opacity:0}60%,93.332%{opacity:1}93.333%,to{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sidebar-user .user-image .image .user-avatar-default,.sidebar-user .user-image .image .user-avatar-hover{transition-duration:var(--avatar-fade-duration)!important}.animationtext.clip .cd-words-wrapper,.animationtext.clip .cd-words-wrapper .item-text:nth-child(n){animation-duration:9s!important;animation-iteration-count:infinite!important}}html body .reveal{opacity:1;visibility:visible}html{scroll-padding-block-start:32px;scroll-behavior:smooth!important}@keyframes content-reveal{0%{opacity:0;translate:0 48px}to{opacity:1;translate:0 0}}@keyframes timeline-fill{0%{scale:1 0}to{scale:1 1}}@keyframes timeline-highlight{to{color:var(--timeline-active-color)}}.section-education-experience{--timeline-active-color: var(--black)}.dark-mode .section-education-experience{--timeline-active-color: var(--white)}@supports (animation-timeline: view()) and (animation-range: cover 15vh cover 45vh){html body .reveal{animation:content-reveal 1ms ease-out both;animation-timeline:view();animation-range:cover 15vh cover 45vh}.section-education-experience .timeline{view-timeline:--experience block;view-timeline-inset:30% 60%}.section-education-experience .prg-line{transform-origin:top;animation:timeline-fill 1ms linear both;animation-timeline:--experience;animation-range:cover 0% cover 100%}.section-education-experience .timeline-item{view-timeline:--experience-item block;view-timeline-inset:30% 70%}.section-education-experience .timeline-role{animation:timeline-highlight 1ms steps(1,start) forwards;animation-timeline:--experience-item;animation-range:cover 0% cover 100%}}.header-logo[data-astro-cid-ss7icuqw]{color:var(--primary)}.header-logo[data-astro-cid-ss7icuqw] svg{inline-size:120px;block-size:40px}.header-logo[data-astro-cid-ss7icuqw] path{fill:currentColor}.user-logo[data-astro-cid-bqgjawlv]{color:var(--primary)}.user-logo[data-astro-cid-bqgjawlv] svg{inline-size:120px;block-size:40px}.user-logo[data-astro-cid-bqgjawlv] path{fill:currentColor}.copyright[data-astro-cid-gcn2mc3v]{color:#222}.dark-mode .copyright[data-astro-cid-gcn2mc3v]{color:#fff}p[data-astro-cid-wm6ud4mt]+p[data-astro-cid-wm6ud4mt]{margin-block-start:1em}.timeline-brand[data-astro-cid-qse4ov4k]{color:var(--black-72)}.timeline-logo[data-astro-cid-qse4ov4k]{display:block;max-inline-size:100%;object-fit:contain;filter:brightness(0);opacity:.72}.timeline-cap[data-astro-cid-qse4ov4k]{display:block}.dark-mode .timeline-logo[data-astro-cid-qse4ov4k]{filter:brightness(0) invert(1)}.tech-group[data-astro-cid-rkwzklu6]+.tech-group[data-astro-cid-rkwzklu6]{border-block-start:1px solid var(--black-6);padding-block-start:32px}.tech-group-title[data-astro-cid-rkwzklu6]{margin-block-end:16px}.tech-group-description[data-astro-cid-rkwzklu6]{margin-block:-8px 20px}.tech-details[data-astro-cid-rkwzklu6]{display:grid;gap:16px;margin:0}.tech-detail[data-astro-cid-rkwzklu6]{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:8px 24px;overflow-wrap:anywhere}.tech-detail[data-astro-cid-rkwzklu6] dd[data-astro-cid-rkwzklu6]{margin:0}@media(max-width:575px){.tech-detail[data-astro-cid-rkwzklu6]{grid-template-columns:minmax(0,1fr);gap:4px}.tech-group[data-astro-cid-rkwzklu6]+.tech-group[data-astro-cid-rkwzklu6]{padding-block-start:24px}}