body{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    min-height: 100vh;
    background: #020024;
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 84, 121, 1) 53%, rgba(0, 212, 255, 1) 100%);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;

 
}
.form-card{
     background: #2A7B9B;
    background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 40%, rgba(237, 221, 83, 1) 100%);
    width: 450px;
    border: 3px solid black;
    border-radius: 10px;
}


    .form-control {
      background-color: rgba(200, 25, 34, 0.2);
      color: #fff;
      border: 1px solid rgba(255, 255, 255, 0.3);
    }
        .form-floating label {
      color: #e0e0e0;
    }

        .form-control::placeholder {
      color: rgba(255, 255, 255, 0.5);
    }

    .form-control:focus {
      background-color: rgba(255, 255, 255, 0.136);
      color: black;
    }

    .form-select{
         background-color: rgba(128, 71, 74, 0.2);
      color:black;
      border: 1px solid rgba(255, 255, 255, 0.3);
    }