.navbar{z-index:99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111111b3;width:100%;position:fixed;top:0;left:0;box-shadow:0 2px 4px #0000001a}@media (width<=768px){.navbar{background:#111111e6}}.navbar ul{justify-content:space-between;align-items:center;margin:0;padding:15px 0;list-style:none;display:flex}.navbar ul li{font-size:1.2rem;transition:color .3s,transform .3s}.navbar ul li a{color:#ccc;padding:.3rem .8rem .8rem;text-decoration:none;transition:color .3s;position:relative}.navbar ul li a:before{content:"";z-index:-1;background:linear-gradient(90deg,#4872ef,#13efff);border-radius:10px 10px 10px 0;width:100%;height:0;transition:height .3s;position:absolute;top:0;left:0}.navbar ul li a:hover:before{height:calc(100% + 5px);top:-5px}.navbar ul li a:hover{color:#fff;cursor:pointer}.navbar ul .special a{color:#0000;background-image:linear-gradient(90deg,#4872ef,#13efff);-webkit-background-clip:text;background-clip:text;padding:0 .8rem .3rem;font-family:Tourney,sans-serif;font-size:3rem}.navbar ul .special a:hover{color:#fff}.navbar ul .nav-sections{gap:1rem;display:flex}@media (width<=768px){.navbar ul .nav-sections{display:none}.navbar ul .nav-sections.show{background-color:#111111f2;flex-direction:column;align-items:center;gap:3rem;width:100%;height:100vh;margin-top:4rem;padding-top:10rem;display:flex;position:absolute;transform:translateY(calc(100vh - 400px))}.navbar ul .nav-sections.show li a{font-size:2rem}}.navbar ul .nav-icons{gap:1rem;margin-right:5rem;display:flex}@media (width<=768px){.navbar ul .nav-icons{display:none}.navbar ul .nav-icons.show{z-index:1;width:100%;padding:2.5rem 3rem;display:flex;position:absolute;bottom:0;left:0}}.navbar ul .logo-wrapper{margin-left:5rem;display:flex}@media (width<=768px){.navbar ul .logo-wrapper{margin-left:2.5rem}}.navbar ul .menu-icon{margin-right:3rem;display:none}.navbar ul .menu-icon:hover{cursor:pointer}@media (width<=768px){.navbar ul .menu-icon{display:inline-block}}.navbar ul .menu-icon-close{display:none}.navbar ul .menu-icon-close.show{margin-right:3rem}.navbar ul .menu-icon-close.show:hover{cursor:pointer}@media (width<=768px){.navbar ul .menu-icon-close.show{display:inline-block}}.navbar ul .lang-toggle{align-items:center;gap:.2rem;display:flex}.navbar ul .lang-toggle button{color:#ccc;cursor:pointer;letter-spacing:.05em;background:0 0;border:none;padding:.2rem .3rem;font-family:inherit;font-size:.85rem;transition:color .2s}.navbar ul .lang-toggle button.active{color:#fff;font-weight:700}.navbar ul .lang-toggle button:hover{color:#fff}.navbar ul .lang-toggle .lang-sep{color:#ccc;-webkit-user-select:none;user-select:none;font-size:.8rem}.navbar ul .menu-icon-a{color:#0000;background-image:linear-gradient(90deg,#4872ef,#13efff);-webkit-background-clip:text;background-clip:text;font-size:2rem}.navbar ul .menu-icon.hide{display:none}@media (width<=768px){.navbar.show{min-height:100%}}.intro-section{align-items:left;color:#fff;flex-direction:column;gap:.5rem;height:100vh;padding-top:10rem;padding-left:5vw;display:flex;overflow:hidden}@media (width<=450px){.intro-section{align-items:center;height:70vh;margin-top:15rem;padding:0}}@media (width>=450px) and (width<=768px){.intro-section{padding-left:1rem}}@media (width>=768px) and (width<=1024px){.intro-section{padding-left:3.5rem}}.intro-section .glitch-name{letter-spacing:.25em;margin-bottom:.8rem;font-family:Courier New,monospace;font-size:1.9rem;font-weight:900;display:flex}@media (width<=450px){.intro-section .glitch-name{font-size:.8rem}}@media (width>=450px) and (width<=768px){.intro-section .glitch-name{font-size:1rem}}@media (width>=768px) and (width<=1024px){.intro-section .glitch-name{font-size:1.5rem}}.intro-section .glitch-name .glitch-name__letter{color:#def;text-shadow:0 0 18px #3498dbe6;transition:color 50ms,text-shadow 50ms,transform 50ms;display:inline-block}.intro-section .glitch-name .glitch-name__letter--active{color:#0ff;text-shadow:5px 0 #f0f,-5px 0 #0ff,0 0 20px #fff;transform:skew(-10deg)translate(3px)}.intro-section .role-text{text-align:left;font-size:5rem;font-weight:700}@media (width<=450px){.intro-section .role-text{font-size:1.8rem}}@media (width>=450px) and (width<=768px){.intro-section .role-text{font-size:2.3rem}}@media (width>=768px) and (width<=1024px){.intro-section .role-text{font-size:3.5rem}}.intro-section .roles-wrapper{column-gap:.3rem;display:flex}.intro-section .plus{color:#5a5a5a;margin-bottom:.5rem;font-size:7rem;font-weight:600;line-height:5.9rem}@media (width<=450px){.intro-section .plus{font-size:3rem;line-height:.8}}@media (width>=450px) and (width<=768px){.intro-section .plus{font-size:3.5rem;line-height:2.9rem}}@media (width>=768px) and (width<=1024px){.intro-section .plus{font-size:5rem;line-height:4.1rem}}.intro-section .background-canvas{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.intro-section .mouse-scroll{position:absolute;bottom:10%;left:50%}.text-span{z-index:1;transition:background-position .5s ease-in-out;display:inline-block;position:relative}.text-span:hover{color:#0000;background-image:linear-gradient(90deg,#4872ef,#13efff);-webkit-background-clip:text;background-clip:text;transition:background-position .5s ease-in-out}.mouse-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mouse-icon{border:2px solid #13efff;border-radius:12px;width:22px;height:35px;position:relative}.mouse-icon:after{content:"";border:2px solid #13efff;border-radius:8px;width:3px;height:5px;margin:5px auto;animation:1s linear infinite mouse-wheel;display:block}.mouse-arrow{border-bottom:2px solid #13efff;border-right:2px solid #13efff;width:8px;height:8px;margin:2px 0 3px 6px;animation:1s .1s infinite alternate mouse-scroll;display:block;transform:rotate(45deg)}.mouse-arrow:after,.mouse-arrow:before{content:"";border-bottom:2px solid #13efff;border-right:2px solid #13efff;width:8px;height:8px;animation:1s infinite mouse-scroll;display:block;position:absolute}.mouse-arrow:after{margin:7px 0 3px 7px;animation-direction:alternate;animation-delay:.2s}.mouse-arrow:before{margin:14px 0 3px 14px;animation-direction:alternate;animation-delay:.3s}@keyframes mouse-wheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html,body{margin:0;padding:0}*{box-sizing:border-box}body{color:#fff;background-color:#111;background-image:linear-gradient(#3498db12 1px,#0000 1px),linear-gradient(90deg,#3498db12 1px,#0000 1px);background-size:40px 40px;font-family:Montserrat,sans-serif;font-size:16px}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img{vertical-align:middle;border:0}button,input{border:none;outline:none}@media (hover:none) and (pointer:coarse){*{cursor:auto!important}}@media (hover:hover) and (pointer:fine){*{cursor:none!important}}.cursor-canvas{pointer-events:none;z-index:9998;position:fixed;top:0;left:0}.cursor-dot{pointer-events:none;z-index:9999;opacity:0;background:radial-gradient(circle,#fff 0%,#0000 70%);border-radius:50%;width:16px;height:16px;transition:opacity .3s;position:fixed;top:0;left:0;box-shadow:0 0 10px 3px #ffffff80}
