#body {
    background-color: white;
    transition: all 1.5s ease;
  }

  #body.animated-blue {
    background: linear-gradient(135deg, #0b1b5c 0%, #0055a5 40%, #00a8e8 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
    /*background-image: repeating-linear-gradient(
      135deg,
      rgba(0, 122, 153, 0.58) 0px,
      rgba(0, 122, 153, 0.86) 10px,
      transparent 100px,
      transparent 160px
    );*/
  }

  .glass-card {
    background: var(--quido-glass);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    animation: fadeInUp 1.2s ease forwards;
  }

  .valid-feedback{
    color: var(--quido-valid);
    display: block;
    font-size: 0.8rem;
    margin-top: 0.25rem;
  }

  .invalid-feedback{
    color: var(--quido-invalid);
    display: block;
    font-size: 0.8rem;
    margin-top: 0.25rem;
  }

  input.is-valid {
    border-color: var(--quido-valid) !important;
    box-shadow: 0 0 5px rgba(158, 255, 194, 0.5);
  }

  input.is-invalid {
    border-color: var(--quido-invalid) !important;
    box-shadow: 0 0 5px rgba(158, 255, 194, 0.5);
  }