.brutalist-container{position:relative;width:100%;font-family:monospace}.brutalist-input{width:100%;padding:15px;font-size:18px;font-weight:700;color:#f5f5f5;background:linear-gradient(90deg,#8676bc 0,#e04253 50%,#f2be8c);border:4px solid #000;position:relative;overflow:hidden;border-radius:0;outline:none;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:3px 3px 0 #3524a1}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.brutalist-input:focus{animation:focus-pulse 4s cubic-bezier(.25,.8,.25,1) infinite,glitch .3s cubic-bezier(.25,.8,.25,1) infinite}.brutalist-input:focus:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:#fff;z-index:-1}.brutalist-input:focus:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:-2;clip-path:inset(0 100% 0 0);animation:glitch-slice 4s steps(2) infinite}@keyframes glitch-slice{0%{clip-path:inset(0 100% 0 0)}10%{clip-path:inset(0 5% 0 0)}20%{clip-path:inset(0 80% 0 0)}30%{clip-path:inset(0 10% 0 0)}40%{clip-path:inset(0 50% 0 0)}50%{clip-path:inset(0 30% 0 0)}60%{clip-path:inset(0 70% 0 0)}70%{clip-path:inset(0 15% 0 0)}80%{clip-path:inset(0 90% 0 0)}90%{clip-path:inset(0 5% 0 0)}to{clip-path:inset(0 100% 0 0)}}.brutalist-label{position:absolute;left:-3px;top:-35px;font-size:16px;font-weight:700;background-color:#000;padding:5px 10px;transform:rotate(-1deg);z-index:1;transition:all .3s cubic-bezier(.25,.8,.25,1)}.brutalist-input:focus+.brutalist-label{transform:rotate(0deg) scale(1.05);background-color:#3524a1}.smooth-type{position:relative;overflow:hidden}.smooth-type:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0));z-index:1;opacity:0;transition:opacity .3s ease}.smooth-type:focus:before{opacity:1;animation:type-gradient 2s linear infinite}@keyframes type-gradient{0%{background-position:300px 0}to{background-position:0 0}}.brutalist-input::placeholder{color:#888;transition:color .3s ease}.brutalist-input:focus::placeholder{color:transparent}.brutalist-input:focus{animation:focus-pulse 4s cubic-bezier(.25,.8,.25,1) infinite}@keyframes focus-pulse{0%,to{border-color:#000}50%{border-color:#252424}}.brutalist-container button{color:#000;background:radial-gradient(#8676bc 0,#f2be8c 50%,#e04253 100%);border:4px solid #000;outline:none;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:3px 3px 0 #3524a1;font-weight:700}.brutalist-container button:active{transform:translateX(2px) translateY(2px)}.radio-buttons{padding:15px;font-size:18px;font-weight:700;color:#000;background:linear-gradient(270deg,#8676bc 0,#e04253 50%,#f2be8c);border:4px solid #000;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:3px 3px 0 #3524a1}.card-bg{background-color:#191716;border:1px solid #484848;border-radius:2px}.brutalist-input::placeholder{color:#fff}