.recovery-tab {
    color: #9ca3af;
    background: transparent;
}

.recovery-tab.active {
    color: white;
    background: #1DB954;
}

.recovery-form {
    display: none;
}

.recovery-form.active {
    display: block;
}

.floating {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

.animate-scale-in {
    animation: scaleIn 0.3s ease-out;
}

@keyframes scaleIn {
    from {
        transform: scale(0.9);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.glass-effect {
    background: rgba(24, 24, 24, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.neon-text {
    text-shadow: 0 0 10px rgba(29, 185, 84, 0.5);
}