@charset "UTF-8";::selection{background:hsla(0,0%,100%,.5)}body{margin:0;padding:0;background-color:#000;color:#fff;font-family:Poppins;font-weight:400}body .container{position:relative;overflow-x:hidden}::-webkit-scrollbar{width:1rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:radial-gradient(78.4% 42.52% at 100% 47.59%,#00fff0 0,rgba(0,255,56,.5) 43.02%,transparent 100%)}::-webkit-scrollbar-button{display:none}.background-effects{position:fixed;inset:0;width:100vw;height:100vh;z-index:-10;pointer-events:none;overflow:hidden}.parallax-logo{will-change:transform;position:absolute;left:77%;top:77%;scale:1.5;min-width:370px;max-width:580px;aspect-ratio:1/1;transform:translate(-50%,-50%) scale(1.15);filter:drop-shadow(0 0 48px #00fff0) drop-shadow(0 0 24px #00ff38) blur(.5px);animation:logo-glow 5s ease-in-out infinite alternate}@keyframes logo-glow{0%{filter:drop-shadow(0 0 60px #00fff0) drop-shadow(0 0 28px #00ff38) blur(.5px);opacity:.3}to{filter:drop-shadow(0 0 100px #00ff38) drop-shadow(0 0 54px #00fff0) blur(.8px);opacity:.52}}@media (max-width:1024px){.parallax-logo{left:60%;scale:1.2}}@media (max-width:640px){.parallax-logo{left:50%;scale:1}}.stars-bubbles{position:absolute;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:-9}.floating-star{position:absolute;left:var(--star-left);top:var(--star-top);width:var(--star-size,1em);height:var(--star-size,1em);background:radial-gradient(circle at 50% 50%,var(--star-color) 0,transparent 82%),var(--star-color);opacity:var(--star-opacity,.32);border-radius:50%;box-shadow:0 0 12px 0 var(--star-color),0 0 64px 0 var(--star-color);mix-blend-mode:lighten;animation:star-float var(--star-duration) linear infinite;animation-delay:var(--star-delay,0s)}@keyframes star-float{0%{transform:translateY(0) scale(1) rotate(0deg);opacity:var(--star-opacity,.32)}35%{opacity:calc(var(--star-opacity, .32) * 1.33)}50%{transform:translateY(-40vh) scale(1.15) rotate(12deg)}to{transform:translateY(-92vh) scale(1.13) rotate(-24deg);opacity:.15}}.tlg{position:absolute;width:1268.83px;height:1192.51px;left:-550px;top:-500px;background:radial-gradient(78.4% 42.52% at 100% 47.59%,#00fff0 0,transparent 100%);transform:rotate(-123.89deg)}.mrg,.tlg{z-index:-1}.mrg{position:fixed;width:1168.83px;height:1092.51px;right:-8rem;bottom:-15rem;background:radial-gradient(78.4% 42.52% at 100% 47.59%,#00fff0 0,rgba(0,255,56,.5) 43.02%,transparent 100%);transform:rotate(90deg)}.scroll-hint{position:absolute;left:50%;bottom:1.5rem;width:1.4rem;height:2.2rem;border:2px solid #00fff0;border-radius:.8rem;transform:translateX(-50%);transition:all .15s ease-in-out;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scroll-hint:hover{border-color:#00ff38;box-shadow:0 0 20px #00ff38}.scroll-hint:before{position:absolute;content:"";width:.15rem;height:.4rem;top:10%;left:50%;border-radius:30%;background:#00fff0;transform:translateX(-50%);animation:roll 1.5s ease infinite}@media (max-width:1024px){.scroll-hint{bottom:5rem;width:2.7rem;border-radius:.3rem;border-color:#00ff38}.scroll-hint:hover{border-color:#00fff0;box-shadow:0 0 20px #00fff0}.scroll-hint:before{width:.5rem;height:.5rem;top:60%;border-radius:100%;background:#00ff38;animation:roll-up 1.5s ease infinite}}@media (max-width:640px){.scroll-hint{border-color:#00ff38;height:2.5rem;width:1.5rem}.scroll-hint:hover{border-color:#00fff0;box-shadow:0 0 20px #00fff0}.scroll-hint:before{background:#00ff38}}@keyframes roll{0%{opacity:1}to{opacity:0;transform:translate3d(-50%,1rem,0)}}@keyframes roll-up{0%{opacity:1}to{opacity:0;transform:translate3d(-50%,-1rem,0)}}h1{font-size:3rem;padding:0 2em;font-weight:400}.h1m{display:flex;justify-content:center}@media (max-width:1024px){h1{font-size:2.75rem}}@media (max-width:768px){h1{font-size:2.5rem}}@media (max-width:640px){h1{font-size:2.25rem}}.home{position:relative;height:100vh}header{display:flex;flex-direction:row;justify-content:space-between;padding:2em 4em;font-size:1.5em}header .logo{color:#000;width:39px;padding:1em 2em;text-decoration:none;display:flex;align-items:flex-end}header .logo,header .logo svg path{transition:all .3s ease-in-out}header .logo p{line-height:1rem;margin-bottom:0}header .logo:hover{color:#fff}header .logo:hover svg path{fill:#fff;stroke:#fff}header nav{display:flex;flex-direction:row}header nav .burger-menu{visibility:hidden}header nav a{padding:1em;text-decoration:none;color:#fff;position:relative}header nav a:after{content:"";position:absolute;bottom:1.25rem;left:50%;height:2px;width:0;background-color:#00fff0;transition:all .3s ease-in-out;transform:translateX(-50%)}header nav a:hover:after{width:75%}header nav .isActive:after{content:"";position:absolute;bottom:1.25rem;left:50%;height:2px;width:75%;background-color:#00fff0;transition:all .3s ease-in-out;transform:translateX(-50%)}header .burger-menu{display:none;position:absolute;z-index:10;top:4.2rem;right:1rem;flex-direction:column;row-gap:.5rem;cursor:pointer;padding:.8em;background-color:rgba(0,0,0,.667);color:#fff;box-shadow:0 0 12px #282828,0 0 1px #fff;border-radius:18px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .15s ease-in-out}header .burger-menu:hover{box-shadow:0 0 26px #373737,0 0 1px #fff}header .burger-menu .bar{background-color:#fff;width:2.25rem;height:.25rem;border-radius:.125rem;transition:all .15s ease-in-out}header .burger-menu .top-bar-burger{transform:translateY(300%) rotate(45deg)}header .burger-menu .middle-bar-burger{opacity:0}header .burger-menu .bottom-bar-burger{transform:translateY(-300%) rotate(-45deg)}header nav.isOpen+.burger-menu{background-color:transparent;box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-width:1024px){header .burger-menu{display:flex;position:fixed}header nav{display:none}header .isOpen{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;inset:0;background-color:rgba(0,0,0,.867);z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}header{padding-left:1.75em}}@media (max-width:768px){header{padding-left:1em}}@media (max-width:640px){header{padding-left:.75em}}.hero{height:70vh;display:flex;align-items:center}.hero p{padding-left:3em;padding-right:2em;font-size:3rem;position:relative}.android-text{color:#00ff38}.new-multiplatform{position:absolute;top:50%;left:30%;color:#f0f;transform-origin:left center;overflow:hidden;background-color:rgba(0,0,0,.6);visibility:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:duct-tape 1s 2s forwards}@keyframes duct-tape{0%{transform:rotate(-20deg) rotateY(90deg)}50%{transform:rotate(-26deg) rotateY(70deg)}to{visibility:initial;transform:rotate(-22deg) rotateY(0deg)}}.webpage-text{color:#00fff0}.glitch-effect{display:inline-block;animation:glitch 3s infinite;cursor:none}.glitch-effect,.wave:before{transition:all .3s ease-in-out}.wave:before{content:"👋";position:absolute;opacity:0;transform:translateX(-25%)}.wave:hover{animation:waving 3s .3s infinite;display:inline-block;transform-origin:100% 100%}.wave:hover .glitch-effect{opacity:0}.wave:hover:before{opacity:1}@keyframes glitch{0%,80%,84%{transform:skewX(0)}81%{transform:skewX(10deg)}82%{transform:skewX(-10deg)}}@keyframes waving{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@media (max-width:1024px){.hero p{padding-left:2em;padding-right:1.5em;font-size:2.75rem}}@media (max-width:768px){.hero p{padding-left:2em;padding-right:1.25em;font-size:2.25rem}}@media (max-width:640px){.hero p{padding-left:2em;padding-right:1em;font-size:2rem}.new-multiplatform{top:30%;left:37%}}.portfolio{display:flex;flex-wrap:wrap;justify-content:center}.powered-by-ai:before{content:"✨";position:absolute;top:0;right:0;border-radius:100%;--opacity-yellow:0.25;--position-black:50%;background:radial-gradient(circle,rgba(255,244,0,var(--opacity-yellow)) 0,rgba(0,0,0,.4) var(--position-black));padding:.5rem;font-size:2.5rem;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:stars-shine 2s ease-in-out infinite}@keyframes stars-shine{0%{--opacity-yellow:0.35;--position-black:50%}20%{--opacity-yellow:0.5;--position-black:45%}40%{--opacity-yellow:0.35;--position-black:50%}60%{--opacity-yellow:0.35;--position-black:50%}80%{--opacity-yellow:0.4;--position-black:50%}to{--opacity-yellow:0.35;--position-black:40%}}.portfolio-item-wl{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:320px;height:inherit;min-height:400px;background-color:rgba(0,0,0,.667);border-radius:18px;margin:3em;padding:3em 2em}.portfolio-item-wl h2{font-weight:400;margin-top:0;text-align:center}.portfolio-item-wl p{margin:0;text-align:center}.portfolio-item-wl .portfolio-tags{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.5em;margin:1.5em 0}.portfolio-item-wl .portfolio-tags svg{height:1.75em;width:auto}.portfolio-item-wl .portfolio-tags .next-js path{fill:#fff}.portfolio-item{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:320px;height:inherit;background-color:rgba(0,0,0,.667);border-radius:18px;margin:3em;padding:3em 2em}.portfolio-item h2{font-weight:400;margin-top:0;text-align:center}.portfolio-item p{margin:0;text-align:center}.portfolio-item .portfolio-tags{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.5em;margin:1.5em 0}.portfolio-item .portfolio-tags svg{height:1.75em;width:auto}.portfolio-item .portfolio-tags .next-js path{fill:#fff}.portfolio-item .link-container{position:absolute;inset:0;background-color:rgba(0,0,0,.867);opacity:0;transition:all .1s ease-in-out}.portfolio-item .link-container,.portfolio-item .link-container a{display:flex;align-items:center;justify-content:center;border-radius:18px}.portfolio-item .link-container a{gap:1rem;width:100%;height:100%;text-decoration:none;color:#fff;font-size:1.25rem}.portfolio-item .link-container a p{max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.portfolio-item .link-container a svg path{fill:#fff}.portfolio-item:hover .link-container{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.portfolio-item-ml{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:320px;height:inherit;background-color:rgba(0,0,0,.667);border-radius:18px;margin:3em;padding:3em 2em}.portfolio-item-ml h2{font-weight:400;margin-top:0;text-align:center}.portfolio-item-ml p{margin:0;text-align:center}.portfolio-item-ml .portfolio-tags{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.5em;margin:1.5em 0}.portfolio-item-ml .portfolio-tags svg{height:1.75em;width:auto}.portfolio-item-ml .portfolio-tags .next-js path{fill:#fff}.portfolio-item-ml .link-container-ml{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:0;background-color:rgba(0,0,0,.867);border-radius:18px;opacity:0;transition:all .1s ease-in-out}.portfolio-item-ml .link-container-ml a{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.2rem 0;width:80%;border-radius:18px;text-decoration:none;color:#fff;font-size:1.25rem}.portfolio-item-ml .link-container-ml a p{max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.portfolio-item-ml .link-container-ml a svg path{fill:#fff}.portfolio-item-ml:hover .link-container-ml{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width:1024px){.portfolio-item,.portfolio-item-ml,.portfolio-item-wl{margin:2em;width:300px}}@media (max-width:768px){.portfolio-item,.portfolio-item-ml,.portfolio-item-wl{margin:1.5em;width:280px}}.more-projects{display:block;width:max-content;margin:0 auto;padding:1em 2em;background-color:rgba(0,0,0,.667);color:#fff;box-shadow:0 0 12px #282828,0 0 1px #fff;border-radius:18px;font-size:1.25rem;text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .15s ease-in-out}.more-projects:hover{box-shadow:0 0 26px #373737,0 0 1px #fff}.more-projects:active{transform:scale(.98)}.multiplatform{box-shadow:0 0 12px #f0f,0 0 1px #fff}.multiplatform img{height:auto;max-width:-webkit-fill-available;max-height:240px}.android{box-shadow:0 0 12px #00ff38,0 0 1px #fff}.android img{height:auto;max-width:-webkit-fill-available;max-height:240px}.web{box-shadow:0 0 12px #00fff0,0 0 1px #fff}.web img{height:auto;max-width:-webkit-fill-available;max-height:240px}.soon{box-shadow:0 0 12px #282828,0 0 1px #fff}.about-contact{display:flex;gap:6rem;padding:6em}.about-contact h1{font-size:2.5rem;padding-left:0;margin-bottom:1.5rem}.about-contact p{font-size:1.1rem;line-height:1.8}.about-contact__column{flex:1 1}#about p{font-size:1.3rem;line-height:1.8}.about-contact__links{display:flex;flex-direction:column;gap:1.25em}.about-contact__link{display:inline-flex;align-items:center;gap:1em;text-decoration:none;font-size:1.2rem;padding:1em 2em;background-color:rgba(0,0,0,.667);color:#fff;box-shadow:0 0 12px #282828,0 0 1px #fff;border-radius:18px;border:1px solid hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .15s ease-in-out}.about-contact__link:active{transform:scale(.98)}.about-contact__link:hover{box-shadow:0 0 26px #373737,0 0 1px #fff}.about-contact__link svg{width:2rem;height:2rem}.about-contact__link svg path{fill:#fff;fill-opacity:1}@media (max-width:1024px){.about-contact{flex-direction:column;gap:2rem;padding:6rem 5rem}.about-contact__column{max-width:none}.about-contact h1{font-size:2.2rem}#about p{font-size:1.1rem}}@media (max-width:640px){.about-contact{padding:3rem}.about-contact p{font-size:1.15rem}.about-contact__link{font-size:1.05rem}}.fab{position:fixed;bottom:3rem;right:3rem;padding:1rem;border-radius:18px;background-color:rgba(0,0,0,.667);border:2px solid #00fff0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(1rem);box-shadow:0 0 12px #282828,0 0 1px #fff}.fab,.fab .fab__arrow{transition:all .15s ease-in-out}.fab .fab__arrow{width:1.8rem;height:1.8rem;color:#00fff0}.fab .fab__arrow path{fill:currentColor}.fab:hover{background-color:rgba(0,0,0,.667);box-shadow:0 0 26px #373737,0 0 1px #fff;border-color:#00ff38}.fab:hover .fab__arrow{color:#00ff38;animation:arrow-pulse .8s ease-in-out infinite}.fab:active{transform:scale(.98)}.fab--visible{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width:768px){.fab{bottom:2rem;right:2rem}.fab .fab__arrow{width:1.6rem;height:1.6rem}}@keyframes arrow-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}footer{font-size:1.25rem;padding:1.5em 0;display:flex;justify-content:center}footer p{margin:0}footer a{text-decoration:none;color:#fff}footer:hover .heart{animation-duration:.7s}.heart{animation:heart-pulse 1.2s ease-in-out infinite;display:inline-block}.heart:hover{cursor:none}@keyframes heart-pulse{0%{transform:scale(1)}20%{transform:scale(1.2)}40%{transform:scale(1.1)}60%{transform:scale(1.2)}80%{transform:scale(1)}to{transform:scale(1)}}@media (max-width:1024px){footer{font-size:1.2rem}}@media (max-width:768px){footer{font-size:1.15rem}}