.glitch-text{position:relative;display:inline-block}.glitch-text:after,.glitch-text:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.glitch-text:before{color:var(--glitch-blue);transform:translate(calc(var(--glitch-x, 0) * -1px),calc(var(--glitch-y, 0) * .5px));animation:glitch-blue 4s infinite}.glitch-text:after,.glitch-text:before{mix-blend-mode:screen;-webkit-clip-path:inset(0);clip-path:inset(0)}.glitch-text:after{color:var(--glitch-red);transform:translate(calc(var(--glitch-x, 0) * 1px),calc(var(--glitch-y, 0) * -.5px));animation:glitch-red 4s infinite}@keyframes glitch-blue{0%,85%,to{-webkit-clip-path:inset(0);clip-path:inset(0);transform:translate(calc(var(--glitch-x, 0) * -1px),calc(var(--glitch-y, 0) * .5px))}87%{-webkit-clip-path:inset(15% 0 75% 0);clip-path:inset(15% 0 75% 0);transform:translate(calc(var(--glitch-x, 0) * -1px - 3px),calc(var(--glitch-y, 0) * .5px))}89%{-webkit-clip-path:inset(60% 0 10% 0);clip-path:inset(60% 0 10% 0);transform:translate(calc(var(--glitch-x, 0) * -1px + 2px),calc(var(--glitch-y, 0) * .5px))}91%{-webkit-clip-path:inset(30% 0 50% 0);clip-path:inset(30% 0 50% 0);transform:translate(calc(var(--glitch-x, 0) * -1px - 1px),calc(var(--glitch-y, 0) * .5px))}}@keyframes glitch-red{0%,85%,to{-webkit-clip-path:inset(0);clip-path:inset(0);transform:translate(calc(var(--glitch-x, 0) * 1px),calc(var(--glitch-y, 0) * -.5px))}88%{-webkit-clip-path:inset(70% 0 5% 0);clip-path:inset(70% 0 5% 0);transform:translate(calc(var(--glitch-x, 0) * 1px + 3px),calc(var(--glitch-y, 0) * -.5px))}90%{-webkit-clip-path:inset(5% 0 80% 0);clip-path:inset(5% 0 80% 0);transform:translate(calc(var(--glitch-x, 0) * 1px - 2px),calc(var(--glitch-y, 0) * -.5px))}92%{-webkit-clip-path:inset(40% 0 40% 0);clip-path:inset(40% 0 40% 0);transform:translate(calc(var(--glitch-x, 0) * 1px + 1px),calc(var(--glitch-y, 0) * -.5px))}}.glitch-hover{position:relative}.glitch-hover .glitch-bg-blue,.glitch-hover .glitch-bg-red{position:absolute;width:calc(100% + 12px);height:calc(100% + 6px);pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:-1}.glitch-hover .glitch-bg-blue{top:-4px;left:-8px;background:rgba(45,127,255,.5)}.glitch-hover .glitch-bg-red{top:2px;left:4px;background:rgba(255,45,45,.5)}.glitch-hover:hover .glitch-bg-blue{opacity:1;animation:outer-glitch-blue .4s steps(3) forwards}.glitch-hover:hover .glitch-bg-red{opacity:1;animation:outer-glitch-red .4s steps(3) forwards}@keyframes outer-glitch-blue{0%{transform:translate(-6px,-3px);-webkit-clip-path:inset(0 60% 0 0);clip-path:inset(0 60% 0 0);opacity:0}25%{transform:translate(-3px,-1px);-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0);opacity:1}50%{transform:translate(-5px,-2px);-webkit-clip-path:inset(0);clip-path:inset(0);opacity:.8}75%{transform:translate(-2px,-1px);-webkit-clip-path:inset(50% 0 20% 0);clip-path:inset(50% 0 20% 0)}to{transform:translate(-2px,-1px);-webkit-clip-path:inset(0);clip-path:inset(0);opacity:.7}}@keyframes outer-glitch-red{0%{transform:translate(6px,3px);-webkit-clip-path:inset(0 0 0 60%);clip-path:inset(0 0 0 60%);opacity:0}25%{transform:translate(3px,1px);-webkit-clip-path:inset(50% 0 20% 0);clip-path:inset(50% 0 20% 0);opacity:1}50%{transform:translate(5px,2px);-webkit-clip-path:inset(0);clip-path:inset(0);opacity:.8}75%{transform:translate(2px,1px);-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}to{transform:translate(2px,1px);-webkit-clip-path:inset(0);clip-path:inset(0);opacity:.7}}.glitch-hover:after,.glitch-hover:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .1s;z-index:1}.glitch-hover:before{color:var(--glitch-blue);mix-blend-mode:screen}.glitch-hover:after{color:var(--glitch-red);mix-blend-mode:screen}.glitch-hover:hover:before{opacity:1;animation:btn-glitch-blue .3s steps(2) forwards}.glitch-hover:hover:after{opacity:1;animation:btn-glitch-red .3s steps(2) forwards}.glitch-hover>*,.glitch-hover>span{position:relative;z-index:2}@keyframes btn-glitch-blue{0%{transform:translate(-3px,1px);-webkit-clip-path:inset(20% 0 60% 0);clip-path:inset(20% 0 60% 0)}25%{transform:translate(2px,-1px);-webkit-clip-path:inset(50% 0 20% 0);clip-path:inset(50% 0 20% 0)}50%{transform:translate(-1px,2px);-webkit-clip-path:inset(10% 0 70% 0);clip-path:inset(10% 0 70% 0)}75%{transform:translate(3px);-webkit-clip-path:inset(70% 0 10% 0);clip-path:inset(70% 0 10% 0)}to{transform:translate(-1px);-webkit-clip-path:inset(0);clip-path:inset(0);opacity:.3}}@keyframes btn-glitch-red{0%{transform:translate(3px,-1px);-webkit-clip-path:inset(60% 0 20% 0);clip-path:inset(60% 0 20% 0)}25%{transform:translate(-2px,1px);-webkit-clip-path:inset(10% 0 70% 0);clip-path:inset(10% 0 70% 0)}50%{transform:translate(1px,-2px);-webkit-clip-path:inset(70% 0 10% 0);clip-path:inset(70% 0 10% 0)}75%{transform:translate(-3px);-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}to{transform:translate(1px);-webkit-clip-path:inset(0);clip-path:inset(0);opacity:.3}}.glitch-hover:active{animation:btn-shake .3s steps(3)}@keyframes btn-shake{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}.glitch-word{position:relative;display:inline-block;transition:color .3s ease}.glitch-word:after,.glitch-word:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0}.glitch-word:before{color:var(--glitch-blue);mix-blend-mode:screen}.glitch-word:after{color:var(--glitch-red);mix-blend-mode:screen}.glitch-word:hover{color:var(--text)}.glitch-word:hover:before{opacity:1;animation:btn-glitch-blue .35s steps(2) forwards}.glitch-word:hover:after{opacity:1;animation:btn-glitch-red .35s steps(2) forwards}.glitch-in{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.glitch-in.visible{opacity:1;transform:translateY(0)}.glitch-in.stagger-1{transition-delay:0s}.glitch-in.stagger-2{transition-delay:.08s}.glitch-in.stagger-3{transition-delay:.16s}.glitch-in.stagger-4{transition-delay:.24s}.glitch-in.visible{animation:glitch-in-rgb .4s ease-out forwards}.glitch-in.stagger-1.visible{animation-delay:0s}.glitch-in.stagger-2.visible{animation-delay:.08s}.glitch-in.stagger-3.visible{animation-delay:.16s}.glitch-in.stagger-4.visible{animation-delay:.24s}@keyframes glitch-in-rgb{0%{box-shadow:-4px 0 0 rgba(45,127,255,.3),4px 0 0 rgba(255,45,45,.3);filter:blur(.5px)}30%{box-shadow:-2px 0 0 rgba(45,127,255,.2),2px 0 0 rgba(255,45,45,.2);filter:blur(0)}to{box-shadow:none;filter:none}}