.cyber-btn{position:relative;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.cyber-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;transform:translate(-100%);transition:transform .3s;z-index:0}.cyber-btn:hover:before{transform:translate(0)}.cyber-btn-glitch:hover{animation:glitch-skew .5s cubic-bezier(.25,.46,.45,.94) both infinite}@keyframes glitch-skew{0%{transform:skew(0)}20%{transform:skew(-10deg)}40%{transform:skew(10deg)}60%{transform:skew(5deg)}80%{transform:skew(5deg)}to{transform:skew(0)}}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8);filter:blur(10px)}20%{opacity:1;transform:scale(1);filter:blur(0)}80%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.2);filter:blur(5px)}}.logo-transition-active{animation:logoFadeIn 2.5s cubic-bezier(.4,0,.2,1) forwards}.typewriter-text{overflow:hidden;border-right:.15em solid var(--color-primary-accent);white-space:nowrap;margin:0 auto;letter-spacing:.15em;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--color-primary-accent)}}