body {
    height: 100vh;
    font-family: Arial;

    /* 🔥 Fondo con imagen */
    background: 
        linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.8)),
        url("fondo.png");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    justify-content: center;
    align-items: center;
}

/* CONTENEDOR (tu mismo estilo pero mejorado) */
.login-container {
    background: #2423231a;
    padding: 35px;
    border-radius: 10px;
    width: 320px;
    color: #fff;

    /* 🔥 hace que siempre destaque sobre el fondo */
    box-shadow: 0 0 25px rgba(0,0,0,0.8);

    /* 🔥 efecto moderno */
    backdrop-filter: blur(5px);
}

/* Inputs */
input {
    width: 100%;
    padding: 12px;
    margin: 10px 0;
    background: #2c2c2c;
    border: 1px solid #333;
    color: white;
}

/* Botón */
button {
    width: 100%;
    padding: 12px;
    background:  #039dda;
    border: none;
    color: black;
    font-weight: bold;
}