.glitch{color:#f4f4f6;font-size:clamp(2rem,10vw,8rem);white-space:nowrap;font-weight:900;position:relative;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-family:var(--font-jetbrains-mono),Menlo,Monaco,Courier,monospace}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;color:#f4f4f6;background-color:#07080a;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.glitch:after{left:10px;text-shadow:var(--after-shadow,-10px 0 #ff4040);animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse}.glitch:before{left:-10px;text-shadow:var(--before-shadow,10px 0 #ff6161);animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse}@keyframes animate-glitch{0%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}5%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}10%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}15%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}20%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}25%{-webkit-clip-path:inset(40% 0 20% 0);clip-path:inset(40% 0 20% 0)}30%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}35%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}40%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}45%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}50%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}55%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}60%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}65%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}70%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}75%{-webkit-clip-path:inset(40% 0 20% 0);clip-path:inset(40% 0 20% 0)}80%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}85%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}90%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}95%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}to{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;min-width:140px;height:2.5rem}.btn--primary{background-color:#ff4040;color:#f4f4f6}.btn--primary:hover:not(:disabled){transform:translateY(-1px)}.btn--secondary{background-color:hsla(0,0%,100%,.815);color:#18191a}.btn--secondary:hover:not(:disabled){background-color:#fff}.btn--outline{background-color:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.815);color:hsla(0,0%,100%,.815)}.btn--outline:hover:not(:disabled){background-color:#18191a}.btn--full-width{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.loading{color:rgba(0,0,0,0)}.btn.loading:after{content:"";position:absolute;width:1rem;height:1rem;border-radius:50%;border:2px solid;border-right:2px solid rgba(0,0,0,0);animation:spin .8s linear infinite}.input-container{width:100%;display:flex;flex-direction:column;gap:5px}.input{width:100%;height:2.5rem;padding:.75rem 1rem;font-size:.875rem;line-height:1;color:#f4f4f6;background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;transition:all .2s ease-in-out}.input::placeholder{color:#9c9c9d}.input:hover:not(:disabled){border-color:hsla(0,0%,100%,.2)}.input:focus{outline:none;border-color:#ff4040;box-shadow:0 0 0 1px #ff4040}.input:disabled{opacity:.6;cursor:not-allowed}.input--error{border-color:#ff6161}.input--error:focus{box-shadow:0 0 0 1px #ff6161}.helper-text{font-size:.75rem;color:#9c9c9d}.helper-text--error{color:#ff6161}.helper-text--success{color:#59d499}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}