@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";:root{color-scheme:light dark;color:#ffffffde;background-color:#1a191d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--neon-color: #00e5ff;--border-size: 4px;--animation-speed: 4s}*{font-family:Roboto Mono,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100vh;height:100%;scroll-behavior:smooth}.hidden-element{visibility:hidden}#root{display:flex;flex-direction:column;min-height:100%}section{padding:2rem 20%}h2{font-size:clamp(2.5rem,5vw + 1rem,6rem)}div.hero{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width:767px){section{padding:2rem}}@media screen and (min-width:768px) and (max-width:1280px){section{padding:4rem}}@media screen and (min-width:1281px) and (max-width:1400px){section{padding:6rem}}@media screen and (min-width:1401px) and (max-width:2000px){section{padding:8rem}}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;color:#fff;height:70px;z-index:100;position:relative;transition:all .2s ease;transform:translateY(-10px)}.header.sticky{position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transform:translateY(0)}.header.sticky .brand-logo{opacity:0}.brand-logo{font-size:2.2rem;font-weight:700;letter-spacing:1px;color:#1bdfed}.brand-logo span:nth-child(1){color:#fff}.brand-logo span:nth-child(2){color:#e404e4}.header-nav ul{list-style:none;display:flex;gap:2.5rem;margin:0;padding:0;counter-reset:menu-item}.header-nav a{color:#fff;text-decoration:none;font-weight:500;transition:color .2s;font-size:1.1rem}.header.sticky nav a{color:#66d9ed}.header-nav-item:after{content:"0" counter(menu-item);font-size:.6rem;position:absolute;top:-.5rem;right:0}.header.sticky .header-nav-item:after{color:#66d9ed}.header-nav a:hover,.header-nav a:hover header-nav-item:after{color:#1bdfed;font-weight:900}.header-nav-item{counter-increment:menu-item;position:relative}.dropdown-button{display:none}@media (max-width: 768px){.header.sticky{position:relative}.brand-logo{font-size:1.2rem}.hidden-element{display:none}.dropdown-button{display:block}.menu-icon{font-size:1.1rem;color:#fff}.dropdown-button button{border-radius:50%;width:40px;height:40px;background:#00000081;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;display:flex;justify-content:center;align-items:center}.nav-open .menu-icon{color:#000}.nav-open .dropdown-button button{background:none}.header{transform:translateY(0);padding-top:0}.header-nav{width:0;height:100vh;overflow:hidden;position:absolute;top:0;right:0;opacity:0;transition:all .2s ease}.nav-open .header-nav{display:block;width:80vw;height:100vh;padding-top:5rem;padding-left:1rem;position:absolute;top:0;right:0;padding-right:4px;background-color:#fff;opacity:1}.header-nav ul{flex-direction:column;gap:.5rem}.header-nav a{font-size:.8rem;color:#000}.header-nav-item:after{display:none;color:#000}}@media screen and (min-width: 768px) and (max-width: 1400px){.brand-logo{font-size:1.4rem}.header-nav a{font-size:.8rem}}.hero{background:linear-gradient(#030303c1 5%,#0303036a,#16102032,#614155ba 70%,#1a191d),url(/assets/background-hero-DcE28pNW.webp);background-position:center;background-repeat:no-repeat;background-size:cover;height:100vh;margin-top:-90px;min-height:100vh;overflow:hidden}.hero-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-container h1{font-family:Poppins,sans-serif;font-weight:600;font-size:10rem;text-transform:uppercase;color:#fff}.hero-container h2{font-family:Poppins,sans-serif;font-size:1.2rem;letter-spacing:.6rem;text-transform:uppercase;color:#fff;text-align:center}.floating-globe{width:70px;height:70px;border-radius:50%;background-color:#e69b2b;transform:translateY(-100%);box-shadow:inset 0 0 30px #fff,inset 20px 0 30px #ffd400,inset -20px 0 30px red,inset 20px 0 300px #ff40d6,inset -20px 0 300px #e3ff4b,0 0 50px #fff,-10px 0 100px #fbff00,10px 0 80px #f55;animation:float 3.5s ease-in-out infinite}@keyframes float{0%{transform:translateY(-100%)}50%{transform:translateY(-60%)}to{transform:translateY(-100%)}}.cta-btn{margin-top:3rem;display:inline-block;background:#000;color:#fff;text-decoration:none;padding:.8rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:600;transition:all .2s ease}.cta-btn:hover{background:#fff;color:#000;transform:scale(1.05)}@media (max-width: 768px){.hero-container h1{font-size:2rem}.hero-container h2{font-size:1rem;letter-spacing:.2rem}.cta-btn{padding:.6rem 1.1rem;font-size:.8rem;font-weight:600}}@media screen and (min-width: 768px) and (max-width: 1280px){.hero-container h1{font-size:4rem}.hero-container h2{font-size:1.5rem;letter-spacing:.4rem}.cta-btn{padding:.7rem 1.3rem;font-size:.9rem;font-weight:600}}@media screen and (min-width: 1281px) and (max-width: 1600px){.hero-container h1{font-size:6rem}.hero-container h2{font-size:2.5rem;letter-spacing:.4rem}}.skills{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;border:none}.skills-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1.2rem}.skill-item{border:solid 1px rgba(255,254,254,.662);padding:2rem;display:flex;flex-direction:column;gap:2.5rem;transition:all .2s ease;cursor:default}.skill-item:nth-child(4),.skill-item:nth-child(5){transform:translate(50%)}.skill-header{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:1rem;margin-left:-1rem}.skill-title{font-size:1.6rem;font-weight:900}.skill-description{font-size:1.2rem;font-weight:600;border-left:solid rgba(203,201,201,.247) 3px;padding-left:24px;position:relative}.skill-description:before{content:"<h3>";color:#cbc9c93f;font-size:1rem;position:absolute;top:0;left:0;transform:translate(-50%) translateY(-100%)}.skill-description:after{content:"</h3>";color:#cbc9c93f;font-size:1rem;position:absolute;bottom:0;left:0;transform:translate(-50%) translateY(100%)}.skill-logo{width:50px;height:50px;object-fit:contain}@media (max-width: 768px){.skills-container{display:grid;grid-template-columns:repeat(1,1fr);gap:1.2rem}.skill-item:nth-child(4),.skill-item:nth-child(5){transform:translate(0)}.skill-title{font-size:1.2rem;font-weight:900}.skill-description{font-size:.9rem;font-weight:400}.skill-description:before{font-size:.8rem}.skill-description:after{font-size:.8rem}.skill-logo{width:30px;height:30px}}@media screen and (min-width: 768px) and (max-width: 1280px){.skills-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.skill-item:nth-child(4){transform:translate(0)}}.projects{display:flex;flex-direction:column;gap:3rem}.projects .row-1{display:flex;flex-direction:row;justify-content:center;gap:5rem;align-items:center}.projects .row-1 p{max-width:500px}.projects .row-1 .column-2{text-align:center}.phone-container{perspective:1000px;display:flex;justify-content:center;align-items:center}.floating-phone{background:url(/assets/background-phone-BlIn0Vz2.jpg);background-size:cover;width:300px;height:500px;background-color:#222;border:10px solid #000;border-radius:20px;position:relative;box-shadow:0 0 10px #fff;transition:all .5s ease-in-out;transform:rotate(10deg) rotateX(15deg) rotateY(-25deg) translateZ(0)}.floating-phone:hover{transform:rotateX(0) rotateY(0) translateZ(50px)}.projects .tabs{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.projects .tabs>span{font-size:1.1rem;padding:.5rem}.projects .tab{font-size:1.1rem;padding:.5rem;cursor:pointer;position:relative;background:none;border:none}.projects .tab:hover,.projects .tab.active{color:#1bd0dd}.project-count{position:absolute;top:-.2rem;right:-.2rem;font-size:.8rem}.projects-container .grid-container{margin-top:3em;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;position:relative}.project-item{background-color:#2a292e;color:#fff;text-align:center;border-radius:.5rem;overflow:hidden;position:relative}.project-item:hover img{scale:1.1}.project-item .project-img{width:100%;overflow:hidden}.project-item img{width:100%;transition:all .4s ease}.project-details{padding:1rem}.project-title{font-size:1.5rem;font-weight:700}.view-project{position:absolute;width:100%;height:100%;top:0;background:#0000006d;display:flex;justify-content:center;align-items:center;transition:all .2s ease-in-out;visibility:hidden;z-index:1000}.view-project button{background:#1bd0dd;color:#fff;border-radius:20px;border:none}.view-project button a{text-decoration:none;font-weight:600;color:#fff;display:block;width:100%;height:100%;padding:.4rem 1rem}.project-item:hover .view-project{visibility:visible}@media (max-width:768px){.projects .row-1{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.floating-phone{width:200px;height:350px;border:5px solid #000}.projects .tabs{gap:.5rem}.projects .tabs>span{padding:0rem}.projects .tab{font-size:.8rem;padding:.2rem}.project-title{font-size:1rem}.project-category{font-size:.8rem}}@media screen and (min-width: 768px) and (max-width: 1280px){.projects .row-1{justify-content:center;align-items:center;gap:2rem}}.experience h2{text-align:center}.flex-container-row{display:flex;flex-direction:row;justify-content:center;align-items:center}.professional-experience{max-width:50vw;padding:1.4rem}@media (max-width: 767px){.professional-experience{max-width:90vw}}@media screen and (min-width: 768px) and (max-width: 1280px){.professional-experience{min-width:80vw}}@media screen and (min-width: 1281px) and (max-width: 1600px){.professional-experience{min-width:60vw}}.accordion{display:flex;flex-direction:column;gap:1rem}.accordion-item{width:100%;display:flex;flex-direction:column;gap:1rem}.accordion-header{background-color:#40037d;display:flex;align-items:center;flex-direction:row;border-radius:5px;padding:.8rem 1.4rem;gap:.3rem;transition:background-color .2s ease}.open .accordion-header{background-color:#740cdc}.accordion-header img{width:40px;height:40px;object-fit:contain}.accordion-header div{display:flex;flex-direction:row;align-items:center;gap:1rem;margin-left:auto}.accordion-button{background:none;border:none;position:relative;width:40px;height:40px;font-size:2rem;border-radius:50%;margin-left:auto;display:block}.accordion-button:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.open .accordion-button:after{content:"-"}.accordion-button:hover{border:solid .5px #66d9ed;color:#66d9ed;cursor:pointer}.accordion-button:active{transform:translateY(1px);box-shadow:0 2px 2px gray;color:#66d9ed}.accordion-description{background-color:#241d41;border-radius:5px;padding:0;transition:all .2s ease;max-height:0;overflow:hidden;margin-top:-1rem;display:flex;flex-direction:row;gap:4rem;justify-content:space-between;align-items:center}.open .accordion-description{padding:1.2rem 1.4rem;max-height:300px;margin-top:0}.accordion-description img{width:6rem;height:6rem;object-fit:contain}.accordion-description img.webcinq,.accordion-description img.outlier{background-color:#fff;border-radius:50%}.job-skills-container{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.job-skill{background-color:#2c3599;color:#fff;padding:8px 16px;border-radius:2rem}.job-location{display:flex;flex-direction:row;gap:1rem;margin-bottom:1rem;color:gray;font-weight:600}.job-location a{text-decoration:none;color:gray}.job-location a:hover{color:#1bd0dd}.icons{color:#740cdc}@media screen and (max-width:767px){.accordion-item .job-role{font-size:1rem}.job-period{font-size:.8rem;display:none}.accordion-item button{font-size:1rem}.accordion-description{flex-direction:column-reverse;gap:1rem;align-items:start}.accordion-description .job-description{font-size:.8rem}.open .accordion-description{max-height:500px}.job-location{font-size:.8rem}}.contact{display:flex;flex-direction:row;justify-content:center;gap:4rem;align-items:center;background-color:#0e0e0e;padding-top:10rem;padding-bottom:10rem}.profile-card{height:600px;width:400px;min-width:400px;background-color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:2rem;border-radius:40px;background:linear-gradient(#00000058,#0000009b),url(/assets/profile-picture-DmClNdMv.jpg);background-size:cover;border:solid white 3px;overflow:hidden;position:relative;transition:all .2s ease;animation:glowing 2s infinite linear}@keyframes glowing{0%,to{box-shadow:0 0 #1bd0dd}50%{box-shadow:0 0 40px #1bd0dd}}.profile-name{font-size:1.8rem}.profile-contact{-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);margin-bottom:1rem;width:90%;height:80px;display:flex;flex-direction:row;justify-content:space-between;padding:0 .8rem;align-items:center;margin-top:auto;margin-bottom:1.4rem;border-radius:16px;font-size:.75rem}.profile-contact .left{display:flex;flex-direction:row;justify-content:center;align-items:center}.profile-contact .profile-pic-mini{height:50px;width:50px;background-color:#fff;max-width:50%;border-radius:50%;border:solid 1px solid;margin:0 .5rem;background:url(/assets/profile-picture-mini-CFddJD3X.jpg);background-size:cover}.profile-status{text-align:start}a.contact-btn{display:block;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);text-decoration:none;padding:.8rem;border-radius:8px;border:solid 1px white;color:#fff;transition:all .2s ease}a.contact-btn:hover{transform:scale(1.02);box-shadow:0 0 5px #fff;transform:translateY(-2px)}.contact-column-2{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:4rem}.contact h1{max-width:600px}a.contact-email{text-decoration:none;font-size:1.5rem;background:linear-gradient(#0000 5%,#1bd0dd);background-size:100% 20%;background-repeat:no-repeat;background-position:bottom;color:#fff;transition:background .1s ease;padding:.2rem}a.contact-email:hover{background-size:100% 100%}.socials-container{margin-top:1.5rem;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:1rem}.contact .social-icon{width:42px}@media (max-width: 767px){.contact{flex-direction:column;gap:2rem;padding:4rem 3rem}.profile-card{height:360px;width:240px;min-width:100px}@keyframes glowing{0%,to{box-shadow:0 0 #1bd0dd}50%{box-shadow:0 0 20px #1bd0dd}}.profile-name{font-size:1rem}.profile-title{font-size:.8rem}.profile-contact{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);height:50px;padding:.4rem}.profile-contact .profile-pic-mini{margin-left:0;height:40px;width:40px}.profile-status{text-align:start}.profile-status-name{font-size:.6rem}.profile-status-status{font-size:.5rem}a.contact-btn{font-size:.6rem;padding:.2rem}a.contact-email{font-size:1rem}.socials-container{justify-content:center}.contact-column-2{align-items:center}.contact-message{text-align:center}.contact-message h1{font-size:1.5rem;padding:1rem 2rem}.contact-message p{font-size:.9rem;padding:1rem 2rem}}@media screen and (min-width: 768px) and (max-width: 1280px){.contact{justify-content:center;padding-top:10rem;padding-bottom:10rem}.profile-card{height:450px;width:300px;min-width:300px}.profile-name{font-size:1.4rem}.profile-contact{-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);height:64px;padding:0 .4rem}.profile-status{text-align:start}a.contact-btn{padding:.4rem}.contact-column-2{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem}.contact-message{text-align:center}.contact-message h1{font-size:1.5rem;padding:2rem}.contact-message p{font-size:.9rem;padding:2rem auto}a.contact-email{font-size:1.1rem}.socials-container{justify-content:center}.contact .social-icon{width:40px}}.scroll-button{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;color:#e404e4;background-color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;transition:all .5s ease;opacity:1}.scroll-button.invisible{bottom:-60px;opacity:0;pointer-events:none}@media (max-width: 768px){.scroll-button{width:40px;height:40px;bottom:1rem;right:1rem}}@media screen and (min-width: 768px) and (max-width: 1280px){.hero-container h1{font-size:4rem}.hero-container h2{font-size:1.5rem;letter-spacing:.4rem}.hero-clients{opacity:.8}.hero-clients p{font-size:1rem}}