.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;cursor:pointer;padding:.3rem .8rem .8rem;text-decoration:none;position:relative}.navbar ul li a:before,.navbar ul li a:after{content:attr(data-text);color:#ccc;pointer-events:none;opacity:0;position:absolute;top:.3rem;left:.8rem}.navbar ul li a:before{color:#0ff}.navbar ul li a:after{color:#f0f}.navbar ul li a:hover{color:#fff;animation:.6s step-end forwards glitch-main,2.5s step-end .6s infinite glitch-idle}.navbar ul li a:hover:before{opacity:1;animation:.6s step-end forwards glitch-cyan,2.5s step-end .6s infinite glitch-cyan-idle}.navbar ul li a:hover:after{opacity:1;animation:.6s step-end forwards glitch-magenta,2.5s step-end .6s infinite glitch-magenta-idle}.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}.navbar ul .nav-icons li a:hover i{cursor:pointer;animation:.5s step-end forwards icon-glitch,2.5s step-end .5s infinite icon-glitch-idle}@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}@keyframes glitch-main{0%{color:#fff;text-shadow:none;transform:none}8%{color:#fff;text-shadow:3px 0 #0ff,-3px 0 #f0f;transform:translate(-4px)skew(-12deg)}16%{color:#0ff;text-shadow:-4px 0 #f0f;transform:translate(4px)skew(8deg)}24%{color:#fff;text-shadow:4px 0 #f0f,-2px 0 #0ff;transform:translate(-3px)skew(-4deg)}32%{color:#f0f;text-shadow:-3px 0 #0ff;transform:translate(2px)}40%{color:#fff;text-shadow:2px 0 #0ff,-2px 0 #f0f;transform:none}50%,to{color:#fff;text-shadow:none;transform:none}}@keyframes glitch-cyan{0%{opacity:0}8%{opacity:1;clip-path:polygon(0 15%,100% 15%,100% 40%,0 40%);transform:translate(-7px)}16%{opacity:1;clip-path:polygon(0 55%,100% 55%,100% 85%,0 85%);transform:translate(5px)}24%{opacity:1;clip-path:polygon(0 0%,100% 0%,100% 30%,0 30%);transform:translate(-5px)}32%{opacity:1;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);transform:translate(4px)}40%{opacity:.6;clip-path:polygon(0 40%,100% 40%,100% 65%,0 65%);transform:translate(-2px)}50%,to{opacity:0;transform:none}}@keyframes glitch-magenta{0%{opacity:0}8%{opacity:1;clip-path:polygon(0 50%,100% 50%,100% 80%,0 80%);transform:translate(7px)}16%{opacity:1;clip-path:polygon(0 20%,100% 20%,100% 50%,0 50%);transform:translate(-6px)}24%{opacity:1;clip-path:polygon(0 65%,100% 65%,100% 95%,0 95%);transform:translate(5px)}32%{opacity:1;clip-path:polygon(0 5%,100% 5%,100% 35%,0 35%);transform:translate(-4px)}40%{opacity:.6;clip-path:polygon(0 45%,100% 45%,100% 70%,0 70%);transform:translate(2px)}50%,to{opacity:0;transform:none}}@keyframes glitch-idle{0%,75%,to{color:#fff;text-shadow:none;transform:none}77%{text-shadow:3px 0 #0ff,-3px 0 #f0f;color:#0ff;transform:translate(-4px)skew(-10deg)}80%{text-shadow:-3px 0 #f0f;color:#fff;transform:translate(4px)skew(6deg)}83%{text-shadow:2px 0 #0ff;color:#f0f;transform:translate(-2px)}86%{text-shadow:none;color:#fff;transform:none}}@keyframes glitch-cyan-idle{0%,74%,to{opacity:0}76%{opacity:1;clip-path:polygon(0 20%,100% 20%,100% 50%,0 50%);transform:translate(-7px)}79%{opacity:1;clip-path:polygon(0 55%,100% 55%,100% 80%,0 80%);transform:translate(5px)}82%{opacity:1;clip-path:polygon(0 10%,100% 10%,100% 40%,0 40%);transform:translate(-4px)}85%{opacity:0}}@keyframes icon-glitch{0%{color:#ccc;text-shadow:none;transform:none}10%{color:#0ff;text-shadow:3px 0 #f0f;transform:translate(-3px)skew(-10deg)}20%{color:#f0f;text-shadow:-3px 0 #0ff;transform:translate(3px)skew(6deg)}30%{color:#0ff;text-shadow:2px 0 #f0f;transform:translate(-2px)}40%{color:#fff;text-shadow:none;transform:translate(2px)}50%,to{color:#fff;text-shadow:none;transform:none}}@keyframes icon-glitch-idle{0%,75%,to{text-shadow:none;color:#fff;transform:none}77%{color:#0ff;text-shadow:3px 0 #f0f;transform:translate(-3px)skew(-8deg)}80%{color:#f0f;text-shadow:-2px 0 #0ff;transform:translate(3px)}83%{color:#fff;text-shadow:none;transform:translate(-1px)}86%{transform:none}}@keyframes glitch-magenta-idle{0%,74%,to{opacity:0}76%{opacity:1;clip-path:polygon(0 55%,100% 55%,100% 80%,0 80%);transform:translate(7px)}79%{opacity:1;clip-path:polygon(0 25%,100% 25%,100% 55%,0 55%);transform:translate(-5px)}82%{opacity:1;clip-path:polygon(0 70%,100% 70%,100% 95%,0 95%);transform:translate(4px)}85%{opacity:0}}@media (width<=768px){.navbar.show{min-height:100%}}.intro-section{color:#fff;flex-direction:column;justify-content:center;align-items:flex-start;height:100vh;padding-left:5vw;display:flex;overflow:hidden}@media (width<=450px){.intro-section{justify-content:flex-start;align-items:flex-start;height:auto;min-height:100vh;padding:14rem 1.5rem 3rem}}@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 .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%}.intro-content{flex-direction:column;gap:.55rem;font-family:Inconsolata,monospace;display:flex}.intro-prompt{color:#3a4a50;letter-spacing:.18em;font-size:clamp(.75rem,1.1vw,1.1rem)}.intro-name-block{flex-direction:column;gap:.3rem;margin-bottom:.2rem;display:flex}.glitch-name{letter-spacing:.22em;margin:0 0 .1rem;font-family:Inconsolata,monospace;font-size:clamp(1.8rem,4vw,5.5rem);font-weight:900;display:flex}@media (width<=450px){.glitch-name{font-size:1.4rem}}@media (width>=450px) and (width<=768px){.glitch-name{font-size:2.2rem}}@media (width>=768px) and (width<=1024px){.glitch-name{font-size:3rem}}.glitch-name .glitch-name__letter{color:#def;text-shadow:0 0 18px #3498dbe6;transition:color 50ms,text-shadow 50ms,transform 50ms;display:inline-block}.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-title{color:#3a4a50;letter-spacing:.3em;font-family:Inconsolata,monospace;font-size:clamp(.85rem,1.4vw,1.5rem)}.intro-roles{flex-direction:column;gap:.45rem;display:flex}.intro-roles__item{align-items:center;gap:.55rem;display:flex}.intro-roles__cursor{flex-shrink:0;width:1.4rem;font-size:clamp(1.1rem,2.2vw,2.6rem);display:inline-block}.intro-roles__label{color:#1e2e34;letter-spacing:.06em;border-radius:3px;padding:2px 10px;font-family:Inconsolata,monospace;font-size:clamp(1.1rem,2.4vw,3rem);transition:color .18s,text-shadow .18s,background .18s}@media (width<=450px){.intro-roles__label{font-size:1.05rem}}@media (width>=450px) and (width<=768px){.intro-roles__label{font-size:1.5rem}}@media (width>=768px) and (width<=1024px){.intro-roles__label{font-size:2rem}}.intro-roles__label--active{color:#fff;text-shadow:0 0 14px #00d4ff80;background:#00d4ff0f}.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}.ms-classic{flex-direction:column;align-items:center;gap:6px;display:flex}.ms-classic__label{letter-spacing:.35em;text-transform:uppercase;color:#00d4ff73;font-family:Inconsolata,monospace;font-size:.58rem;animation:2s ease-in-out infinite label-pulse}.ms-classic__mouse{border:1.8px solid #00d4ffb3;border-radius:12px;width:24px;height:40px;animation:2s ease-in-out infinite mouse-glow;position:relative;box-shadow:0 0 10px #00d4ff33,inset 0 0 8px #00d4ff0d}.ms-classic__wheel{background:#00d4ff;border-radius:2px;width:4px;height:7px;animation:1.6s ease-in-out infinite wheel-down;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #00d4ff}.ms-classic__arrows{color:#00d4ff;width:20px}.ms-classic__v{opacity:0;animation:1.6s ease-in-out infinite chevron-wave}.ms-classic__v--1{animation-delay:0s}.ms-classic__v--2{animation-delay:.2s}.ms-classic__v--3{animation-delay:.4s}@keyframes label-pulse{0%,to{opacity:.35}50%{opacity:.9}}@keyframes mouse-glow{0%,to{box-shadow:0 0 6px #00d4ff26,inset 0 0 6px #00d4ff0a}50%{box-shadow:0 0 16px #00d4ff80,inset 0 0 12px #00d4ff1a}}@keyframes wheel-down{0%{opacity:1;top:7px}60%{opacity:0;top:22px}61%{opacity:0;top:7px}80%{opacity:1}to{opacity:1;top:7px}}@keyframes chevron-wave{0%{opacity:0;transform:translateY(-3px)}30%,60%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(3px)}}.ms-swipe{flex-direction:column;align-items:center;gap:0;display:flex}.ms-swipe__finger{color:#00d4ff;filter:drop-shadow(0 0 5px #00d4ff80);transform-origin:50% 30%;width:28px;animation:1.8s ease-in-out infinite swipe-down}.ms-swipe__trail{flex-direction:column;align-items:center;gap:4px;margin-top:4px;display:flex}.ms-swipe__drop{background:linear-gradient(#00d4ff,#0000);border-radius:2px;width:3px;animation:1.8s ease-in-out infinite drop-appear;box-shadow:0 0 4px #00d4ff80}.ms-swipe__drop--1{height:14px;animation-delay:.1s}.ms-swipe__drop--2{height:10px;animation-delay:.25s}.ms-swipe__drop--3{height:6px;animation-delay:.4s}@keyframes swipe-down{0%{opacity:.5;transform:translateY(-4px)}30%,60%{opacity:1;transform:translateY(4px)}to{opacity:.5;transform:translateY(-4px)}}@keyframes drop-appear{0%,20%{opacity:0;transform:scaleY(.3)}40%,65%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.3)}}.ms-bounce{flex-direction:column;align-items:center;gap:8px;display:flex}.ms-bounce__mouse{border:1.8px solid #00d4ffa6;border-radius:12px;width:24px;height:40px;position:relative;box-shadow:0 0 8px #00d4ff33}.ms-bounce__wheel{background:#00d4ff;border-radius:2px;width:4px;height:7px;animation:1.6s ease-in-out infinite wheel-down;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #00d4ff}.ms-bounce__arrow{color:#00d4ff;filter:drop-shadow(0 0 5px #00d4ff99);width:28px;animation:1.4s ease-in-out infinite big-bounce}@keyframes big-bounce{0%,to{opacity:.5;transform:translateY(-4px)}50%{opacity:1;filter:drop-shadow(0 0 8px #00d4ff);transform:translateY(4px)}}.ms-reveal{flex-direction:column;align-items:center;gap:8px;display:flex}.ms-reveal__mouse{border:1.8px solid #00d4ffa6;border-radius:12px;width:24px;height:40px;animation:2s ease-in-out infinite mouse-glow;position:relative;box-shadow:0 0 8px #00d4ff33}.ms-reveal__wheel{background:#00d4ff;border-radius:2px;width:4px;height:7px;animation:1.6s ease-in-out infinite wheel-down;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #00d4ff}.ms-reveal__text{letter-spacing:.2em;color:#00d4ff;font-family:Inconsolata,monospace;font-size:.7rem;display:flex;overflow:hidden}.ms-reveal__char{opacity:0;color:#00d4ffcc;animation:4s ease-in-out infinite char-pop;display:inline-block}.ms-reveal__char--s{animation-delay:0s}.ms-reveal__char--c{animation-delay:.1s}.ms-reveal__char--r{animation-delay:.2s}.ms-reveal__char--o{animation-delay:.3s}.ms-reveal__char--l{animation-delay:.4s}.ms-reveal__char--l2{animation-delay:.5s}.ms-reveal__char--arr{color:#00d4ff;filter:drop-shadow(0 0 4px #00d4ff);animation-delay:.65s}@keyframes char-pop{0%,10%{opacity:0;transform:translateY(4px)}20%,70%{opacity:1;transform:translateY(0)}85%,to{opacity:0;transform:translateY(-2px)}}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:Inconsolata,monospace;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}
