:root{--raisin-black: hsla(231, 10%, 14%, 1);--roman-silver: hsla(229, 10%, 57%, 1);--eerie-black: hsla(228, 9%, 10%, 1);--black: hsla(0, 0%, 0%, 1);--white: hsla(0, 0%, 100%, 1);--white_a10: hsla(0, 0%, 100%, .1);--white_a5: hsla(0, 0%, 100%, .05);--charcoal: hsla(220, 10%, 20%, 1);--onyx: hsla(228, 9%, 16%, 1);--gunmetal: hsla(220, 15%, 13%, 1);--jet: hsla(0, 0%, 20%, 1);--smoky-black: hsla(40, 7%, 8%, 1);--hero-gradient: linear-gradient(135deg, var(--raisin-black), var(--eerie-black));--ff-syne: "Syne", sans-serif;--fs-1: 4.8rem;--fs-2: 4.5rem;--fs-3: 4rem;--fs-4: 2.4rem;--fs-5: 2rem;--fs-6: 1.8rem;--fs-7: 1.4rem;--fs-8: 1.2rem;--fw-800: 800;--fw-700: 700;--section-padding: 100px;--radius-pill: 100px;--radius-circle: 50%;--blob-radius: 52% 48% 59% 41% / 53% 40% 60% 47%;--blob-circle: 50% 50% 50% 50% / 50% 50% 50% 50%;--transition-1: .25s ease;--transition-2: .5s ease;--cubic-in: cubic-bezier(.51, .03, .64, .28);--cubic-out: cubic-bezier(.05, .83, .52, .97);--cubic-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55);--cubic-ease-out: .7s cubic-bezier(.17, .67, 0, 1.01)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a,img,span,data,button,ion-icon{display:block}a{color:inherit;text-decoration:none}button{background:none;border:none;font:inherit;cursor:pointer}ion-icon{pointer-events:none}html{font-family:var(--ff-syne);font-size:10px;scroll-behavior:smooth;scroll-padding-top:100px}body{background-color:var(--eerie-black);color:var(--roman-silver);font-size:1.6rem;line-height:1.75}body.loaded{overflow:overlay}body.nav-active{overflow:hidden!important;height:100vh;touch-action:none;-webkit-overflow-scrolling:none}.container{padding-inline:12px}.section{padding-block:var(--section-padding)}.h1{font-size:var(--fs-3);font-weight:var(--fw-800)}.h1,.h2,.h4{color:var(--white);line-height:1}.h2{font-size:var(--fs-2);word-break:break-all}.h3{color:var(--white);font-size:var(--fs-4);line-height:1.5}.h4{font-size:var(--fs-5)}.h2,.h3,.h4{font-weight:var(--fw-700)}.w-100{width:100%;max-width:400px}.section-subtitle{text-transform:uppercase;font-size:var(--fs-8);font-weight:var(--fw-700);margin-block-end:20px;letter-spacing:2px}.section-title{margin-block-end:45px;font-size:3rem}.text-lg{font-family:var(--ff-syne);font-size:var(--fs-1)}.layer-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.img-holder{aspect-ratio:var(--width) / var(--height);background-color:var(--white_a5);overflow:hidden}.img-cover{width:100%;height:100%;object-fit:cover}.img-contain{width:100%;height:100%;object-fit:contain}.img-cover img{transition:none}.img-cover:hover img{filter:none}.flex-row{display:flex;flex-direction:row}.center{justify-content:center;align-items:center}.align{align-items:center}.flex-column{display:flex;flex-direction:column}.gap{gap:.5rem}.space-between{justify-content:space-between}.text-center{text-align:center}.underline{text-decoration:underline}.github-btn{background-color:var(--charcoal);color:#fff;padding:1em 2em;border-radius:20px;margin:0 auto;display:flex;align-items:center;gap:1rem;position:relative;transition:transform var(--transition-1),box-shadow var(--transition-1);box-shadow:0 0 20px #ffffff1a,inset 0 0 20px #ffffff1a;overflow:hidden}.github-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:var(--transition-1)}.github-btn:hover{transform:translateY(-3px);box-shadow:0 0 30px #fff3,inset 0 0 30px #fff3;opacity:1}.github-btn:hover:before{left:100%}.github-btn ion-icon{font-size:1.5em}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--white);border-radius:20px}.cursor-dot{width:15px;height:15px;background-color:#fffc;border-radius:var(--blob-circle);position:fixed;top:0;left:0;transform:translate(-50%,-50%);z-index:100000;pointer-events:none;mix-blend-mode:difference;box-shadow:0 0 10px #ffffff80;transition:width .2s,height .2s}.cursor-dot.active{width:25px;height:25px;background-color:#fff9}a:hover~.cursor-dot,button:hover~.cursor-dot{width:25px;height:25px;background-color:#fff9}img{pointer-events:none}.hero-main img{pointer-events:auto}body{cursor:none}.logo{text-decoration:none;color:inherit}.logo-text{font-size:2rem;font-family:Poppins,sans-serif}.container{width:80%;margin:0 auto}header{width:100%;padding-block:10px;position:fixed;top:0;left:0;z-index:1000000}header.active{background-color:var(--roman-silver);padding-block:16px;transition:all .3s ease}.logo-text{color:var(--white);font-size:3rem;font-family:Syne,sans-serif}.nav-toggle-btn{width:50px;height:50px;background-color:var(--white);border-radius:var(--radius-circle);display:grid;place-content:center;gap:8px;transition:var(--transition-1)}.nav-toggle-btn:is(:hover,:focus-visible){gap:10px}.nav-toggle-btn.active{gap:8px}.nav-toggle-btn .line{width:25px;height:2px;background-color:var(--black);transition:var(--transition-1)}.nav-toggle-btn.active .line-1{transform:rotate(45deg) translate(4px,4px)}.nav-toggle-btn.active .line-2{transform:rotate(-45deg) translate(3px,-2px)}.navbar{position:fixed;top:80px;right:0;left:0;margin:0 auto;width:90%;max-width:370px;background-color:var(--white);text-align:center;padding:30px 20px;visibility:hidden;transition:.25s var(--cubic-in);z-index:99999999999;border-radius:12px;height:auto;max-height:calc(100vh - 100px);overflow-y:auto;box-shadow:0 5px 20px #0003;transform:translateY(-20px);opacity:0}.navbar.active{right:0;visibility:visible;transition-timing-function:var(--cubic-out);transform:translateY(0);opacity:1}@media (max-width: 575px){.navbar{width:85%;border-radius:8px;padding:25px 15px}}.nav-list{gap:2rem}.nav-list a{font-size:var(--fs-6);font-weight:var(--fw-700)}.nav-list a:hover{color:var(--raisin-black);font-size:var(--fs-6);font-weight:var(--fw-700)}*/ .overlay{position:absolute;top:100%;left:0;width:100%;height:100vh;display:none}.desktop{display:none}.overlay.active{display:block}.hero{padding-block-start:130px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,var(--onyx) 0%,var(--eerie-black) 70%);z-index:-1;opacity:.7}.hero-content{display:flex;flex-direction:column;align-items:center;position:relative}.hero-title{text-transform:uppercase;word-break:break-all;font-size:3rem;text-align:center}.hero-subtitle{font-size:var(--fs-8);text-transform:uppercase;font-weight:var(--fw-700);color:var(--white);letter-spacing:2px;line-height:1.5em;margin-block:10px 30px;text-align:center;position:relative}.hero-main{display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-main img{margin-inline:auto;border-radius:var(--blob-circle);transition:filter var(--transition-1);width:100%;max-width:400px;height:auto}.hero-main img:hover{filter:grayscale(100%)}.uparrow{display:none}.hero .section-text{margin-block:30px;color:var(--white)!important;line-height:2.2;text-align:center}.hero .flex-column{align-items:center;text-align:center}*/ */ */ */ */ */ .hero .btn{margin-inline:auto}.skills{background-color:var(--eerie-black);position:relative;overflow:hidden;min-height:300px}@media (min-width: 768px){.skills{background:linear-gradient(135deg,var(--raisin-black) 0%,var(--eerie-black) 100%);border-radius:10px;margin:0 auto;padding:3rem 0;box-shadow:0 10px 30px #0000004d}.skills:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 70% 30%,var(--onyx) 0%,transparent 70%);opacity:.4;z-index:0}}.skills-title{position:relative;z-index:999999}.skills-text{padding-block:2rem;color:var(--white);position:relative;z-index:100000}.skills-text h2{background-color:var(--raisin-black);padding:1.5rem 2rem;border-radius:8px;margin-bottom:1rem;transition:var(--transition-1)}.skills-text h2:hover{background-color:var(--onyx)}.blob-container{position:absolute;top:-20px;left:-850px}.blob-img{width:200rem}.nowrap{white-space:nowrap}.portfolio{padding-block:2rem;background-color:var(--eerie-black)}.portfolio-card{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:12px}.img-cover{width:100%;height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden}.img-cover img{width:100%;height:100%;object-fit:contain;border-radius:8px}.portfolio-btn{background-color:var(--raisin-black);color:#fff;padding:.75rem 1.5rem;border-radius:8px;margin-top:10px;border:none;cursor:pointer}.swiper-button-prev ion-icon,.swiper-button-next ion-icon{font-size:100px!important;color:var(--roman-silver)!important}.certifications{padding-block:2rem}.certificate-card{width:100%;height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden}.certificate-card img{width:100%;height:100%;object-fit:contain;transition:none}.certificate-card:hover img{filter:none}.footer{margin-top:5rem;background-color:var(--raisin-black);padding-block:5rem}.footer .container{display:grid;grid-template-columns:1fr;gap:2rem}.social-list{display:flex;gap:2rem}.social-link{width:4rem;height:4rem;display:grid;place-items:center;border:2px solid var(--white_a10);border-radius:var(--radius-circle);transition:var(--transition-1)}.social-link:is(:hover,:focus-visible){border-color:var(--white)}.port-container{width:80%;margin:0 auto}@media (min-width:575px){.container{max-width:570px;width:100%}}@media (min-width:768px){:root{--fs-2: 6rem;--fs-3: 5.5rem}.container{max-width:720px}.mobile{display:none}.desktop{display:block;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.logo img{height:40px;width:140px;vertical-align:middle}.logo-text{color:var(--white);font-size:3rem;font-family:Syne,sans-serif}header.active{background-color:var(--roman-silver);padding-block:38px}.desktop-nav{display:flex;gap:2.5rem;font-size:2rem;color:var(--white)}.desktop-nav a:hover{color:#636366}.hero .port-container,.hero-content{position:relative}.hero-main{display:flex;flex-direction:row;gap:6rem;width:100%}.hero-main img{width:100%}.arrow{position:relative}.uparrow{display:block;position:absolute;right:59px;top:-60px;width:auto!important;height:auto!important}.footer .container{grid-template-columns:repeat(3,1fr)}.skills-title .section-title{margin-top:2rem}.blob-container{display:none}}@media (min-width: 992px){:root{--fs-3: 7rem}.container{max-width:960px}.title-wrapper{gap:15%}.hero-subtitle{font-size:2rem}}@media (min-width: 1200px){:root{--section-padding: 140px}.container{max-width:1200px}.navbar{top:0;display:grid;place-content:center}.nav-toggle-btn{position:relative;z-index:2}.overlay{top:0}.hero-title{word-break:normal}.hero .section-text{margin-block-end:52px}}.swiper-button-prev,.swiper-button-next{width:50px!important;height:50px!important;background-color:var(--roman-silver);border-radius:50%;top:auto!important;bottom:0!important}.swiper-button-prev{left:calc(50% - 60px)!important}.swiper-button-next{right:calc(50% - 60px)!important}.swiper-button-prev:after,.swiper-button-next:after{display:none}.swiper-button-prev ion-icon,.swiper-button-next ion-icon{font-size:24px!important;color:var(--white)!important}.certifications .swiper-pagination{position:relative!important;bottom:0!important;margin-top:20px;width:100%;display:flex;justify-content:center;gap:8px;z-index:10;padding:10px 0;pointer-events:auto!important}.certifications .swiper-pagination-bullet{width:8px;height:8px;background-color:var(--roman-silver);opacity:.5;cursor:pointer;transition:all .3s ease;margin:0 3px;display:inline-block!important;pointer-events:auto!important}.certifications .swiper-pagination-bullet-active{opacity:1;background-color:var(--white);transform:scale(1.2)}@media (max-width: 768px){.certifications .swiper-pagination{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.certifications .swiper-pagination-bullet{pointer-events:auto!important}}.certifications .swiper-button-prev,.certifications .swiper-button-next{display:flex!important;width:40px!important;height:40px!important;background-color:var(--roman-silver);border-radius:50%;align-items:center;justify-content:center;top:50%!important;transform:translateY(-50%)!important}.certifications .swiper-button-prev{left:10px!important}.certifications .swiper-button-next{right:10px!important}.certifications .swiper-button-prev ion-icon,.certifications .swiper-button-next ion-icon{font-size:24px!important;color:var(--white)!important}@media (max-width: 768px){.certifications .swiper-button-prev,.certifications .swiper-button-next{width:30px!important;height:30px!important}.certifications .swiper-button-prev ion-icon,.certifications .swiper-button-next ion-icon{font-size:18px!important}}.portfolio .swiper{width:100%;padding:4rem 0;position:relative}.portfolio .swiper-slide{width:100%;display:flex;justify-content:center;align-items:center}.portfolio-card{width:100%;max-width:350px;margin:0 auto}.portfolio .swiper-button-prev,.portfolio .swiper-button-next{width:40px!important;height:40px!important;background-color:var(--roman-silver);border-radius:50%;display:flex!important;align-items:center;justify-content:center}.portfolio .swiper-button-prev{left:10px!important}.portfolio .swiper-button-next{right:10px!important}.portfolio .swiper-button-prev ion-icon,.portfolio .swiper-button-next ion-icon{font-size:24px!important;color:var(--white)!important}@media (max-width: 768px){.portfolio .swiper{padding-inline:0}.portfolio .swiper-slide{opacity:1;width:100%}.portfolio-card{width:85%;margin:0 auto}.portfolio .swiper-button-prev,.portfolio .swiper-button-next{top:50%!important;transform:translateY(-50%)!important}}@media (max-width: 767px){body{cursor:auto!important}.cursor-dot{display:none!important}}@media (min-width: 768px){body{cursor:none}.cursor-dot{display:block}}@media (min-width: 962px) and (max-width: 991px){.hero-main img{min-width:350px;width:350px}}@media (min-width: 768px){.hero-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-title,.hero-subtitle{text-align:left;width:100%}.hero-main{width:100%;display:flex;flex-direction:row;gap:6rem;margin-top:2rem}.hero .section-text{text-align:left}.hero .flex-column{align-items:flex-start;text-align:left}}@media (max-width: 767px){.hero-title,.hero-subtitle{text-align:center}.hero-main{flex-direction:column;align-items:center}.hero .section-text{text-align:center}.hero .flex-column{align-items:center;text-align:center}}.floating-btns{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:1rem;z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--transition-1),visibility var(--transition-1)}.floating-btns.active{opacity:1;visibility:visible}.scroll-up,.whatsapp-btn{width:50px;height:50px;background-color:var(--charcoal);color:var(--white);display:grid;place-items:center;border-radius:var(--radius-circle);box-shadow:0 2px 20px #0000004d;transition:var(--transition-1)}.scroll-up:hover,.scroll-up:focus-visible{background-color:var(--white);color:var(--charcoal);transform:translateY(-3px)}.whatsapp-btn{background-color:#25d366}.whatsapp-btn:hover,.whatsapp-btn:focus-visible{background-color:#20bd5a;transform:translateY(-3px)}.scroll-up ion-icon,.whatsapp-btn ion-icon{font-size:24px}@media (max-width: 575px){.floating-btns{bottom:20px;right:20px}.scroll-up,.whatsapp-btn{width:45px;height:45px}}.faq{padding-block:var(--section-padding);background-color:var(--eerie-black)}.faq-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:3rem}.faq-item{background-color:var(--raisin-black);border-radius:8px;overflow:hidden}.faq-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;color:var(--white);font-size:var(--fs-6);font-weight:var(--fw-700);text-align:left;transition:var(--transition-1)}.faq-button:hover{background-color:var(--onyx)}.faq-button .icon-open,.faq-button .icon-close{transition:transform .2s ease}.faq-button.active .icon-open{display:none}.faq-button:not(.active) .icon-close{display:none}.faq-button ion-icon{font-size:1.5em;color:var(--roman-silver);transition:transform var(--transition-1)}.faq-content{display:none;padding:0 2rem 1.5rem;color:var(--white);font-size:var(--fs-7);line-height:1.6}.faq-content.active{display:block}@media (min-width: 768px){.faq-button{font-size:var(--fs-5)}.faq-content{font-size:var(--fs-6)}}.typewriter-container{display:inline-block;font-size:3rem;font-weight:var(--fw-700);font-family:var(--ff-syne);line-height:1.2}.typed-text{color:var(--white)}.cursor{display:none}.swiper{width:100%;padding:4rem 0}.swiper-slide{width:100%;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.swiper-slide{width:100%}.portfolio-card{width:100%;max-width:350px;margin:0 auto}}.certifications .swiper{width:100%;padding:2rem 0;overflow:hidden}.certifications .swiper-wrapper{align-items:center}.certifications .swiper-slide{display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .3s ease;visibility:visible}.certifications .swiper-slide-active{opacity:1;visibility:visible}@media (max-width: 768px){.certifications .swiper-slide-prev,.certifications .swiper-slide-next{opacity:0;visibility:hidden}.certifications .swiper-slide-active{opacity:1;visibility:visible}.certificate-card{width:90%;margin:0 auto}}.certificate-card{width:100%;max-width:500px;margin:0 auto;border-radius:10px;overflow:hidden}.certifications .swiper-pagination{position:relative;margin-top:20px}.certifications .swiper-pagination-bullet{width:10px;height:10px;background-color:var(--roman-silver);opacity:.5}.certifications .swiper-pagination-bullet-active{opacity:1;background-color:var(--white)}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--eerie-black);display:flex;justify-content:center;align-items:center;z-index:10000000;transition:transform .5s ease-in-out;visibility:visible!important}body.loaded .preloader{transform:translateY(100%);transition-delay:.25s}.preloader-content{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .25s ease-in-out}body.loaded .preloader-content{opacity:0}.circle-loader{width:70px;height:70px;border:4px solid var(--white_a10);border-top:4px solid var(--white);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:25px}.loading-text{color:var(--white);font-family:var(--ff-syne);font-size:4.5rem;font-weight:var(--fw-800);letter-spacing:3px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}