body {
    background: linear-gradient(to right, #6a11cb, #2575fc);
    font-family: Arial, sans-serif;
}

.card {
    width: 100%;
    max-width: 400px;
    background: white;
    border-radius: 10px;
}
/* estilos para el mensaje de error */
.error-message {
  background-color: #ff4c4c;    /* rojo de fondo */
  color: #fff;                  /* texto blanco */
  font-size: 1.25rem;           /* letra más grande */
  text-align: center;           /* texto centrado */
  padding: .75rem 1rem;         /* algo de espacio interior */
  border-radius: .25rem;        /* esquinas redondeadas */
  max-width: 400px;             /* ancho máximo */
  margin: 1rem auto;            /* centrado horizontal y margen superior */
}
.alert-danger {
  background-color: #dc3545 !important; /* rojo Bootstrap más intenso */
  color: #fff !important;
  font-size: 1.25rem;
  text-align: center;
  max-width: 400px;
  margin: 1rem auto;
  border-radius: .25rem;
}