.form-group {
    position: relative;
    margin-bottom: 1.5rem
}

.backdrop-blur-sm {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.border-red-500 {
    animation: shake .5s ease-in-out
}

@keyframes shake {
    0%,to {
        transform: translate(0)
    }

    25% {
        transform: translate(-5px)
    }

    75% {
        transform: translate(5px)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.fa-spin {
    animation: spin 1s linear infinite
}

.gradient-text {
    background: linear-gradient(to right,#8b5cf6,#ec4899);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}