.homepage-page main{width:calc(100% - 3rem);max-width:90rem;margin:0 auto}.homepage-page .hero-section{align-items:center;gap:5rem;min-height:calc(100vh - 8.75rem);padding:6rem 0 4rem;display:flex}.homepage-page .hero-section-txt{flex:1;max-width:43rem}.homepage-page .degree{color:#74d67a;text-transform:uppercase;letter-spacing:.04rem;margin-bottom:1rem;font-family:system-ui,Segoe UI,sans-serif;font-size:.9rem;font-weight:700}.homepage-page h1{color:#fff;letter-spacing:-.18rem;max-width:42.5rem;font-size:5.6rem;font-weight:600;line-height:.98}.homepage-page .hero-section-additional-txt{color:#a6ada2;max-width:38rem;margin-top:1.6rem;font-size:1.1rem;font-weight:600;line-height:1.65}.homepage-page .hero-section-code{background:linear-gradient(145deg,#74d67a0f,#0000 35%),linear-gradient(315deg,#e4b45c0f,#0000 40%),#0e100fd6;border:.0625rem solid #f3f5ef1f;border-radius:1.75rem;flex:1;width:100%;min-height:32.5rem;padding:3.25rem 1.25rem 1.25rem;position:relative;overflow:hidden;box-shadow:0 1.5rem 5rem #0000005c}.homepage-page .code-section-dots{gap:.5rem;display:flex;position:absolute;top:1.25rem;left:1.25rem}.homepage-page .code-section-dots span{background:#a6ada273;border-radius:50%;width:.7rem;height:.7rem}.homepage-page .hero-code-content{color:#fff;white-space:nowrap;font-family:DraftingMono-Bold,monospace;font-size:.92rem;font-weight:700;line-height:1.65}.homepage-page .syntax-purple{color:#c586c0}.homepage-page .syntax-yellow-light{color:#dcdcaa}.homepage-page .syntax-yellow{color:gold}.homepage-page .syntax-blue-light{color:#9cdcfe}.homepage-page .syntax-text{color:#d4d4d4}.homepage-page .syntax-orange{color:#ce9178}.homepage-page .syntax-green-blue{color:#4ec9b0}.homepage-page .syntax-muted{color:#a6ada2}.homepage-page .current-stack-section{text-align:center;padding:1rem 0 7rem;position:relative;overflow:hidden}.homepage-page .current-stack-section h2{color:#fff;letter-spacing:-.04rem;margin-bottom:2.8rem;font-family:Chlora,system-ui,sans-serif;font-size:3rem;font-weight:800;line-height:1.05}.homepage-page .web-tech-stack-slider{background:0 0;width:60%;height:6rem;margin:0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.homepage-page .web-tech-stack-track{align-items:center;gap:3rem;width:max-content;height:100%;animation:24s linear infinite tech-icon-track-slide;display:flex}.homepage-page .web-tech-stack-track img{object-fit:contain;opacity:.8;flex:none;width:4rem;height:4rem;transition:opacity .18s,transform .18s,filter .18s}.homepage-page .web-tech-stack-track img:hover{opacity:1;filter:drop-shadow(0 0 1rem #69c06e52);transform:scale(1.08)}@keyframes tech-icon-track-slide{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1.5rem))}}@media (width<=62rem){.homepage-page .hero-section{flex-direction:column;align-items:stretch;gap:2.5rem;min-height:auto;padding:2.5rem 0 4rem}.homepage-page .hero-section-txt{width:100%;max-width:100%}.homepage-page h1{letter-spacing:-.1rem;max-width:100%;font-size:clamp(3rem,14vw,5.6rem);line-height:1}.homepage-page .hero-section-additional-txt{max-width:100%;font-size:1rem;line-height:1.55}.homepage-page .hero-section-code{-webkit-overflow-scrolling:touch;width:100%;min-height:28rem;overflow:auto hidden}.homepage-page .hero-code-content{min-width:42rem;font-size:.82rem;line-height:1.65}.homepage-page .current-stack-section{padding:3rem 0 5rem}.homepage-page .current-stack-section h2{margin-bottom:2.5rem;font-size:clamp(2.4rem,11vw,3rem);line-height:1.08}.homepage-page .web-tech-stack-slider{width:100%;max-width:100%;height:6.5rem}.homepage-page .web-tech-stack-track{gap:2.25rem}.homepage-page .web-tech-stack-track img{width:3.4rem;height:3.4rem}}@media (width<=30rem){.homepage-page main{width:calc(100% - 1.5rem)}.homepage-page .hero-section{padding-top:2rem}.homepage-page h1{letter-spacing:-.07rem;font-size:clamp(2.5rem,15vw,3.6rem)}.homepage-page .hero-section-code{min-height:25rem;padding:3rem 1rem 1rem}.homepage-page .hero-code-content{min-width:40rem;font-size:.74rem}.homepage-page .current-stack-section h2{font-size:clamp(2.1rem,12vw,2.7rem)}.homepage-page .web-tech-stack-slider{width:100%;height:6rem}.homepage-page .web-tech-stack-track{gap:1.8rem}.homepage-page .web-tech-stack-track img{width:3rem;height:3rem}}.portfolio-nav{z-index:999;-webkit-backdrop-filter:blur(1.125rem);background:#0a0b0a61;border:.0625rem solid #f3f5ef14;border-radius:999rem;justify-content:space-between;align-items:center;gap:2rem;width:calc(100% - 3rem);max-width:90rem;min-height:3.625rem;margin:3rem auto 0;padding:.65rem 2.7rem;font-family:system-ui,Segoe UI,sans-serif;display:flex;position:sticky;top:3rem;box-shadow:0 .75rem 2.125rem #0000002e}.portfolio-nav .logo{width:2.2rem;height:2.2rem;display:flex;overflow:hidden}.portfolio-nav .logo img{opacity:1;width:2.4rem;height:auto;display:block}.portfolio-nav .portfolio-name{color:#fff;margin-right:0;font-size:1.25rem;font-weight:700}.portfolio-nav .nav-links{align-items:center;gap:2rem;margin-left:auto;margin-right:.25rem;display:flex}.portfolio-nav a{color:#a6ada2;font-size:1rem;font-weight:600;transition:color .18s}.portfolio-nav a:hover,.portfolio-nav a.active{color:#fff}.portfolio-nav .nav-separator{background:#fff;flex-shrink:0;width:.0625rem;height:1.35rem}.portfolio-nav .github-link{opacity:.7;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:opacity .18s,transform .18s;display:flex}.portfolio-nav .github-link:hover{opacity:1;transform:scale(1.2)}.portfolio-nav .github-link img{object-fit:contain;width:1.7rem;height:1.7rem;display:block}@media (width<=48rem){.portfolio-nav{text-align:center;border-radius:1.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;width:calc(100% - 2rem);margin-top:1.5rem;padding:1.25rem 1rem}.portfolio-nav .logo{width:2.8rem;height:2.8rem;margin-bottom:.15rem}.portfolio-nav .logo img{width:3rem;transform:rotate(6deg)}.portfolio-nav .nav-separator{display:none}.portfolio-nav .portfolio-name{margin-bottom:.4rem;font-size:1.2rem;line-height:1.2}.portfolio-nav .nav-links{flex-direction:column;align-items:center;gap:.65rem;width:100%;margin:0;display:flex}.portfolio-nav .nav-links a{width:100%;font-size:1rem;line-height:1.4;display:block}.portfolio-nav .github-link{width:2rem;height:2rem;margin-top:.25rem}.portfolio-nav .github-link img{width:1.35rem;height:1.35rem}}.projects-page main{width:calc(100% - 3rem);max-width:90rem;margin:0 auto}.projects-page .projects-section{min-height:calc(100vh - 8.75rem);padding:6rem 0 7rem}.projects-page .projects-section h1{text-align:center;color:#f3f5ef;letter-spacing:-.1rem;margin-bottom:4rem;font-family:Chlora,system-ui,sans-serif;font-size:4rem;font-weight:600;line-height:1.05}.projects-page .projects-layout{justify-content:center;align-items:stretch;gap:1.5rem;width:70rem;max-width:100%;min-height:36rem;margin:0 auto;display:flex}.projects-page .project-card{background:linear-gradient(145deg,#74d67a0f,#0000 34%),linear-gradient(315deg,#e4b45c0f,#0000 38%),#0e100fd6;border:.0625rem solid #f3f5ef1f;box-shadow:0 1.5rem 5rem #0000005c}.projects-page .main-project-card{border-radius:1.75rem;width:28rem;min-height:36rem;padding:2rem}.projects-page .side-projects{flex-direction:column;width:30rem;min-height:36rem;display:flex}.projects-page .side-project-card{flex:1;padding:2rem}.projects-page .top-side-project{border-bottom:0;border-radius:1.75rem 1.75rem 0 0}.projects-page .bottom-side-project{border-radius:0 0 1.75rem 1.75rem}.projects-page .project-type{color:#74d67a;text-transform:uppercase;letter-spacing:.04rem;margin-bottom:1rem;font-family:system-ui,Segoe UI,sans-serif;font-size:.85rem;font-weight:700}.projects-page .project-card h2{color:#fff;letter-spacing:-.04rem;font-size:2rem;font-weight:600;line-height:1.05}.projects-page .project-description{color:#a6ada2;margin-top:1rem;font-size:1rem;line-height:1.6}.projects-page .collaborator-link{color:#a6ada2;text-decoration:none;transition:color .3s}.projects-page .collaborator-link:hover{color:#fff}.projects-page .evento-site-wrapper{justify-content:center;width:100%;display:flex}.projects-page .evento-site-link{color:#f3f5ef;text-align:center;overflow-wrap:anywhere;font-family:system-ui,Segoe UI,sans-serif;font-size:.95rem;font-weight:700;transition:color .3s}.projects-page .evento-site-link:hover{color:#74d67a}.projects-page .project-title-link{color:#f3f5ef;text-decoration:none;display:inline-block;position:relative}.projects-page .project-title-link:after{content:"";background:#fff;width:0;height:.1rem;transition:width .5s;position:absolute;bottom:-.28rem;left:0}.projects-page .project-title-link:hover:after{width:100%}@media (width<=75rem){.projects-page main{width:calc(100% - 2rem)}.projects-page .projects-section{padding:4rem 0 6rem}.projects-page .projects-section h1{margin-bottom:3rem;font-size:clamp(2.8rem,8vw,4rem);line-height:1.05}.projects-page .projects-layout{flex-direction:column;align-items:stretch;gap:1.5rem;width:100%;min-height:auto}.projects-page .main-project-card,.projects-page .side-projects{width:100%;min-height:auto}.projects-page .main-project-card{min-height:18rem}.projects-page .side-projects{gap:1.5rem}.projects-page .side-project-card{min-height:16rem}.projects-page .top-side-project,.projects-page .bottom-side-project{border-bottom:.0625rem solid #f3f5ef1f;border-radius:1.75rem}}@media (width<=48rem){.projects-page main{width:calc(100% - 1.5rem)}.projects-page .projects-section{padding:2.5rem 0 5rem}.projects-page .projects-section h1{letter-spacing:-.06rem;margin-bottom:2.25rem;font-size:clamp(2.4rem,12vw,3.2rem)}.projects-page .projects-layout{gap:1.25rem}.projects-page .main-project-card,.projects-page .side-project-card{border-radius:1.5rem;min-height:auto;padding:1.5rem}.projects-page .side-projects{gap:1.25rem}.projects-page .top-side-project,.projects-page .bottom-side-project{border-radius:1.5rem}.projects-page .project-type{font-size:.78rem}.projects-page .project-card h2{font-size:1.65rem}.projects-page .project-description{font-size:.95rem;line-height:1.55}}@media (width<=30rem){.projects-page .projects-section h1{font-size:2.25rem}.projects-page .main-project-card,.projects-page .side-project-card{padding:1.25rem}.projects-page .project-card h2{font-size:1.45rem}.projects-page .project-description{font-size:.9rem}}.aboutme-page main{width:calc(100% - 3rem);max-width:90rem;margin:0 auto}.aboutme-page .aboutme-section{min-height:calc(100vh - 8.75rem);padding:6rem 0 7rem}.aboutme-page .aboutme-top-row{display:block}.aboutme-page .article-code-txt-card{white-space:nowrap;background:linear-gradient(145deg,#74d67a0f,#0000 34%),linear-gradient(315deg,#e4b45c0f,#0000 38%),#0e100fd6;border:.0625rem solid #f3f5ef1f;border-radius:1.75rem;height:26rem;padding:1rem 1.25rem 1rem .25rem;font-family:DraftingMono-Bold,monospace;font-size:.9rem;line-height:1.5;box-shadow:0 1.5rem 5rem #0000005c}.aboutme-page .article-info-aboutme{text-align:center;max-width:62rem;margin:0 auto}.aboutme-page .article-info-aboutme h1{color:#fff;letter-spacing:-.08rem;font-size:3.25rem;font-weight:600;line-height:1.05}.aboutme-page .article-info-aboutme p{color:#a6ada2;margin-top:1.25rem;font-size:1.125rem;font-weight:500;line-height:1.5}.aboutme-page .aboutme-bottom-row{align-items:flex-start;gap:4rem;margin-top:4rem;display:flex}.aboutme-page .aboutme-bottom-row .article-code-txt-card{width:50%;height:26rem;padding:0}.aboutme-page .aboutme-bottom-row .bottom-code-card{padding:1rem 1.25rem 1rem .25rem;overflow:auto hidden}.aboutme-page #three-shapes-scene{width:100%;height:100%}.aboutme-page .three-shapes-scene{overflow:hidden}.aboutme-page #three-shapes-scene canvas{width:100%;height:100%;display:block}.aboutme-page .about-me-learning-info{justify-content:center;align-items:center;width:50%;height:20rem;display:flex}.aboutme-page .i-like-also{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.aboutme-page .i-like-also h2{color:#fff;letter-spacing:-.04rem;text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:600;line-height:1.05}.aboutme-page .oop-programing-skills{justify-content:center;align-items:center;gap:2rem;display:flex}.aboutme-page .oop-programing-skills img{object-fit:contain;opacity:.82;width:4rem;height:4rem}.aboutme-page .oop-programing-skills img:hover{opacity:1;filter:drop-shadow(0 0 1rem #69c06e52);transform:scale(1.08)}.aboutme-page .article-wide-aboutme-card{background:linear-gradient(145deg,#74d67a0f,#0000 34%),linear-gradient(315deg,#e4b45c0f,#0000 38%),#0e100fd6;border:.0625rem solid #f3f5ef1f;border-radius:1.75rem;width:100%;height:auto;min-height:0;margin-top:2rem;margin-bottom:2rem;padding:2rem 5rem 2rem 2rem;overflow:hidden;box-shadow:0 1.5rem 5rem #0000005c}.aboutme-page .recognitions-heading{text-align:center;max-width:50rem;margin:5rem auto 1rem}.aboutme-page .recognitions-heading h4{color:#fff;letter-spacing:-.06rem;margin:0;font-size:3rem;font-weight:600}.aboutme-page .recognitions-heading p{color:#a6ada2;margin-top:.35rem;font-size:1rem;font-weight:600;line-height:1.55}.aboutme-page .recognition{border-bottom:.0625rem solid #f3f5ef1f;grid-template-columns:minmax(0,1fr) 8.75rem;align-items:stretch;min-height:8rem;padding-left:2rem;padding-right:1rem;transition:background .2s;display:grid}.aboutme-page .recognition:hover{background:#ffffff05}.aboutme-page .recognition-no-border{border-bottom:0}.aboutme-page .recognition-content{min-width:0;padding:1.35rem 2rem 1.35rem 0}.aboutme-page .recognition-title{margin:0}.aboutme-page .recognition-title-link,.aboutme-page .recognition-title-static{color:#fff;letter-spacing:-.03rem;margin:0;font-size:1.45rem;font-weight:600;line-height:1.25;text-decoration:none;display:inline-block;position:relative}.aboutme-page .recognition-title-link:after{content:"";background:#fff;width:0;height:.1rem;transition:width .5s;position:absolute;bottom:-.28rem;left:0}.aboutme-page .recognition-title-link:hover:after{width:100%}.aboutme-page .recognition-text{color:#a6ada2;max-width:58rem;margin-top:.45rem;font-size:1rem;font-weight:500;line-height:1.45}.aboutme-page .recognition-date{color:#fff;text-align:right;border-left:.0625rem solid #f3f5ef1f;flex-direction:column;justify-content:center;align-items:flex-end;gap:.25rem;width:100%;padding-left:1.35rem;padding-right:.15rem;font-size:1.1rem;font-weight:600;line-height:1.2;display:flex}@media (width<=75rem){.aboutme-page main{width:calc(100% - 2rem)}.aboutme-page .aboutme-section{padding:4rem 0 6rem}.aboutme-page .aboutme-top-row{flex-direction:column;gap:3rem}.aboutme-page .article-code-txt-card{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto hidden}.aboutme-page .article-info-aboutme{width:100%;max-width:100%;margin-left:0}.aboutme-page .article-info-aboutme h1{max-width:100%;font-size:clamp(2.8rem,8vw,3.25rem);line-height:1.05}.aboutme-page .article-info-aboutme p{max-width:100%}.aboutme-page .aboutme-bottom-row{flex-direction:column;gap:3rem}.aboutme-page .about-me-learning-info,.aboutme-page .aboutme-bottom-row .article-code-txt-card{width:100%}.aboutme-page .aboutme-bottom-row .bottom-code-card{padding:1rem 1.25rem 1rem .25rem}}@media (width<=48rem){.aboutme-page main{width:calc(100% - 1.5rem)}.aboutme-page .aboutme-section{padding:2.5rem 0 5rem}.aboutme-page .aboutme-top-row{flex-direction:column;gap:2.5rem}.aboutme-page .article-code-txt-card{-webkit-overflow-scrolling:touch;width:100%;height:auto;min-height:24rem;padding:1rem 1.25rem;font-size:.75rem;line-height:1.55;overflow:auto hidden}.aboutme-page .article-info-aboutme{max-width:100%;margin-left:0}.aboutme-page .article-info-aboutme h1{letter-spacing:-.06rem;font-size:clamp(2.4rem,12vw,3.25rem);line-height:1.05}.aboutme-page .article-info-aboutme p{font-size:1rem;line-height:1.55}.aboutme-page .aboutme-bottom-row{flex-direction:column;gap:2.5rem;margin-top:3rem}.aboutme-page .about-me-learning-info{flex-direction:column;gap:3rem;width:100%;height:auto;padding:1.5rem 0}.aboutme-page .i-like-also{width:100%}.aboutme-page .i-like-also h2{margin-bottom:1.5rem;font-size:2rem}.aboutme-page .oop-programing-skills{gap:1.75rem}.aboutme-page .oop-programing-skills img{width:3.6rem;height:3.6rem}.aboutme-page .aboutme-bottom-row .article-code-txt-card{width:100%;height:24rem;min-height:24rem;padding:0}.aboutme-page .aboutme-bottom-row .bottom-code-card{padding:1rem 1.25rem}.aboutme-page .three-shapes-scene{overflow:hidden}.aboutme-page .recognitions-heading{max-width:100%;margin:4rem auto 1.25rem;padding:0 .5rem}.aboutme-page .recognitions-heading h4{font-size:clamp(2.4rem,12vw,3rem);line-height:1.05}.aboutme-page .recognitions-heading p{margin-top:.5rem;font-size:.95rem;line-height:1.5}.aboutme-page .article-wide-aboutme-card{border-radius:1.5rem;margin-top:1.5rem;padding:0}.aboutme-page .recognition{grid-template-columns:1fr;min-height:auto;padding:0 1.25rem}.aboutme-page .recognition-content{padding:1.5rem 0 1.1rem}.aboutme-page .recognition-title-link,.aboutme-page .recognition-title-static{font-size:1.25rem;line-height:1.25}.aboutme-page .recognition-text{font-size:.95rem;line-height:1.5}.aboutme-page .recognition-date{text-align:left;border-top:.0625rem solid #f3f5ef1f;border-left:0;align-items:flex-start;padding:1rem 0 1.4rem;font-size:1rem}}@media (width<=30rem){.aboutme-page .article-code-txt-card{font-size:.68rem}.aboutme-page .article-info-aboutme h1{font-size:2.35rem}.aboutme-page .article-info-aboutme p{font-size:.95rem}.aboutme-page .aboutme-bottom-row .article-code-txt-card{height:22rem;min-height:22rem}.aboutme-page .recognition{padding:0 1rem}.aboutme-page .recognition-title-link,.aboutme-page .recognition-title-static{font-size:1.12rem}.aboutme-page .recognition-text{font-size:.9rem}}.evento-pulse-certificate-page{height:100svh;overflow:hidden}.evento-pulse-certificate-page main{justify-content:center;align-items:center;width:100%;height:100svh;margin:0 auto;padding:clamp(.75rem,2vw,2rem);display:flex;overflow:hidden}.evento-pulse-certificate-document{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block;overflow:hidden}.mentor-certificate-page{height:100svh;overflow:hidden}.mentor-certificate-page main{justify-content:center;align-items:center;width:100%;height:100svh;margin:0 auto;padding:clamp(.75rem,2vw,2rem);display:flex;overflow:hidden}.mentor-certificate-document{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block;overflow:hidden}.front-end-certificate-page{height:100svh;overflow:hidden}.front-end-certificate-page main{justify-content:center;align-items:center;width:100%;height:100svh;margin:0 auto;padding:clamp(.75rem,2vw,2rem);display:flex;overflow:hidden}.front-end-certificate-document{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block;overflow:hidden}.blank-h1-page{justify-content:center;align-items:center;width:100%;height:100svh;padding:1rem;display:flex;overflow:hidden}.blank-h1-page h1{color:#fff;text-align:center;overflow-wrap:anywhere;word-break:break-word;width:100%;max-width:min(100rem,100vw - 2rem);max-height:calc(100svh - 2rem);margin:0;font-size:clamp(1rem,min(5vw,10vh),6rem);font-weight:600;line-height:1.05;overflow:hidden}@font-face{font-family:Chlora;src:url(/assets/Chlora-DR-H5ckV.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DraftingMono-Bold;src:url(/assets/DraftingMono-Bold-t9onxV9c.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{color:#fff;background:#080908;min-width:20rem;margin:0;font-family:Chlora,system-ui,sans-serif;font-weight:600;overflow-x:hidden}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}.page-background{isolation:isolate;background:radial-gradient(circle at 20% 25%,#74d67a21,#0000 30%),radial-gradient(circle at 80% 10%,#61d9e80e,#0000 30%),radial-gradient(circle at 50% 60%,#74d67a0e,#0000 40%),linear-gradient(#080908 0%,#0b0f0c 42%,#080908 100%);min-height:100vh;position:relative}.page-background:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#f3f5ef26 .0625rem,#0000 .0625rem),linear-gradient(90deg,#f3f5ef26 .0625rem,#0000 .0625rem);background-size:2.65rem 2.65rem;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000d9,#0000 50%);mask-image:linear-gradient(#000000d9,#0000 50%)}