*{margin:0;padding:0}html{scroll-behavior:smooth}html,body{cursor:url(/cursors/metin2.cur),auto;background:#08080b;min-height:100%;transition:background .3s ease}html[data-theme=light],html[data-theme=light] body{background:#f7f7f9}#root{min-height:100vh}html{scrollbar-color:var(--magenta, #d454e0) rgba(10,10,14,.6);scrollbar-width:thin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0e99}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--cyan, #4dd9e6),var(--magenta, #d454e0),var(--amber, #f0954a));border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--cyan, #4dd9e6),var(--magenta, #d454e0));background-clip:padding-box}.kn-glitch{position:relative;display:inline-block}.kn-glitch{animation:kn-glitch-skew 4s infinite linear alternate-reverse}@keyframes kn-glitch-skew{0%{transform:skew(0)}2%{transform:skew(.6deg)}4%{transform:skew(0)}50%{transform:skew(-.4deg)}52%{transform:skew(0)}to{transform:skew(0)}}.kn-glitch:before,.kn-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--void);overflow:hidden;opacity:0}.kn-glitch:before{left:2px;text-shadow:-2px 0 var(--magenta, #ff2fd0);animation:kn-glitch-burst-1 6s infinite}.kn-glitch:after{left:-2px;text-shadow:2px 0 var(--cyan, #2fe3ff);animation:kn-glitch-burst-2 6s infinite}@keyframes kn-glitch-burst-1{0%,44%,to{opacity:0;clip-path:inset(0 0 100% 0)}45%{opacity:1;clip-path:inset(10% 0 60% 0);transform:translate(-3px,-1px)}46%{opacity:1;clip-path:inset(70% 0 5% 0);transform:translate(3px,1px)}47%{opacity:1;clip-path:inset(40% 0 40% 0);transform:translate(-2px)}48%,91%{opacity:0}92%{opacity:1;clip-path:inset(10% 0 60% 0);transform:translate(-3px,-1px)}93%{opacity:1;clip-path:inset(70% 0 5% 0);transform:translate(3px,1px)}94%{opacity:1;clip-path:inset(40% 0 40% 0);transform:translate(-2px)}95%{opacity:0}}@keyframes kn-glitch-burst-2{0%,42%,to{opacity:0;clip-path:inset(0 0 100% 0)}43%{opacity:1;clip-path:inset(20% 0 50% 0);transform:translate(3px,1px)}44%{opacity:1;clip-path:inset(60% 0 15% 0);transform:translate(-3px,-1px)}45%{opacity:1;clip-path:inset(35% 0 45% 0);transform:translate(2px)}46%,89%{opacity:0}90%{opacity:1;clip-path:inset(20% 0 50% 0);transform:translate(3px,1px)}91%{opacity:1;clip-path:inset(60% 0 15% 0);transform:translate(-3px,-1px)}92%{opacity:1;clip-path:inset(35% 0 45% 0);transform:translate(2px)}93%{opacity:0}}
