body {
    background: #35374B;              /* Fondo negro para simular una terminal */
    color: #FF9760;                    /* Todo el texto en verde neón por defecto */
    height: 100vh;                  /* Ocupa el 100% de la altura de la pantalla */
    display: flex;                  /* Activa el modo flexbox para centrar contenido */
    justify-content: center;        /* Centra horizontalmente el login */
    align-items: center;            /* Centra verticalmente el login */
    font-family: "Courier New", monospace; /* Fuente estilo máquina de escribir/terminal */
}

.login-container {
    border: 2px solid #FF9760;         /* Borde verde neón alrededor del cuadro */
    padding: 40px;                  /* Espacio interno para que no se vea apretado */
    width: 350px;                   /* Ancho fijo del cuadro de login */
    box-shadow: 0 0 20px #FF9760;      /* Brillo verde difuminado alrededor del contenedor */
}

input {
    width: 100%;                    /* El input ocupa todo el ancho del contenedor */
    padding: 10px;                  /* Espacio interno para que el texto no quede pegado */
    margin: 10px 0;                 /* Separación de 10px arriba y abajo entre inputs */
    background: black;              /* Fondo negro igual al body */
    border: 1px solid #FF9760;         /* Borde verde neón alrededor de cada campo */
    color: #E491C9;                    /* El texto que escribe el usuario sale verde */
}

button {
    width: 100%;                    /* El botón ocupa todo el ancho del contenedor */
    padding: 10px;                  /* Altura cómoda para el botón */
    background: #FF9760;               /* Fondo verde (invierte los colores del resto) */
    color: black;                   /* Texto negro sobre el fondo verde */
    border: none;                   /* Sin borde extra alrededor del botón */
    font-weight: bold;              /* Texto en negrilla para que resalte */
}