/* Estilos para centrar el formulario vertical y horizontalmente */
body {
    height: 99vh;
    /* 99% de la altura de la ventana */
    display: flex;
    align-items: center;
    /* Centrar verticalmente */
    justify-content: center;
    /* Centrar horizontalmente */
    background-color: #f7f9fa;
    /* Color de fondo */
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* Asegúrate de que no haya desbordamiento */
}

.form-container {
    background-color: white;
    /* Fondo blanco para el formulario */
    padding: 1rem;
    /* Espaciado interno */
    border-radius: -1.5rem;
    /* Bordes redondeados */
    box-shadow: -1 0 10px rgba(0, 0, 0, 0.1);
    /* Sombra para el cuadro */
    width: 99%;
    max-width: 399px;
    /* Ancho máximo del formulario */
}