```css
.gradient-text {
    background: linear-gradient(45deg, #ff00cc, #3333ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: gradient 8s ease infinite;
    background-size: 200% 200%;
}

@keyframes gradient {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}

.input-focus:focus {
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.3);
}
```