/* Fondo elegante */
body {
    background: linear-gradient(135deg, #eef2ff, #dbeafe, #eff6ff);
    background-size: cover;
}

/* Card efecto moderno */
.login-card {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.35);
}

/* Inputs con iconos */
.input-group-text {
    border-radius: 50px 0 0 50px !important;
}

/* Botón aceptar con animación */
.login-btn {
    transition: all 0.25s ease;
}

    .login-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
    }