/* Tarjeta con estilo moderno */
.login-card {
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
    animation: fadeInUp 0.6s ease;
}

/* Animación de entrada */
@keyframes fadeInUp {
    from {
        transform: translateY(25px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Íconos en inputs */
.login-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #007336;
    font-size: 1.2rem;
}

/* Inputs modernos */
.login-input {
    height: 54px;
    border-radius: 10px;
    border: 1px solid #cfd8dc;
    transition: all 0.2s ease;
}

    .login-input:focus {
        border-color: #007336;
        box-shadow: 0 0 0 0.15rem rgba(0, 115, 54, 0.25);
    }

/* Botón animado */
.login-btn {
    height: 52px;
    font-weight: 600;
    border-radius: 10px;
    transition: all 0.25s ease;
}

    .login-btn:hover {
        background-color: #0a8a4a !important;
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    }