@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Poppins:wght@300;500;600;700;800&family=Rubik:ital,wght@0,300;1,500&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";.app__navbar{-webkit-backdrop-filter:blur(12px);z-index:20;background:#ffffffd1;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;width:100%;padding:.9rem 2rem;display:flex;position:fixed}.app__navbar-logo{justify-content:flex-start;align-items:center;display:flex}.app__navbar-logo img{width:40px;height:40px;margin-left:15px}@media screen and (width>=1800px){.app__navbar-logo img{width:180px;height:40px}}.app__navbar-logo p{font-size:20px;font-weight:700}.app__navbar-links{flex:1;justify-content:center;align-items:center;display:flex}.app__navbar-links li{cursor:pointer;flex-direction:column;margin:0 1rem}.app__navbar-links li div{background:0 0;border-radius:50%;width:5px;height:5px;margin-bottom:5px}.app__navbar-links li a{color:var(--gray-color);flex-direction:column;font-weight:700;text-decoration:none;transition:all .3s ease-in-out}.app__navbar-links li a:hover{color:var(--secondary-color)}.app__navbar-links li:hover div{background:var(--secondary-color)}@media screen and (width<=850px){.app__navbar-links{display:none}}.app__navbar-menu{background-color:var(--secondary-color);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:relative}.app__navbar-menu svg{width:70%;height:70%;color:var(--white-color);cursor:pointer}.app__navbar-menu div{z-index:5;background:url(/assets/bgWhite-D_34Umbb.png);background-color:var(--white-color);background-repeat:repeat;background-size:cover;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:80%;height:100vh;padding:1rem;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:1px 30px 190px #3b38388c}.app__navbar-menu div svg{width:35px;height:35px;color:var(--secondary-color);margin:.5rem 1rem}.app__navbar-menu div ul{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;margin:0;padding:0;display:flex}.app__navbar-menu div ul li{margin:1rem}.app__navbar-menu div ul li a{color:var(--gray-color);font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s ease-in-out}.app__navbar-menu div ul li a:hover{color:var(--secondary-color)}@media screen and (width>=900px){.app__navbar-menu div,.app__navbar-menu{display:none}}.app__about{flex-direction:column;flex:1;width:100%}.app__profiles{gap:2.75rem;width:min(100%,980px);margin-top:3.25rem;display:grid}.app__profile-item{background:var(--primary-color);border:1px solid #00000014;border-radius:8px;grid-template-columns:140px minmax(0,1fr);grid-template-areas:"image title""image description";align-items:start;gap:.65rem 1.5rem;width:100%;padding:1rem;display:grid;box-shadow:0 10px 28px #0000000a}.app__profile-item .bold-text{grid-area:title;font-size:1.05rem;position:static;margin:0!important}.app__profile-item img{object-fit:cover;border-radius:6px;grid-area:image;width:140px;height:140px}.app__profile-item .app__profile-image-fallback{background:var(--secondary-color);width:140px;height:140px;color:var(--white-color);border-radius:6px;grid-area:image;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;display:flex}.app__profile-item .p-text{color:#000000d4;grid-area:description;overflow:visible;margin:0!important}@media screen and (width>=1800px){.app__profile-item img{height:180px}}@media screen and (width<=620px){.app__profile-item{grid-template-columns:1fr;grid-template-areas:"image""title""description";gap:.85rem}.app__profile-item img,.app__profile-item .app__profile-image-fallback{width:100%;height:180px}.app__profile-item .p-text{padding:0}}.app__footer{flex-direction:column;flex:1;width:100%}@media screen and (width<=768px){.app__footer{flex-direction:column}}.head-text{letter-spacing:0;opacity:.85}.app__footer-cards{flex-wrap:wrap;justify-content:space-evenly;align-items:center;width:min(100%,760px);margin:4em 2rem 2rem;display:flex}.app__footer-cards .app__footer-card{cursor:pointer;background-color:#fef4f5;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;min-width:290px;margin:1rem 0;padding:1rem;transition:all .3s ease-in-out;display:flex}.app__footer-cards .app__footer-card img{width:40px;height:40px;margin:0 .7rem}.app__footer-cards .app__footer-card p{font-weight:600}.app__footer-cards .app__footer-card a{font-weight:600;text-decoration:none}.app__footer-cards .app__footer-card:hover{box-shadow:0 0 25px #d3d3d3}@media screen and (width<=1020px){.app__footer-cards .app__footer-card{width:100%;margin:.5rem 0;padding:.6rem}}@media screen and (width<=768px){.app__footer-cards{width:100%}}.app__footer-cards .app__footer-card:last-child{background-color:#f2f7fb}.app__footer-cards .app__footer-card:last-child:hover{box-shadow:0 0 25px #f2f7fb}.app__footer-form{flex-direction:column;width:min(100%,680px);margin:1rem 2rem}.app__footer-form div{cursor:pointer;background-color:var(--primary-color);border-radius:10px;width:100%;margin:.75rem 0;transition:all .3s ease-in-out}@media screen and (width<=768px){.app__footer-form div{width:100%;margin:1rem 0}}.app__footer-form div input,.app__footer-form div textarea{background-color:var(--primary-color);width:100%;font-family:var(--font-base);color:var(--brown-color);border:none;border-radius:7px;outline:none;padding:.95rem}.app__footer-form div textarea{height:175px}.app__footer-form div:hover{box-shadow:0 0 30px var(--primary-color)}.app__footer-form button{background-color:var(--secondary-color);color:var(--white-color);font-weight:600;font-family:var(--font-base);cursor:pointer;border:none;border-radius:10px;outline:none;margin:2rem 0 0;padding:1rem 2rem;transition:all cubic-bezier(.55,.085,.68,.53)}.app__footer-form button:hover{background-color:#2430af}.app__footer-form button:disabled{cursor:not-allowed;opacity:.7}@media screen and (width<=480px){.app__footer-form{width:90%;margin:0}}.app__footer-honeypot{display:none}.app__footer-error{color:#b42318;text-align:center;width:100%;font-weight:600}*{text-decoration:none;list-style:none}.container{color:#30333a;background:url(/assets/bgIMG-BZ6IIfbK.png) 50%/cover;width:100%;max-width:1120px;margin:0 auto;padding:2rem 0 0;font-size:15px;font-weight:400;line-height:1.7;position:relative}.container .row{grid-template-columns:minmax(230px,300px) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4rem);padding-top:25px;display:grid}.container .row .left{min-width:0;margin-top:4rem;padding:15px}.container .row .left .info li{grid-template-columns:max-content minmax(0,1fr);gap:.5rem;padding:.65rem 0;display:grid}.container .row .left .info li .first-block{color:#000;opacity:.85;padding:0;font-weight:700;display:inline-block}.container .row .left .info li .second-block{letter-spacing:0;color:#0009;overflow-wrap:anywhere}@media screen and (width<=450px){.container .row .left .info li{padding:4px}}@media screen and (width<=780px){.container .row .left{width:100%;padding:0}}.container .row .right{width:100%;min-width:0}.container .row .right h2{text-align:left;letter-spacing:0;color:#000;margin-bottom:20px;font-size:clamp(2.75rem,5vw,4rem);font-weight:800;line-height:1.1}.container .row .right p{overflow-wrap:anywhere;color:#3f4753;max-width:720px;margin-bottom:20px;font-size:.95rem}.container .row .right .icons{flex-wrap:wrap;gap:10px;padding-top:20px;display:flex}.container .row .right .icons li a{color:#fff;background:var(--secondary-color);border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:1.2rem;transition:all .4s;display:inline-flex}.container .row .right .icons li a:hover{color:#fff;background:#000000b3}@media screen and (width<=880px){.container .row .right{width:100%}.container .row .right h2{margin-top:2rem;font-size:2.4rem}.container .row{grid-template-columns:1fr;gap:1rem}.container .row .left{margin-top:1rem}}@media screen and (width<=780px){.container{width:100%;font-size:14px}.container h2{margin-bottom:-15px}}@media screen and (width<=520px){.container .row .left .info li{grid-template-columns:1fr;gap:.15rem}}.app__skills{flex-direction:column;flex:1;width:100%}.app__skills-container{grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);align-items:start;gap:clamp(2rem,5vw,4rem);width:min(100%,1120px);margin-top:3rem;display:grid}@media screen and (width<=900px){.app__skills-container{grid-template-columns:1fr}}.app__skills-list{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));align-items:start;gap:1.5rem 1.25rem;display:grid}@media screen and (width<=900px){.app__skills-list{grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}}.app__skills-item{text-align:center;flex-direction:column;margin:0;transition:all .3s ease-in-out}.app__skills-item div{background-color:#fef4f5;border-radius:50%;width:90px;height:90px}.app__skills-item div img{width:60%;height:60%}.app__skills-item div .app__skills-icon-fallback{color:var(--secondary-color);font-size:1.1rem;font-weight:800}.app__skills-item div:hover{box-shadow:0 0 25px #fef4f5}@media screen and (width>=2000px){.app__skills-item div{width:150px;height:150px}}@media screen and (width<=450px){.app__skills-item div{width:70px;height:70px}}.app__skills-item p{margin-top:.5rem;font-weight:600}@media screen and (width>=1800px){.app__skills-item{margin:1rem 2rem}.app__skills-item p{margin-top:1.2rem}}.app__skills-exp{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}@media screen and (width<=900px){.app__skills-exp{margin-top:2rem}}.app__skills-exp-item{grid-template-columns:130px minmax(0,1fr);align-items:start;gap:2rem;width:100%;margin:0 0 2.25rem;display:grid}@media screen and (width<=560px){.app__skills-exp-item{grid-template-columns:1fr;gap:.75rem}}.app__skills-exp-works{width:100%;min-width:0}.app__skills-exp-works .app__skills-exp-work{cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;margin-bottom:1rem;display:flex}.app__skills-exp-works .app__skills-exp-work h4{width:100%;font-weight:500}.app__skills-exp-works .app__skills-exp-work p{color:var(--gray-color);overflow-wrap:anywhere;width:100%;margin-top:5px;font-weight:400}.app__skills-exp-year{margin-right:0}.app__skills-exp-year p{color:var(--secondary-color);white-space:normal;font-weight:800}@media screen and (width<=450px){.app__skills-exp-year{margin-right:1rem}}.skills-tooltip{background-color:var(--white-color)!important;max-width:300px!important;color:var(--gray-color)!important;text-align:center!important;opacity:1!important;border-radius:5px!important;padding:1rem!important;line-height:1.5!important;box-shadow:0 0 25px #0000001a!important}@media screen and (width>=2000px){.skills-tooltip{max-width:500px!important;font-size:1.75rem!important;line-height:2!important}}.app__testimonial{flex-direction:column;flex:1;width:100%}.app__testimonial-item{background-color:var(--white-color);border-radius:20px;flex-direction:row;width:60%;min-height:320px;padding:2rem;transition:all .3s ease-in-out;display:flex;box-shadow:0 0 30px #0000001a}.app__testimonial-item img{object-fit:cover;border-radius:50%;width:100px;height:100px}@media screen and (width>=1800px){.app__testimonial-item{min-height:450px}.app__testimonial-item img{width:150px;height:150px}}@media screen and (width<=1080px){.app__testimonial-item{width:100%}}@media screen and (width<=580px){.app__testimonial-item{flex-direction:column}.app__testimonial-item img{width:40px;height:40px}}.app__testimonial-content{text-align:left;flex-direction:column;flex:1;justify-content:space-around;align-items:flex-start;height:100%;padding:0 2rem;display:flex}.app__testimonial-content p{color:var(--black-color);font-size:1.25rem;line-height:2rem;font-family:var(--font-base);-webkit-line-clamp:7;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media screen and (width>=2000px){.app__testimonial-content p{font-size:2rem;line-height:3.5rem}}@media screen and (width<=1020px){.app__testimonial-content p{font-size:1rem;line-height:1.3}}@media screen and (width<=450px){.app__testimonial-content p{font-size:.85rem;line-height:1.3}}.app__testimonial-content h4{color:var(--secondary-color);margin-top:2rem;font-size:large;font-weight:600}.app__testimonial-content h5{color:var(--gray-color);margin-top:5px;font-weight:400}@media screen and (width<=600px){.app__testimonial-content{margin-top:2rem;padding:0}}.app__testimonial-btns{flex-direction:row;margin-top:1rem}.app__testimonial-btns div{background-color:var(--white-color);border-radius:50%;width:50px;height:50px;margin:1rem;transition:all .3s ease-in-out}.app__testimonial-btns div svg{width:20px;height:20px;color:var(--secondary-color)}.app__testimonial-btns div:hover{background-color:var(--secondary-color)}.app__testimonial-btns div:hover svg{color:var(--white-color)}@media screen and (width>=2000px){.app__testimonial-btns div{width:100px;height:100px}.app__testimonial-btns div svg{width:45px;height:45px}}.app__testimonial-brands{flex-wrap:wrap;width:80%;margin-top:2rem}.app__testimonial-brands div{width:150px;margin:1.5rem}.app__testimonial-brands div img{object-fit:cover;filter:grayscale(.9);width:100%;height:auto}.app__testimonial-brands div:hover img{filter:grayscale(0)}@media screen and (width>=1800px){.app__testimonial-brands div{width:210px;margin:2rem}}@media screen and (width<=450px){.app__testimonial-brands div{width:120px;margin:1rem}}@media screen and (width<=800px){.app__testimonial-brands{width:100%}}.app__works{flex-direction:column;flex:1;width:100%}.app__work-section-copy{width:min(100%,760px);color:var(--gray-color);text-align:center;margin-top:1rem;line-height:1.7}.app__work-filter{flex-flow:wrap;justify-content:center;align-items:center;gap:.65rem;width:min(100%,1080px);margin:2.5rem 0 2rem;display:flex}.app__work-filter .app__work-filter-item{color:#000;font-weight:800;font-family:var(--font-base);cursor:pointer;background-color:#fff;border:0;border-radius:.45rem;margin:0;padding:.55rem .9rem;line-height:1.2;transition:all .3s}.app__work-filter .app__work-filter-item:hover{background-color:var(--secondary-color);color:#fff}@media screen and (width>=1800px){.app__work-filter .app__work-filter-item{border-radius:.85rem;padding:1rem 2rem}}.app__work-filter .item-active{background-color:var(--secondary-color);color:#fff}@media screen and (width<=480px){.app__work-filter{justify-content:flex-start;margin:1.5rem 0}}.app__work-portfolio{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:2rem;width:min(100%,1120px);display:grid}@media screen and (width<=480px){.app__work-portfolio{grid-template-columns:1fr;gap:1.25rem;padding:0}}.app__work-portfolio .app__work-item{color:#000;cursor:default;background-color:#fff;border:1px solid #0000000f;border-radius:.65rem;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;height:auto;min-height:440px;margin:0;padding:0;transition:all .3s;overflow:visible;box-shadow:0 14px 34px #0000000b}.app__work-portfolio .app__work-item:hover{transform:translateY(-3px);box-shadow:0 18px 42px #0000001a}@media screen and (width>=1800px){.app__work-portfolio .app__work-item{border-radius:.75rem;padding:1.25rem}}@media screen and (width<=480px){.app__work-portfolio .app__work-item{min-height:0}}.app__work-portfolio .app__work-content p{overflow:auto}.app__work-portfolio .app__work-content p::-webkit-scrollbar{display:none}.app__work-portfolio .app__work-content p::-webkit-scrollbar:hover{display:block}.app__work-img{width:100%;height:175px;position:relative}.app__work-img img{object-fit:cover;border-radius:.65rem .65rem 0 0;width:100%;height:100%}.app__work-img .app__work-img-fallback{background:linear-gradient(135deg, #313bac14, #313bac29), var(--primary-color);width:100%;height:100%;color:var(--secondary-color);text-align:center;border-bottom:1px solid #0000000f;border-radius:.65rem .65rem 0 0;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1rem;font-weight:800;display:flex}.app__work-img .app__work-img-fallback span{font-size:2.15rem;line-height:1}.app__work-img .app__work-img-fallback small{max-width:85%;color:var(--gray-color);font-size:.72rem;line-height:1.35}@media screen and (width>=1800px){.app__work-img{height:220px}}.app__work-hover{opacity:0;background-color:#00000080;border-radius:.5rem;width:100%;height:100%;transition:all .3s;position:absolute;inset:0}.app__work-hover div{color:#fff;width:50px;height:50px;font-family:var(--font-base);cursor:pointer;background-color:#00000080;border-radius:50%;margin:1rem;font-weight:800;transition:all .3s}.app__work-hover div svg{width:50%;height:50%;color:var(--white-color)}.app__work-content{text-overflow:ellipsis;flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;width:100%;padding:1.15rem;position:relative}.app__work-content h4{width:100%;margin-top:.75rem;font-size:1.05rem;line-height:1.2}@media screen and (width>=1800px){.app__work-content h4{margin-top:.1rem}}.app__work-content p{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.app__work-content .app__work-tag{background-color:var(--primary-color);border-radius:8px;align-self:flex-start;margin-top:0;padding:.35rem .75rem;position:static}.app__work-content .app__work-tag p{color:var(--secondary-color);font-weight:800;display:block;overflow:visible}.app__work-secondary-tags{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.app__work-secondary-tags span{color:var(--gray-color);background:#f6f7fb;border-radius:6px;padding:.3rem .55rem;font-size:.72rem;font-weight:700}.app__work-actions{flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:1.15rem;display:flex}.app__work-actions a{color:var(--secondary-color);background:var(--primary-color);border-radius:7px;align-items:center;gap:.35rem;padding:.5rem .7rem;font-size:.8rem;font-weight:800;transition:all .2s;display:inline-flex}.app__work-actions a:hover{color:var(--white-color);background:var(--secondary-color)}.app{background-color:var(--primary-color);font-family:var(--font-base)}.app__whitebg{background-color:var(--white-color)}.app__primarybg{background-color:var(--primary-color)}.app__container{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:clip}.app__flex{justify-content:center;align-items:center;display:flex}.app__wrapper{flex-direction:column;flex:1;width:100%;max-width:1180px;margin:0 auto;padding:5.5rem 2rem}@media screen and (width<=450px){.app__wrapper{padding:5rem 1rem 2.5rem}}.copyright{flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;padding:2rem 0 0;display:flex}.copyright p{text-transform:uppercase;color:var(--black-color)}.head-text{text-align:center;width:100%;max-width:980px;color:var(--black-color);letter-spacing:0;text-transform:capitalize;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.head-text span{color:var(--secondary-color)}@media screen and (width>=2000px){.head-text{font-size:4rem}}@media screen and (width<=450px){.head-text{font-size:1.8rem}}.p-text{text-align:left;color:var(--gray-color);letter-spacing:0;font-size:.9rem;line-height:1.65}@media screen and (width>=2000px){.p-text{font-size:1.75rem}}.bold-text{color:var(--black-color);opacity:.85;text-align:left;letter-spacing:0;font-size:1rem;font-weight:800;line-height:1.35}@media screen and (width>=2000px){.bold-text{font-size:2rem}}@media screen and (width<=450px){.bold-text{font-size:.9rem}}.app__social{flex-direction:column;flex:0 0 72px;justify-content:flex-end;align-items:center;padding:1rem;display:flex}.app__social div{background-color:var(--white-color);border:1px solid var(--lightGray-color);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:.25rem 0;transition:all .3s ease-in-out;display:flex}.app__social div svg{width:15px;height:15px;color:var(--gray-color)}.app__social div:hover{background-color:var(--secondary-color);border-color:var(--secondary-color)}.app__social div:hover svg{color:var(--white-color)}@media screen and (width>=2000px){.app__social div{width:70px;height:70px;margin:.5rem 0}.app__social div svg{width:30px;height:30px}}.app__navigation{flex-direction:column;flex:0 0 56px;justify-content:center;align-items:center;padding:1rem;display:flex}.app__navigation .app__navigation-dot{background-color:#cbcbcb;border-radius:50%;width:10px;height:10px;margin:.5rem;transition:background-color .2s ease-in-out}.app__navigation .app__navigation-dot:hover{background-color:var(--secondary-color)}@media screen and (width>=2000px){.app__navigation .app__navigation-dot{width:20px;height:20px}}@media screen and (width<=500px){.app__navigation,.app__social{display:none}.copyright{padding:2rem}}:root{--font-base:"Space Mono", Arial, serif;--primary-color:#edf2f8;--secondary-color:#313bac;--black-color:#030303;--lightGray-color:#e4e4e4;--gray-color:#6b7688;--brown-color:#46364a;--white-color:#fff}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}