@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-text{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#3b82f6);background-size:300% 100%;animation:gradient 8s ease infinite;-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{background-position:0 0}to{background-position:200% 0}}@keyframes borderRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}.input-container{position:relative;border-radius:.5rem}.marquee-border{position:relative;padding:4px;border-radius:.75rem;overflow:visible;margin-top:8px}.marquee-border:before{content:"";position:absolute;inset:0;border-radius:.75rem;padding:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b,#3b82f6);background-size:200% 100%;animation:marquee 4s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.marquee-border:hover:before{animation-duration:2s}.marquee-content{background:var(--background-color,white);border-radius:.5rem;position:relative;z-index:1}