.login-container {
    min-height: 100vh;
    background: linear-gradient(135deg, #a7bed7, #9f92b6);
    padding: 20px;
}

/* Card login lớn hơn */
.login-card {
    background: #fff;
    width: 100%;
    max-width: 520px; /* tăng từ 450px lên 520px */
    animation: fadeIn 0.5s ease-in-out;
}

.login-logo {
    width: 150px; /* tăng size logo */
    height: auto;
}

/* Eye icon alignment */
.input-group-text {
    background: #e9ecef;
    border-left: none;
}

.input-group .form-control {
    border-right: none;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 576px) {
    .login-card {
        padding: 25px !important;
        border-radius: 20px;
    }

    .login-logo {
        width: 75px;
    }
}