.gradient-bg {
    background: linear-gradient(135deg, #6d5b99, #8e6cae, #b28dcf, #a29bfe);
    background-size: 400% 400%;
    animation: gradientMove 15s ease infinite;
}

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

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

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

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.glass-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    border-radius: 1rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

.brand-text {
    color: #41295a;
    font-weight: 700;
}
.password-wrapper {
    position: relative;
}

    .password-wrapper .toggle-icon {
        position: absolute;
        right: 15px;
        cursor: pointer;
        font-size: 1.4rem;
        color: #6c757d;
        display: flex;
        align-items: center;
        height: 100%;
    }