@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--color-background: #1c1b21;--color-text: #ffffff;--color-accent: #01fe9c;--color-muted: #ffffff85;--font-family: "Poppins", sans-serif;--font-size-base: 1rem;--font-size-small: .8rem;--font-size-large: 2rem}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family);color:var(--color-text)}body{background:var(--color-background)}main{scroll-snap-type:y mandatory;overflow-y:scroll;scrollbar-width:none;height:100svh;overflow-x:hidden}section{height:100svh;max-width:1440px;padding:30px;justify-self:center;gap:50px;scroll-snap-align:start}a{text-decoration:none;color:var(--color-accent)}h1{font-size:var(--font-size-large);font-weight:500}button{cursor:pointer}.text-center{text-align:center}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.gap-1{gap:1rem}.gap-2{gap:2rem}footer{display:flex;justify-content:center}@media (max-width: 768px){section{padding:20px;min-height:100svh;height:unset}h1{font-size:1.5rem}}@media (max-width: 500px){section{padding:50px 20px 0;gap:20px;scroll-snap-align:none}h1{font-size:1.2rem}}.header{position:fixed;display:flex;justify-content:space-between;align-items:center;width:100%;z-index:100;max-width:1080px;justify-self:anchor-center;padding:20px}.header .dot{color:#01fe9c}.logo{font-size:1.5rem;font-weight:700;color:#fff}.navbar ul{list-style:none;display:flex;gap:1rem;align-items:center}.navbar ul li{cursor:pointer}.navbar ul li a{position:relative;color:#fff}.navbar ul li a:hover,.navbar ul li a.active{color:#01fe9c}.navbar ul li a:before{content:"";position:absolute;top:100%;left:0;width:0;height:2px;background:#01fe9c;transition:.3s ease-in-out}.navbar ul li a:hover:before{width:100%}.navbar ul li button{background-color:transparent;border:solid 1px #01fe9c;padding:8px 20px;border-radius:30px;color:#01fe9c}.navbar ul li button:hover{background-color:#01fe9c;color:#000}@media (max-width: 768px){.menu{z-index:1;width:30px;height:30px;text-align:center}.header{align-items:unset;padding:10px}.logo{font-size:1.2rem}.navbar{display:none}.navbar.active{position:absolute;width:calc(100% - 20px);display:flex;align-items:center;border-radius:10px;flex-direction:column;gap:1rem}.navbar ul{display:flex;flex-direction:column;position:absolute;width:100%;background-color:#1c1b21;padding:20px;border:solid 1px #01fe9c;border-radius:10px;gap:.5rem;top:0}.navbar ul li a{font-size:1rem}}@media (max-width: 500px){.navbar ul li a{font-size:.8rem}.navbar ul li button{padding:5px 15px;font-size:.8rem}}.home{display:flex;align-items:center;justify-content:center}.home-container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;gap:50px}.home-center{display:flex;flex-direction:row;justify-content:center;align-items:center}.text-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;flex:1}.greetings{font-size:3rem;font-weight:700}.home-name{font-size:3rem;font-weight:700;color:#01fe9c}.into{font-size:1rem;font-weight:700}.home-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.home-button{background-color:transparent;border:solid 2px #01fe9c;color:#01fe9c;padding:8px 20px;border-radius:30px}.home-button:hover{background-color:#01fe9c;color:#1c1b21}.links{display:flex;gap:20px;flex-direction:row;flex-wrap:wrap;min-width:320px}.links a{text-decoration:none}.links a i{color:#000;height:50px;width:50px;font-size:25px;background:transparent;border:solid 2px #01fe9c;border-radius:50px;display:flex;justify-content:center;align-items:center;filter:brightness(0) saturate(100%) invert(80%) sepia(38%) saturate(5343%) hue-rotate(102deg) brightness(116%) contrast(99%)}.links a i:hover{background:#01fe9c;color:#1c1b21;filter:unset}.fa-note-sticky:before{content:"";background-image:url(https://upload.wikimedia.org/wikipedia/commons/c/c1/XiaohongshuLOGO.png);height:30px;width:30px;background-size:contain}.fa-note-sticky{filter:unset!important}.photo-container{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;mix-blend-mode:lighten}.photo{width:350px;height:350px;border-radius:50%;background-size:cover;border:solid 1px #01fe9c;overflow:hidden}.photo img{width:100%;height:100%}.home-counter{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.counter{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.counter-container{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;width:100%}.item-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.item-number{font-size:3rem;font-weight:700;color:#01fe9c}.item-text{font-size:1.2rem;font-weight:700}.link{position:relative}.custom-tooltip{visibility:hidden;opacity:0;position:absolute;left:50%;bottom:120%;transform:translate(-50%);background:#222;color:#fff;padding:4px 10px;border-radius:4px;white-space:nowrap;font-size:.85em;pointer-events:none;transition:opacity .05s;z-index:10}.link:hover .custom-tooltip,.link:focus .custom-tooltip{visibility:visible;opacity:1;transition-delay:0s}@media (max-width: 768px){.home-center{flex-direction:column-reverse}.home-container{flex-direction:column;gap:20px}.text-container{align-items:center;text-align:center}.photo{width:200px;height:200px}.home-buttons{flex-direction:column;gap:10px}}@media (max-width: 500px){.home-name{font-size:1.8rem}.greetings{font-size:1.5rem}.home-buttons{flex-direction:column;gap:10px}}.services{display:flex;align-items:center;justify-content:center}.services-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.services-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1rem;background-color:transparent;transition:transform .3s ease,box-shadow .3s ease;border-bottom:solid 1px var(--color-muted);position:relative;gap:20px}.services-card:hover{transform:translateY(-10px);box-shadow:0 4px 10px #0003}.services-card-index h2,.services-card-header h2,.services-card-icon i{transition:color .3s ease}.services-card:hover .services-card-index h2,.services-card:hover .services-card-header h2,.services-card:hover .services-card-icon i{color:var(--color-accent)}.services-card-index h2{font-size:3rem}.services-card-header h2{font-size:1.5rem}.services-card-body{text-align:flex-start}.services-card-body p{font-size:var(--font-size-small);color:var(--color-muted)}.services-card-top{display:flex;justify-content:space-between;width:100%;align-items:center}.services-card-icon{font-size:3rem;color:#fff}@media (max-width: 500px){.services-container{display:flex;flex-direction:column;gap:1rem}}.resume{display:flex;align-items:center;justify-content:center}.resume-container{display:flex;flex-direction:row;gap:50px;align-items:center;flex-wrap:nowrap;overflow:hidden}.resume-left{flex:1;max-height:600px;height:100%;display:flex;flex-direction:column;gap:20px}.resume-left-description p{font-size:.8rem;color:#ffffff85}.resume-left-options{display:flex;flex-direction:column;gap:20px}.resume-left-option{border:none;padding:10px;border-radius:10px;cursor:pointer;background-color:#28272b;transition:all .3s ease;color:#fff;font-size:.8rem}.resume-left-option:hover,.resume-left-option.active{background-color:#01fe9c;color:#1c1b21}.resume-right{flex:3;max-height:600px;height:100%;display:flex;flex-direction:column;gap:20px}.resume-right-description p{font-size:.8rem;color:#ffffff85}.resume-right-options{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;overflow:auto;scrollbar-width:thin;scrollbar-color:#01fe9c #28272b}.resume-right-experience{border:none;padding:10px;border-radius:10px;cursor:pointer;background-color:#28272b;color:#fff;font-size:.8rem;min-height:150px;width:calc(50% - 20px);min-width:320px;display:flex;flex-direction:column;gap:10px}.resume-right-skill{display:flex;justify-content:center;align-items:center;width:150px;height:150px;background-color:#28272b;flex-direction:column}.resume-right-about{border:none;display:grid;grid-template-columns:1fr 1fr;gap:20px}.resume-right-about p{font-size:.8rem;color:#ffffff85}.resume-right-about .resume-list{display:flex;flex-direction:column;gap:5px}.resume-right-about .resume-label{font-size:.8rem;color:#01fe9c}.resume-right-about .resume-value{font-size:.8rem;color:#fff}.resume-year{font-size:.8rem;color:#01fe9c}.resume-name{font-size:1.2rem;font-weight:700}.resume-position{font-size:.8rem;font-weight:500}.resume-about{color:#ffffff85;font-size:.8rem;grid-column:1 / span 2;display:flex;flex-direction:column;gap:5px}.resume-description{color:#ffffff85;font-size:.8rem;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:flex-start}.resume-description span,.resume-description p{color:#ffffff85}.resume-skill-icon{font-size:3rem;color:#fff}.resume-skill-icon img{height:42px}.resume-skill-name{font-size:.8rem;color:#ffffff85}@media (max-width: 768px){.resume{align-items:unset}.resume-container{flex-direction:column;gap:20px}.resume-left,.resume-right{max-height:unset}}@media (max-width: 500px){.resume-left-description p,.resume-right-description p{font-size:.7rem}.resume-left-option,.resume-right-experience{font-size:.7rem;padding:8px}.resume-right-options{justify-content:center}}@media (max-width: 700px){.resume-right-experience{width:calc(100% - 20px)}}.work{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem}.work-container{display:flex;gap:2rem}.work-left{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1rem}.work-left-number{font-size:3rem;font-weight:700;color:#fff}.work-left-title{font-size:2rem;font-weight:700;min-height:100px}.work-left-description{color:#ffffffb3;line-height:1.6;min-height:160px}.work-left-skills{display:flex;align-items:center;gap:.5rem;flex-direction:row;flex-wrap:nowrap;min-height:50px}.work-left-skill{color:#4ade80;font-weight:700}.divider{width:100%;height:2px;background-color:#ffffff85}.work-left-buttons{display:flex;gap:1rem;margin-top:1rem}.work-left-buttons button{background:none;border:1px solid #4ade80;padding:.6rem 1.2rem;color:#4ade80;font-weight:700;cursor:pointer;transition:.3s}.work-left-buttons button:hover{background:#4ade80;color:#0f0f0f}.work-right{flex:1.2;display:flex;justify-content:center;align-items:center;position:relative;flex-direction:column}.work-right-carousel-images{position:relative;overflow:hidden;width:100%;max-width:500px;border-radius:10px;display:flex;align-items:center;justify-content:center;height:350px}.work-right-carousel-inner{display:flex;transition:transform .5s ease-in-out;width:100%;height:100%}.work-right-carousel-item{min-width:100%;transition:opacity .5s ease-in-out;height:100%;display:flex;align-items:center;justify-content:center}.work-right-carousel-item img{width:100%;max-height:100%;object-fit:contain;border-radius:10px;display:block;overflow:auto}.work-right-carousel-item{overflow-y:auto;height:100%}.work-right-carousel-item video{width:100%;max-height:100%;border-radius:10px;display:block;object-fit:contain}.work-image-carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#0f0f0fb3;border:1px solid #4ade80;color:#4ade80;width:36px;height:36px;border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.work-image-carousel-button:hover{background:#4ade80;color:#0f0f0f}.work-image-carousel-button-prev{left:10px}.work-image-carousel-button-next{right:10px}.work-projects-nav{display:flex;justify-content:space-between;align-items:center;width:100%}.work-projects-nav-btn{background:none;border:1px solid #4ade80;padding:.6rem 1.2rem;color:#4ade80;font-weight:700;cursor:pointer;transition:.3s;border-radius:6px}.work-projects-nav-btn:hover{background:#4ade80;color:#0f0f0f}.work-carousel-dots{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:8px;z-index:3;pointer-events:none;height:10%;align-items:center;background:linear-gradient(0deg,#00000096,#0000 100%,#0000)}.work-carousel-dot{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;outline:none;pointer-events:auto;transition:background .2s;padding:0}.work-carousel-dot.active{background:#4ade80}.work-modal-overlay{position:fixed;z-index:9999;left:0;top:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center}.work-modal-content{position:relative;background:transparent;border-radius:12px;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;padding:0}.work-modal-content img,.work-modal-content video{max-width:90vw;max-height:90vh;border-radius:12px;background:#222}.work-modal-close{position:absolute;top:-32px;right:0;background:none;border:none;color:#fff;font-size:2.2rem;cursor:pointer;z-index:2;padding:0 8px;line-height:1}.work-carousel-media-desc{margin-top:18px;color:#b3b3b3;font-size:1rem;text-align:center;min-height:1.5em;word-break:break-all}.work-modal-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0f0f0fb3;border:1px solid #4ade80;color:#4ade80;width:44px;height:44px;border-radius:50%;z-index:10;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;font-size:1.5rem;padding:0;margin-inline:20px}.work-modal-arrow:hover{background:#4ade80;color:#0f0f0f}.work-modal-arrow-left{left:0}.work-modal-arrow-right{right:0}@media (max-width: 768px){.work-container{flex-direction:column-reverse;gap:1rem}.work-left,.work-right{flex:unset}.work-projects-nav{margin-top:1rem}}@media (max-width: 500px){.work-left-title{font-size:1.5rem}.work-left-description{font-size:.9rem;min-height:70px}.work-right-carousel-button{width:30px;height:30px;padding:.5rem}}.contact{display:flex;align-items:center;justify-content:center;flex-direction:column}.contact-container{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.contact-left{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.2rem;background-color:#28272b;border-radius:10px}.contact-left-wrapper{padding:1rem;display:flex;flex-direction:column;gap:1.2rem}.contact-left-number{font-size:3rem;font-weight:700}.contact-left-title{font-size:2rem;font-weight:700}.contact-left-description{font-size:1rem;color:#919191}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.contact-form-name{display:flex;flex-direction:row;gap:1.2rem}.contact-form input,.contact-form textarea,.contact-form select{flex:1;padding:.5rem;border-radius:5px;border:none;background-color:#1c1b22;color:var(--color-text)}.contact-form-email-phone,.contact-form-services,.contact-form-message{display:flex;flex-direction:row;gap:1.2rem}.contact-form-button button{padding:.5rem 1rem;border-radius:5px;border:solid 1px var(--color-accent);background-color:transparent;color:var(--color-accent);cursor:pointer;transition:background-color .3s ease,color .3s ease}.contact-form-button button:hover{background-color:var(--color-accent);color:#000}.contact-right{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.2rem}.contact-right-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px}.contact-right-icon{font-size:1.5rem;background-color:#3a3a3c;height:50px;width:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.contact-right-icon:hover{background-color:var(--color-accent)}.contact-right-icon i{color:var(--color-accent)}.contact-right-text{display:flex;flex-direction:column;align-items:flex-start}@media (max-width: 768px){.contact-container{flex-direction:column;gap:1rem;width:100%}.contact-left,.contact-right{flex:unset;width:100%}}@media (max-width: 500px){.contact-left-title{font-size:1.5rem}.contact-left-description{font-size:.9rem}.contact-form input,.contact-form textarea{font-size:.8rem}.contact-form-button button{font-size:.8rem;padding:.4rem .8rem}.contact-form-name,.contact-form-email-phone{flex-direction:column}.contact-right-icon{min-width:50px}}.footer-container{display:flex;justify-content:center;align-items:center;height:50px}.footer-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1080px;padding:0 20px}.footer-text{font-size:.8rem;color:#6c757d}