.centered-form {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background-color: #00020d;
        }

        .form-container {
            width: 95%;
            max-width: 600px; /* Ancho máximo para pantallas grandes */
            padding: 2rem;
            border-radius: 1rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            background-color: #fff;
        }

        /* Estilo para el contenedor del campo de contraseña */
        .password-container {
            position: relative;
        }

        .password-toggle {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            color: #6c757d;
        }
        
        .form-container .btn {
            width: 100%;
            border-radius: 0.5rem;
            margin-bottom: 100px;
        }

        .form-container .form-control {
            border-radius: 0.5rem;
        }
        
        /* Media query para dispositivos móviles */
        @media (max-width: 768px) {
            .form-container {
                padding: 1rem; /* Menos relleno en pantallas pequeñas */
            }
            .centered-form {
                align-items: flex-start; /* Alinea en la parte superior para que el usuario pueda desplazarse si el teclado está abierto */
                padding-top: 1rem;
            }
        }