@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);@import url(https://cdn.jsdelivr.net/gh/devicons/devicon@v2.16.0/devicon.min.css);*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:linear-gradient(135deg,#010336 0,#01033a 50%,#010336 100%);overflow:hidden}a{color:#ff9d26}.social-icons{position:fixed;top:20px;right:20px;display:flex;gap:15px;z-index:100}.social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#ff9d26;transition:color .3s ease,transform .3s ease;animation:flyInIcon 1.2s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0}.social-icon:hover{color:#fff;transform:scale(1.2)}.social-icon:nth-child(1){animation-delay:0s}.social-icon:nth-child(2){animation-delay:0s}.social-icon:nth-child(3){animation-delay:0s}@keyframes flyInIcon{0%{transform:translateY(-100vh) translateX(100px);opacity:0}60%{transform:translateY(0) translateX(-5px);opacity:1}80%{transform:translateY(-3px) translateX(5px)}100%{transform:translateY(0) translateX(0);opacity:1}}.landing{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;background:radial-gradient(circle at center,#01033a 0,#010336 100%)}.harto-container{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.letter{font-family:'Bebas Neue',sans-serif;font-size:clamp(6rem,18vw,12rem);color:#fff;text-shadow:1px 1px 0 #ff9d26,2px 2px 0 #f1c259,3px 3px 0 #e6b840,4px 4px 0 #d9a927,5px 5px 0 #cc9a0e,6px 6px 10px rgba(0,0,0,.6),8px 8px 20px rgba(114,115,146,.3);position:absolute;opacity:0;transform:translateY(-100vh);text-decoration:none;cursor:pointer;transition:transform .3s ease,text-shadow .3s ease}.letter:hover{text-shadow:1px 1px 0 #ff9d26,2px 2px 0 #f1c259,3px 3px 0 #e6b840,4px 4px 0 #d9a927,5px 5px 0 #cc9a0e,6px 6px 15px rgba(255,157,38,.6),8px 8px 25px rgba(114,115,146,.5)}.dev-text{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,6vw,4rem);color:#fff;text-shadow:1px 1px 0 #ff9d26,2px 2px 0 #f1c259,3px 3px 0 #e6b840,4px 4px 10px rgba(114,115,146,.4);position:absolute;opacity:0;transform:translateY(-100vh);transition:opacity .8s ease-in-out}.dev-text.visible{opacity:1}.letter[data-index="0"]{--word-x:-160px}.letter[data-index="1"]{--word-x:-80px}.letter[data-index="2"]{--word-x:0px}.letter[data-index="3"]{--word-x:80px}.letter[data-index="4"]{--word-x:160px}.letter.fly-in{animation:flyInWord 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.dev-text.fly-in{animation:flyInDev 1.2s cubic-bezier(.25,.46,.45,.94) forwards;--word-x:240px}@keyframes flyInWord{0%{transform:translateX(var(--word-x)) translateY(-100vh);opacity:0}60%{transform:translateX(var(--word-x)) translateY(10px);opacity:1}80%{transform:translateX(var(--word-x)) translateY(-5px)}100%{transform:translateX(var(--word-x)) translateY(0);opacity:1}}@keyframes flyInDev{0%{transform:translateX(var(--word-x)) translateY(-100vh);opacity:0}60%{transform:translateX(var(--word-x)) translateY(10px);opacity:1}80%{transform:translateX(var(--word-x)) translateY(-5px)}100%{transform:translateX(var(--word-x)) translateY(0);opacity:1}}.letter.to-circle{transition:transform 1s ease-in-out;opacity:1}.dev-text.to-circle{transition:transform 1s ease-in-out,opacity .8s ease-in-out;opacity:1}.letter[data-index="0"]{--start-x:-160px;--end-x:0px;--end-y:-120px}.letter[data-index="1"]{--start-x:-80px;--end-x:114px;--end-y:-37px}.letter[data-index="2"]{--start-x:0px;--end-x:70px;--end-y:97px}.letter[data-index="3"]{--start-x:80px;--end-x:-70px;--end-y:97px}.letter[data-index="4"]{--start-x:160px;--end-x:-114px;--end-y:-37px}@keyframes toCircle{0%{transform:translateX(var(--start-x)) translateY(0)}100%{transform:translateX(var(--end-x)) translateY(var(--end-y))}}.letter.in-row{animation:none;opacity:1}.letter.in-circle{animation:none;opacity:1}.menu-text{position:absolute;font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:#fff;text-shadow:1px 1px 0 #ff9d26,2px 2px 5px rgba(114,115,146,.5);opacity:0;white-space:nowrap;transition:opacity .5s ease-out,transform .5s ease-out;left:95%;top:70%;transform:translateX(-50%) translateY(-50%);z-index:-1;line-height:1}.letter-R .menu-text{left:85%}.letter-T .menu-text{left:70%}.letter-O .menu-text{left:80%}.menu-text.visible{opacity:1;transform:translateX(20%) translateY(-50%)}@media (max-width:768px){body{overflow:hidden}.social-icons{top:15px;right:15px;left:auto;bottom:auto;flex-direction:row;gap:12px}.social-icon{width:44px;height:44px;background:rgba(255,157,38,.15);border-radius:50%;will-change:transform,opacity;transform:translate3d(0,0,0);animation:fadeInIcon .5s ease-out forwards;opacity:0}.social-icon:nth-child(1){animation-delay:.6s}.social-icon:nth-child(2){animation-delay:.7s}.social-icon:nth-child(3){animation-delay:.8s}@keyframes fadeInIcon{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.social-icon svg{width:24px;height:24px}.landing{width:100vw;height:100vh;height:100dvh;padding:0;display:flex;justify-content:center;align-items:center}.harto-container{width:auto;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:20px}.letter{position:relative;font-size:clamp(4.5rem,22vw,7rem);display:flex;align-items:center;padding:0;opacity:0;will-change:transform,opacity;transform:translate3d(0,0,0);animation:mobileFlyInFromTop .5s ease-out forwards}.letter[data-index="0"]{animation-delay:0s}.letter[data-index="1"]{animation-delay:80ms}.letter[data-index="2"]{animation-delay:.16s}.letter[data-index="3"]{animation-delay:.24s}.letter[data-index="4"]{animation-delay:.32s}@keyframes mobileFlyInFromTop{from{opacity:0;transform:translate3d(0,-60px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.menu-text{position:relative;left:.5rem;top:1rem;font-size:clamp(2.5rem,10vw,4rem);margin-left:0;display:inline-block;letter-spacing:1px;opacity:0;white-space:nowrap;will-change:opacity,transform;transform:translate3d(-20px,0,0);transition:none;animation:menuExtendOut .4s ease-out forwards;animation-delay:calc(.5s + var(--index,0) * .08s)}.letter-R .menu-text{left:.75rem}.letter-O .menu-text{left:.75rem}.letter[data-index="0"] .menu-text{--index:0}.letter[data-index="1"] .menu-text{--index:1}.letter[data-index="2"] .menu-text{--index:2}.letter[data-index="3"] .menu-text{--index:3}.letter[data-index="4"] .menu-text{--index:4}@keyframes menuExtendOut{from{opacity:0;transform:translate3d(-20px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}.menu-text.visible{transform:none}.letter-O .menu-text,.letter-R .menu-text,.letter-T .menu-text{left:auto}.dev-text{position:relative;font-size:clamp(2.5rem,10vw,4rem);margin-top:10px;margin-left:0;padding-right:5px;opacity:0;will-change:transform,opacity;transform:translate3d(0,0,0);animation:mobileFlyInFromTop .5s ease-out forwards;animation-delay:.4s}.letter.fly-in,.letter.in-circle,.letter.in-row,.letter.to-circle{animation:mobileFlyInFromTop .5s ease-out forwards!important}.letter[data-index="0"].fly-in,.letter[data-index="0"].to-circle{animation-delay:0s!important}.letter[data-index="1"].fly-in,.letter[data-index="1"].to-circle{animation-delay:80ms!important}.letter[data-index="2"].fly-in,.letter[data-index="2"].to-circle{animation-delay:.16s!important}.letter[data-index="3"].fly-in,.letter[data-index="3"].to-circle{animation-delay:.24s!important}.letter[data-index="4"].fly-in,.letter[data-index="4"].to-circle{animation-delay:.32s!important}.dev-text.fly-in,.dev-text.to-circle{animation:mobileFlyInFromTop .5s ease-out forwards!important;animation-delay:.4s!important}.letter[data-index="0"],.letter[data-index="1"],.letter[data-index="2"],.letter[data-index="3"],.letter[data-index="4"]{--word-x:0;--end-x:0;--end-y:0;--start-x:0}.letter:active{transform:scale3d(.97,.97,1)!important;transition:transform .1s ease}.letter:focus .menu-text,.letter:hover .menu-text{color:#ffb559}/*!* Small phones: 0 - 480px *!*/.social-icons{top:12px;right:12px;gap:10px}.social-icon{width:50px;height:50px}.social-icon svg{width:28px;height:28px}.harto-container{gap:0;padding:15px}.letter{font-size:clamp(4rem,22vw,6rem);padding:0}.menu-text{position:relative;top:1rem;left:.5rem;font-size:clamp(2.2rem,9vw,3.5rem)}.letter-R .menu-text{left:.75rem}.letter-O .menu-text{left:.5rem}.dev-text{font-size:clamp(2rem,8vw,3rem);margin-top:8px}}@media (max-width:360px){.social-icons{top:10px;right:10px;gap:8px}.social-icon{width:50px;height:50px}.social-icon svg{width:28px;height:28px}.harto-container{gap:0;padding:12px}.letter{font-size:clamp(3.5rem,22vw,5rem);padding:0}.menu-text{position:relative;top:1rem;left:.5rem;font-size:clamp(2rem,8vw,3rem)}.letter-R .menu-text{left:.75rem}.letter-O .menu-text{left:.5rem}.dev-text{font-size:clamp(1.8rem,7vw,2.5rem);margin-top:6px}}@media (max-width:768px) and (orientation:landscape){.harto-container{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 15px;padding:10px}.letter{font-size:clamp(2.5rem,8vw,4rem);padding:3px 5px}.menu-text{font-size:clamp(1.4rem,5vw,2.2rem)}.dev-text{width:100%;text-align:center;margin-left:0;margin-top:8px;font-size:clamp(1.8rem,6vw,2.5rem)}.social-icons{top:8px;right:8px;gap:8px}.social-icon{width:32px;height:32px}.social-icon svg{width:18px;height:18px}}