*{margin:0;padding:0}html{scroll-padding-top:300px}@media (max-width: 768px){html{scroll-padding-top:0}}body{height:100vh;background:#122922;color:#fff;font-family:outfit}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/assets/orbit-CL1KssAU.gif) center / cover no-repeat;opacity:.1;z-index:-1;filter:hue-rotate(120deg)}.navbar{display:flex;flex-direction:column;top:50%;left:3%;transform:translateY(-50%);align-items:center;position:fixed;background:linear-gradient(to top,#122922 30%,#3a583d);border-radius:10px;border:3px solid rgb(115,160,120);padding:7px 10px;z-index:999;width:74px;overflow:hidden;transition:width .3s ease;box-sizing:border-box}.navbar:hover{width:180px}.nav-menu{display:flex;flex-direction:column;align-items:flex-start;list-style:none;gap:10px;font-size:20px;width:100%}.nav-menu li{display:flex;flex-direction:column;gap:5px;cursor:pointer;border-radius:10px;transition:background-color .1s ease;width:100%}.nav-menu li.active{background-color:#334d36b3;border-radius:10px}.nav-menu li.active:after{content:"";display:block;width:30px;height:3px;background:#73a078;border-radius:2px;margin:0 auto 4px}.nav-menu li:hover{background-color:#4e7753b3;transition:.1s;border-radius:10px}.anchor-link{text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;padding:7px 10px}.nav-label{box-sizing:border-box;width:0;overflow:hidden;white-space:nowrap;opacity:0;font-size:16px;padding-left:0;transition:width .3s ease,opacity .3s ease .1s,padding-left .3s ease}.navbar:hover .nav-label{width:100px;opacity:1;padding-left:8px}@media (max-width: 768px){.navbar{top:20px;bottom:auto;left:50%;right:auto;transform:translate(-50%);flex-direction:row;width:auto;border-radius:10px;border:3px solid rgb(115,160,120);padding:7px 10px;transition:none}.navbar:hover{width:auto}.nav-menu{flex-direction:row;justify-content:center;width:auto;font-size:20px;gap:4px}.nav-menu li{width:auto;align-items:center;flex-direction:row}.nav-menu li.active:after{display:none}.anchor-link{padding:7px 10px;justify-content:center}.nav-label,.navbar:hover .nav-label{display:none}}.hero{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;min-height:100vh;box-sizing:border-box}.hero h1{text-align:center;width:70%;font-size:90px;font-weight:600;line-height:60px}.hero span{background:linear-gradient(230deg,#6eb257 35%,#acbf71,#c5e063);background-clip:text;color:transparent;-webkit-background-clip:text;animation:move 4s ease-in-out infinite;background-size:150% 100%}.hero p{width:50%;text-align:center;font-size:20px;line-height:20px}.hero-action{display:flex;align-items:center;gap:25px;font-size:30px;font-weight:500;margin-bottom:50px}.hero-connect{padding:15px 25px;border-radius:20px;font-size:20px;background:linear-gradient(267deg,#acbf71,#59ba73);border:2px solid transparent;cursor:pointer}.hero-connect a.anchor-link{padding:0}.hero-resume{padding:15px 25px;border-radius:20px;font-size:20px;border:2px solid white;cursor:pointer}.hero-resume a{text-decoration:none;color:#fff}.hero-connect:hover{border:2px solid white}.hero-resume:hover{transform:scale(1.03);border-color:#acbf71}.hero img{margin-top:8px;border-radius:23%;width:auto;height:400px}@media (max-width: 768px){.hero h1{font-size:52px;width:90%;line-height:52px}.hero p{width:88%;font-size:16px;line-height:26px}.hero-action{flex-direction:column;gap:14px;align-items:center;margin-bottom:24px}.hero img{height:220px}}@media (max-width: 480px){.hero h1{font-size:38px;line-height:42px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;min-height:100vh;padding:0 170px;box-sizing:border-box}.about-title{position:relative}.about-title h1{padding:0 30px;font-size:50px;font-weight:600}.about-section{display:flex;gap:80px;align-items:center}.about-left img{border-radius:30px;height:400px;width:auto}.about-right{display:flex;flex-direction:column;gap:30px}.accordion{display:flex;flex-direction:column;gap:10px;width:600px}.accordion-row{background:#ffffff0f;border-radius:12px;overflow:hidden;cursor:pointer;transition:background .2s}.accordion-row:hover{background:#ffffff1a}.accordion-row--open{background:#ffffff17}.accordion-row--intro{background:#59ba7317;outline:2px solid rgba(89,186,115,.35)}.accordion-row--intro:hover{background:#59ba7326}.accordion-row--intro.accordion-row--open{background:#59ba731f}.accordion-header{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;padding:20px 24px;-webkit-user-select:none;user-select:none}.accordion-icon{font-size:1.5rem;opacity:.85;justify-self:start}.accordion-name{font-size:1.1rem;font-weight:600;justify-self:center;text-align:center}.accordion-stat{font-size:.88rem;opacity:.5;justify-self:end;text-align:right}.accordion-chevron{font-size:.8rem;opacity:.45;margin-left:12px;transition:transform .3s ease,opacity .2s}.accordion-row--open .accordion-chevron{transform:rotate(180deg);opacity:.7}.accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.accordion-body--open{grid-template-rows:1fr}.accordion-body-inner{overflow:hidden;min-height:0;padding:0 22px;transition:padding-bottom .3s ease}.accordion-body--open .accordion-body-inner{padding-bottom:20px}.accordion-body p{font-size:.92rem;line-height:1.75;opacity:.8;margin:0;white-space:pre-line}.accordion-link{display:inline-block;margin-top:10px;font-size:.82rem;opacity:.6;text-decoration:none;color:#fff;transition:opacity .15s}.accordion-link:hover{opacity:1}.about a{text-decoration:none;color:#fff}@media (max-width: 768px){.about{padding:60px 20px;gap:40px}.about-section{flex-direction:column;gap:24px;align-items:center}.about-left img{height:220px}.accordion{width:100%}}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;min-height:100vh;padding:0 120px;box-sizing:border-box}.projects-title h1{padding:0 30px;font-size:50px;font-weight:600}.marquee-wrapper{width:100%;max-width:900px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent);mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent)}.marquee-track{display:flex;gap:.5rem;width:max-content;animation:marquee-scroll 35s linear infinite}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}.marquee-item{padding:.2rem .75rem;border-radius:999px;font-size:.78rem;white-space:nowrap;flex-shrink:0;border:1px solid transparent}.marquee-item--language{background:#6496ff1a;border-color:#6496ff40;color:#a0beffd9}.marquee-item--framework{background:#6ec3821a;border-color:#6ec38240;color:#96d7a5d9}.marquee-item--tool{background:#ffb45a1a;border-color:#ffb45a40;color:#ffcd87d9}.marquee-item--database{background:#b978ff1a;border-color:#b978ff40;color:#d2aaffd9}.marquee-item--misc{background:#ffffff0f;border-color:#ffffff1a;color:#ffffff8c}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.projects-tabs{display:flex;gap:.5rem}.tab-btn{padding:.45rem 1.5rem;border-radius:999px;border:1px solid transparent;background:transparent;color:inherit;font-size:1rem;font-family:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease;text-transform:lowercase}.tab-btn:hover{background:#ffffff12}.tab-btn--active{background:#ffffff1a;border-color:#ffffff40}.detail-layout{display:grid;grid-template-columns:260px 1fr;gap:1.25rem;width:100%;max-width:900px;min-height:380px;align-items:start}.detail-list{display:flex;flex-direction:column;gap:.3rem}.list-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;border-radius:8px;background:transparent;border:none;color:inherit;cursor:pointer;text-align:left;width:100%;transition:background .15s}.list-item:hover{background:#ffffff0f}.list-item--active{background:#ffffff1a}.list-thumb{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.list-thumb--placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff14;font-size:1.1rem;font-weight:600;color:#ffffff73}.list-icon{font-size:1.4rem;flex-shrink:0;opacity:.9}.list-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.list-time{font-size:.7rem;opacity:.5}.list-name{font-size:.95rem;font-weight:500}.list-sub{font-size:.78rem;opacity:.6}.detail-panel{background:#ffffff0d;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;animation:fadeUp .2s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.detail-hero{width:100%;max-height:160px;object-fit:cover;border-radius:8px}.detail-hero--placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff0d;font-size:3rem;font-weight:600;color:#ffffff2e;min-height:120px}.detail-hero-icon{font-size:3rem}.detail-time{font-size:.75rem;opacity:.5;margin:0}.detail-title{font-size:1.3rem;font-weight:600;margin:.15rem 0 0}.detail-subtitle{font-size:.9rem;opacity:.7;margin:.25rem 0 0}.detail-para{font-size:.9rem;opacity:.85;margin:0;line-height:1.6}.detail-bullets{display:flex;flex-direction:column;gap:.35rem;padding-left:1.1rem;margin:0}.detail-bullets li{font-size:.875rem;opacity:.85;line-height:1.5}.detail-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{padding:.2rem .65rem;border-radius:999px;background:#ffffff14;font-size:.78rem}.detail-link{align-self:flex-start;padding:.4rem 1.1rem;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:inherit;text-decoration:none;font-size:.875rem;transition:background .2s}.detail-link:hover{background:#ffffff29}@media (max-width: 768px){.projects{padding:60px 16px;gap:24px}.detail-layout{grid-template-columns:1fr;min-height:auto;max-width:100%}.detail-list{flex-direction:row;flex-wrap:wrap;gap:.4rem}.list-item{width:calc(50% - .2rem)}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;min-height:100vh;padding:0 170px;box-sizing:border-box}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:50px;font-weight:600}.contact-section{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:3rem;width:100%;max-width:1100px}.contact-grid{display:grid;grid-template-columns:repeat(2,160px);gap:16px;justify-self:end}.contact-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:160px;height:160px;border-radius:12px;background:#ffffff0d;color:#fff;text-decoration:none;font-size:18px;font-family:Outfit;transition:transform .2s ease,background .2s ease;cursor:pointer}.contact-card svg{width:56px;height:56px;flex-shrink:0}.contact-card:hover{transform:translateY(-3px);background:#ffffff14}.contact-divider{width:1px;height:100%;background-color:#fff3}.contact-text{display:flex;flex-direction:column;gap:30px;justify-self:start}.contact-text h1{font-size:80px;font-weight:700;background:linear-gradient(107deg,#c5e063,#6eb257);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-text p{color:#fff;font-size:20px;line-height:35px}@media (max-width: 768px){.contact{padding:60px 20px;gap:40px}.contact-section{grid-template-columns:1fr;gap:2rem}.contact-text h1{font-size:48px}.contact-text p{font-size:16px;line-height:28px}.contact-divider{width:100%;height:1px}.contact-grid{justify-self:center}.contact-text{text-align:center;align-items:center;justify-self:center;width:100%}}@media (max-width: 480px){.contact-text h1{font-size:36px}.contact-grid{grid-template-columns:repeat(2,140px)}.contact-card{width:140px;height:140px}}.snap-container{display:inline-flex;flex-direction:row;align-items:flex-start;overflow-x:auto;overflow-y:hidden;width:100vw;scroll-snap-type:x mandatory;scroll-behavior:smooth;vertical-align:top;scrollbar-width:none}.snap-section{flex:0 0 100vw;scroll-snap-align:start;box-sizing:border-box;align-self:flex-start}.snap-container::-webkit-scrollbar{display:none}section.center-content{display:flex;align-items:center;justify-content:center;padding:40px 20px}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in.show{opacity:1;transform:translateY(0)}body{overflow-y:scroll;overflow-x:hidden}@media (max-width: 768px){.snap-section{padding-top:72px;padding-bottom:0}}.footer{margin:50px 150px;display:flex;flex-direction:column;gap:30px}.footer-top{display:flex;justify-content:space-between}.footer-top-left p{font-size:20px;max-width:100%}.footer-top-right{max-width:45%;display:flex;align-items:center;text-align:right;gap:35px}.footer-top-right span{background:linear-gradient(267deg,#4aad52,#acbf71 70%);background-clip:text;color:transparent;-webkit-background-clip:text;animation:move 4s ease-in-out infinite;background-size:200% 100%}.footer-email-input{display:flex;gap:30px;padding:20px 80px 20px 30px;border-radius:50px;background:#32323b}.footer-email-input input{outline:none;border:none;background:transparent;color:#a0a0a0;font-family:Outfit;font-size:18px}.footer-subscribe{font-size:20px;padding:22px 50px;border-radius:25px;background:linear-gradient(-207deg,#c5e063,#4e7753);cursor:pointer;transition:.3s}.footer-bottom{display:flex;justify-content:space-between;font-size:15px}.footer-bottom-right{display:flex;gap:50px;margin-bottom:50px}.footer-email-input:hover{border:2px solid white}.footer-subscribe:hover{transform:scale(1.1);transition:.3s}.footer-top-left img{width:20%;height:auto}@keyframes move{0%,to{background-position:0 0}50%{background-position:100% 0}}@media (max-width: 768px){.footer{margin:30px 20px}.footer-top{flex-direction:column;gap:20px}.footer-top-right{max-width:100%;flex-direction:column;text-align:left;gap:16px}.footer-email-input{gap:16px;padding:14px 20px}.footer-bottom{flex-direction:column;gap:12px}.footer-bottom-right{flex-wrap:wrap;gap:16px;margin-bottom:0}}.cubing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:30px}.cubing-develop{font-size:50px;text-align:left;padding:30px;background:linear-gradient(-230deg,#6eb257 35%,#acbf71,#c5e063);background-clip:text;color:transparent;-webkit-background-clip:text}.cubing-description{text-align:left;max-width:50%}.cubing-banner{max-width:20%;height:auto;border-radius:25%;padding-bottom:20px}.resources{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:30px}.resources-develop{font-size:50px;text-align:left;padding:30px;background:linear-gradient(-230deg,#6eb257 35%,#acbf71,#c5e063);background-clip:text;color:transparent;-webkit-background-clip:text}.resources-description{text-align:left;max-width:50%}.resources-banner{max-width:20%;height:auto;border-radius:25%;padding-bottom:20px}.coding{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:30px}.coding-top{display:flex;gap:100px;text-align:center;justify-content:center}.coding-top-right{max-width:40%}.coding-top-left{gap:0px;padding:10px}.coding-contents{overflow-y:scroll;max-height:100px;padding-right:20px;padding-left:20px}.coding-contents-title{padding-top:35px;padding-bottom:10px;font-size:40px}.coding-top-left ul{list-style-type:none}.coding-develop{font-size:60px;padding-bottom:30px;padding-top:30px;background:linear-gradient(-230deg,#6eb257 35%,#acbf71,#c5e063);background-clip:text;color:transparent;-webkit-background-clip:text}.coding-entry-title{padding-top:10px;background:linear-gradient(90deg,#acbf71,#488b49);background-clip:text;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.coding-description{font-size:20px}.coding-banner{max-width:50%;height:auto;border-radius:25%;padding-bottom:20px}.coding-entry{margin:0;width:70%;text-align:left}.coding-entry hr{margin:40px 0;outline:none;border:none;height:3px;border-radius:50px;background:linear-gradient(-267deg,#acbf71 40%,#59ba73)}.coding-entry-title{margin-bottom:20px}.coding-entry-body{margin:0 6%}.coding-entry a{text-decoration:none;color:#c5e063}.tt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:30px}.tt-develop{font-size:50px;text-align:left;padding:30px;background:linear-gradient(-230deg,#6eb257 35%,#acbf71,#c5e063);background-clip:text;color:transparent;-webkit-background-clip:text}.tt-description{text-align:left;max-width:50%}.tt-banner{max-width:20%;height:auto;border-radius:25%;padding-bottom:20px}.games{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:30px}.games-develop{font-size:50px;text-align:left;padding:30px;background:linear-gradient(-230deg,#6eb257 35%,#acbf71,#c5e063);background-clip:text;color:transparent;-webkit-background-clip:text}.games-description{text-align:left;max-width:50%}.games-banner{max-width:20%;height:auto;border-radius:25%;padding-bottom:20px}.blog{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:30px}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:15%;padding-top:17%}.error-develop{font-size:50px;text-align:left;padding:30px;background:linear-gradient(-230deg,#6eb257 35%,#acbf71,#c5e063);background-clip:text;color:transparent;-webkit-background-clip:text}