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