body{color:#4b5563;background-color:#f1eee9;font-family:Rubik,sans-serif}nav{justify-content:space-between;align-items:center;padding:0 20%;display:flex}.nav-links{border-radius:20px;align-items:center;gap:60px;padding:8px;display:flex}.nav-links a{color:#4b5563;padding:.4rem;font-size:1.5rem;text-decoration:none;transition:color .3s,transform .3s}.nav-links a:hover{background-color:#22c55e;border-radius:15px;transform:translateY(-2px)}.nav-links a.active{background-color:#22c55e;border-radius:15px}.logo-title{margin-top:10px}@media (min-width:319px) and (max-width:480px){nav{flex-direction:column}.nav-links{gap:5px;margin:10px 0}.logo-title{order:2}}@media (min-width:481px) and (max-width:1200px){nav{padding:0 5%}.nav-links{gap:12px;margin:20px}}@media (min-width:1201px) and (max-width:1600px){nav{padding:0 10%}.nav-links{gap:60px}}.logo-display{box-sizing:border-box;border:2px solid #22c55e;border-radius:1rem;justify-content:space-between;align-items:center;width:280px;height:100px;padding:1rem;display:flex}.logo-name{color:#22c55e;border-radius:12px;justify-content:flex-start;align-items:center;width:160px;height:120px;display:flex}.flashing-title{color:#4b5563;white-space:normal;justify-content:center;align-items:center;max-width:130px;animation:3s ease-in-out infinite fadeInOut;display:flex}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.hero{box-sizing:border-box;justify-content:space-between;align-items:center;padding:0 20%;display:flex}.hero-left{border-radius:16px;max-width:45%;padding-left:1%}.intro{margin-bottom:1rem;font-size:2.8rem;font-weight:700}.highlight{color:#22c55e}.description{color:#6d7074;margin-bottom:2rem;padding-left:2%;font-size:1.3rem;line-height:1.6}.buttons{align-items:center;gap:1rem;display:flex}.buttons a{text-decoration:none;transition:color .3s,transform .2s}.buttons a:hover{transform:translateY(-2px)}.download-btn{color:#4b5563;background-color:#22c55e;border:none;border-radius:8px;padding:.8rem 1.2rem;font-size:1.2rem;font-weight:700}.socials{color:#4b5563;margin-right:1rem;font-size:1.5rem;text-decoration:none}.socials:hover{color:#22c55e;transform:translateY(-2px)}.download-btn:hover{color:#f1eee9;cursor:pointer}.hero-right{padding-right:%;justify-content:center;align-items:center;display:flex}.avatar-border{justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.avatar{border-radius:50%;width:400px;height:400px;padding-top:35px}.label{justify-content:space-between;padding:2% 20%;display:flex}.label-detail{align-items:center;gap:12px;display:flex}.label-detail h2{margin:0;font-size:3rem;font-weight:700;line-height:1}.label-detail p{margin:0;font-size:1.2rem;line-height:1.2}.skills{padding:0 20%}@media (min-width:319px) and (max-width:480px){.hero{flex-direction:column;padding:5%}.hero-left{width:100%;max-width:none}.intro,.description,.buttons{margin-left:20px}.avatar{width:300px;height:300px}.label{flex-direction:column}.label-detail{margin-bottom:15px}.skills{padding:10%}}@media (min-width:481px) and (max-width:1200px){.hero{flex-direction:column;padding:5%}.hero-left{width:100%;max-width:none}.avatar{width:330px;height:350px}.label{padding:2% 7%}.skills{padding:0 10%}}@media (min-width:1201px) and (max-width:1600px){.hero{padding:5% 10%}.hero-left{width:100%;max-width:none}.avatar{width:350px;height:350px}.label{padding:0 10% 2%}.skills{padding:0 9%}}.skills-section{flex-direction:column;align-items:center;display:flex}.skills-category{width:100%;padding:0 2.5rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center;gap:1rem;display:grid}.skills-title{color:#22c55e;text-align:left;letter-spacing:.5px;margin-top:8px;margin-bottom:1.5rem;padding-left:10px;font-size:1.4rem;font-weight:600}.skills-title.soft{margin-top:1.5rem}.skill-item{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:0;font-size:60px;transition:all .3s;display:flex}.skill-item p{text-align:left;color:#333;margin-top:.1rem;font-size:17px;font-weight:500}.skill-item.soft p{margin-left:10%;font-size:21px}.skill-item:hover,.skill-item.soft p:hover{color:#22c55e;transform:translateY(-4px)}@media (min-width:319px) and (max-width:480px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}.skill-item{padding:.5rem;font-size:40px}.skill-item p{font-size:16px}}@media (min-width:481px) and (max-width:1200px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}}.about-me{border-radius:12px;padding:3% 4%;position:relative;box-shadow:0 2px 10px #0000000d}.about-me-title{text-align:center;margin-top:0;margin-bottom:35px}.about-me-item{margin-bottom:1.5rem;position:relative}.about-me-item:first-letter{color:#22c55e;float:left;margin-right:.4rem;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;line-height:1}.about-me-description{flex-direction:column;justify-content:flex-start;display:flex}.journey-subtitle.left{order:3}.journey-circle.left,.journey-icon.left{order:2}.journey-text.left{order:1}.timeline{flex-direction:column;max-width:2000px;margin:0 auto;display:flex;position:relative}.journey-item{align-items:center;gap:2.5rem;margin-top:-3rem;margin-bottom:5rem;display:flex;position:relative}.journey-item.right{justify-content:flex-end}.journey-item.left{justify-content:flex-start}.journey-icon{display:flex}.journey-subtitle{color:#1e293b;text-align:right;margin:auto;font-size:1.3rem;font-weight:600}.journey-subtitle.left{text-align:left}.journey-text{color:#475569;cursor:pointer;width:47%;font-size:.95rem;line-height:1.6}.journey-text.left{text-align:left}.journey-circle{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1rem;font-weight:700;display:flex;position:relative}.journey-circle.right{margin:auto 0 auto 2.5rem}.journey-circle.left{margin:auto 2.5rem auto 0}.circle-number{color:#1e293b;z-index:3}.journey-circle.right:after{content:"";border-bottom:4px dotted;width:90px;position:absolute;top:50%;transform:translateY(-50%)}.journey-circle.right:before{content:">";color:currentColor;font-size:1rem;position:absolute;top:50%;left:calc(50% + 40px);transform:translateY(-50%)}.journey-circle.left:after{content:"";border-bottom:4px dotted;width:90px;position:absolute;top:50%;transform:translateY(-50%)}.journey-circle.left:before{content:"<";color:currentColor;font-size:1rem;position:absolute;top:50%;right:calc(50% + 40px);transform:translateY(-50%)}.popup-overlay{z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:0 0;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:-3rem 0 0}.popup-content{background:#f9f8f6;border-radius:1rem;width:800px;padding:1.3rem 6rem 2.3rem;animation:.3s scaleIn;position:relative;box-shadow:0 10px 40px #0000004d}.popup-content h3{text-align:center;color:#16a34a;margin-bottom:1rem;font-size:1.8rem}.popup-content p{color:#475569;font-size:1.4rem;font-weight:450;line-height:2}.close-btn{color:#475569;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:.8rem;right:1rem}.close-btn:hover{color:#22c55e}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{opacity:0;pointer-events:none;will-change:opacity;position:absolute;top:0;left:0}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;z-index:-1;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;width:max-content;padding:8px 16px;font-size:90%}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.circle-container{background:conic-gradient(from 45deg,#d9e3db 0deg 90deg,#287041 90deg 180deg,#4ea770 180deg 270deg,#abd49d 270deg 360deg);border-radius:50%;justify-content:center;align-items:center;width:650px;height:650px;margin:0 auto;display:flex;position:relative}.center-photo{z-index:2;background-color:#f1eee9;border-radius:50%;width:230px;height:230px;position:relative}.truth-lie-item{flex-direction:column;justify-content:center;align-items:center;display:flex}.truth-text{cursor:pointer;text-align:center;color:#1e293b;font-size:1.3rem;line-height:1.4;transition:transform .3s;position:absolute}.truth-text.top{width:200px;top:8%;left:50%;transform:translate(-50%)}.truth-text.right{width:180px;top:50%;right:5%;transform:translateY(-50%)}.truth-text.bottom{color:#f1eee9;width:210px;font-size:1.2rem;bottom:1%;left:50%;transform:translate(-50%)}.truth-text.left{color:#f1eee9;width:180px;top:50%;left:5%;transform:translateY(-50%)}.popup-content.truth{padding:2.5rem 6rem 5.5rem}.popup-content.truth p{color:#333;font-size:1rem;line-height:1.5}.bio-video{border-radius:10px;width:100%;max-height:600px;margin-top:1rem}.bio-page{justify-content:space-between;align-items:flex-start;padding:60px 10% 0 20%;display:flex}.bio-sidebar{flex-direction:column;flex:.8;gap:20px;width:200px;margin-right:-7rem;padding-top:1.5rem;padding-left:2rem;display:flex}.bio-tab{color:#4b5563;text-align:left;cursor:pointer;background:0 0;border:none;font-size:1.2rem;transition:all .3s}.bio-tab:hover{color:#22c55e}.bio-tab.active{color:#22c55e;border-left:3px solid #22c55e;padding-left:10px;font-size:1.3rem;font-weight:600}.bio-content{opacity:0;flex:2;font-size:1rem;line-height:1.8;transition:opacity .5s,transform .5s;transform:translateY(-2px)}.bio-content.active{opacity:1;transform:translateY(0)}@media (min-width:319px) and (max-width:480px){.bio-page{flex-direction:column;align-items:center;padding:10% 5%}.bio-title{margin-top:15px;margin-bottom:15px}.bio-sidebar{justify-content:flex-start;padding-top:1.5rem;padding-left:0}}@media (min-width:481px) and (max-width:1200px){.bio-page{padding:5%}.biotitle{margin-top:15px;margin-bottom:15px}.bio-sidebar{padding-top:1.5rem;padding-left:0}}@media (min-width:1201px) and (max-width:1600px){.bio-page{padding:5% 9%}}.resume{justify-content:space-between;align-items:flex-start;padding:60px 20% 0;display:flex}.resume-sidebar{flex-direction:column;gap:20px;width:200px;padding-top:1.5rem;padding-left:2rem;display:flex}.resume-tab{color:#4b5563;text-align:left;cursor:pointer;background:0 0;border:none;font-size:1.2rem;transition:all .3s}.resume-tab:hover{color:#22c55e}.resume-tab.active{color:#22c55e;border-left:3px solid #22c55e;padding-left:10px;font-size:1.3rem;font-weight:600}.resume-content{opacity:0;flex:1;padding-left:60px;font-size:1rem;line-height:1.8;transition:opacity 50ms,transform 50ms;transform:translateY(-4px)}.resume-content.active{opacity:1;transform:translateY(0)}@media (min-width:319px) and (max-width:480px){.resume{flex-direction:column;align-items:center;padding:10% 5%}.resume-sidebar{flex-direction:row;justify-content:center;padding:1.5rem 0}.resume-tab.active{border-left:none}.resume-content{padding:0 1rem}}@media (min-width:481px) and (max-width:1200px){.resume{flex-direction:column;align-items:center;padding:5%}.resume-sidebar{flex-direction:row;justify-content:center;padding:1.5rem 0}.resume-tab.active{border-left:none;font-size:1.7rem}.resume-content{padding:0 1rem}.resume-tab{font-size:1.5rem}}@media (min-width:1201px) and (max-width:1600px){.resume{padding:5% 10%}.resume-content{padding:0 1rem}.resume-tab{font-size:1.5rem}}.experience{padding-left:2rem;position:relative}.experience-title{text-align:center;margin-top:0;margin-bottom:35px}.experience-item{padding-left:1.5rem;position:relative}.experience-item:before{content:"";background-color:#22c55e;border-radius:50%;width:12px;height:12px;position:absolute;top:10px;left:-8px}.experience-item:after{content:"";z-index:0;background-color:#d9d9d9;width:2px;height:calc(100% - 10px);position:absolute;top:35px;left:-3px}.experience-item:last-child:after{display:none}.experience-line-one,.experience-line-two{justify-content:space-between;font-size:1.2rem;font-weight:700;display:flex}.experience-line-two{color:#22c55e}@media (min-width:319px) and (max-width:480px){.experience-line-one,.experience-line-two{font-size:1rem;font-weight:400}.experience-title{margin-top:15px;margin-bottom:15px}}@media (min-width:481px) and (max-width:1200px){.experience-title{margin-top:15px;margin-bottom:15px}}.education-title{text-align:center;margin-top:0;margin-bottom:35px}.education-item{justify-content:space-between;margin-bottom:35px;display:flex}.education-item img{border-radius:20%;width:70px;margin-right:20px}.education-detail{justify-content:flex-start;display:flex}.education-col-one,.education-col-two{font-size:1.2rem}.education-major,.education-time{font-weight:500}.education-col-two{flex-direction:column;align-items:end;display:flex}@media (min-width:319px) and (max-width:480px){.education-title{margin-top:15px;margin-bottom:15px}.education-item img{display:none}.education-col-one,.education-col-two{font-size:1rem}.education-location{text-align:end}}@media (min-width:481px) and (max-width:1200px){.education-title{margin-top:15px;margin-bottom:15px}}.project-container{color:#4b5563;justify-content:space-between;padding:40px 20% 0;display:flex}.project-detail{flex-direction:column;justify-content:center;gap:1.2rem;max-width:46%;display:flex}.type{color:#6b7280;margin-left:1rem;font-weight:500}.project-detail h1{letter-spacing:-.5px;margin-bottom:.5rem;font-size:3.4rem;font-weight:800}.project-detail h2{color:#22c55e;margin-bottom:.8rem;font-size:1.6rem;font-weight:700;line-height:1.4}.project-detail h3{margin-bottom:.5rem;font-size:1.4rem;font-weight:600}.project-detail h3:last-of-type{margin-top:.5rem;font-weight:600}.project-links{margin-top:.8rem;display:flex}.project-links a{color:#4b5563;margin-right:2rem;font-size:3rem;transition:color .3s,transform .2s}.project-links a:hover{color:#22c55e;transform:translateY(-2px)}.project-item{margin-bottom:10px;font-size:1.25rem;line-height:1.8}.project-display{flex-direction:column;width:50%;margin-top:5.5rem;display:flex}.project-video{object-fit:cover;border-radius:12px;width:100%;height:350px}.project-actions{flex-direction:column;align-items:end;display:flex}.project-actions p{color:#0bb74a;margin-top:0;padding-right:12rem;font-family:Bitcount Grid Single,sans-serif;font-size:1.5rem;font-weight:400}.green-arrow{width:170px;margin-top:0;margin-right:12rem}.pagination-dots{justify-content:end;align-items:center;gap:2px;margin-top:1rem;margin-bottom:1rem;display:flex}.leaf-icon,.leaf-logo{cursor:pointer;opacity:.7;width:60px;height:60px;transition:transform .3s,opacity .3s;transform:rotate(-40deg)}.leaf-icon:hover{opacity:.9;transform:scale(1.2)rotate(-8deg)}.leaf-icon.active{opacity:1;transform:scale(1.2)rotate(-8deg)}.project-detail,.project-video,.project-actions{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(-8px)}.project-detail.active,.project-video.active,.project-actions.active{opacity:1;transform:translateY(0)}@media (min-width:319px) and (max-width:480px){.project-container{flex-direction:column;padding:40px 5%}.project-detail{max-width:100%}.project-title{font-size:1.5rem;display:flex}.project-detail h1{margin-right:2rem;font-size:2.5rem}.project-display{width:100%;margin-top:1rem}.pagination-dots{justify-content:center;margin-top:1rem}}@media (min-width:481px) and (max-width:1200px){.project-container{flex-direction:column;padding:40px 5%}.project-detail{max-width:100%}.project-title{justify-content:center;font-size:1.5rem;display:flex}.project-detail h1{margin-right:2rem;font-size:2.5rem}.project-display{width:80%;margin-top:1rem;margin-left:4rem}}@media (min-width:1201px) and (max-width:1600px){.project-container{padding:5% 10% 0}}.contact{padding:60px 20%}.contact-bio h2{font-weight:400}.buttons.contact-page{justify-content:flex-end;margin-top:2rem}@media (min-width:319px) and (max-width:480px){.contact{padding:10% 5%}.contact-details{flex-direction:column;align-items:center}.contact-resumes{flex-direction:column}}@media (min-width:481px) and (max-width:1200px){.contact{padding:5%}.contact-resumes{flex-direction:column}}@media (min-width:1201px) and (max-width:1600px){.contact{padding:5% 10%}}