body {
    background-color: #0f1117;
    color: #fff;
    font-family: 'Segoe UI', sans-serif;
}

.gradient-form {
    height: 100vh !important;
}

.card {
    background-color: #0e1320;
    color: #fff;
    box-shadow: 0 2px 6px rgba(245, 241, 241, 0.1);
}

.form-control {
    background-color: #0e1320;
    color: #fff;
    border: 1px solid #444;
}

.form-control::placeholder {
    color: #bbb;
}

  .btn-nude {
    background-color: #0d6efd;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
  }
  .btn-nude:hover {
    background-color: #3a3890;
}

.logo-img {
    width: 185px;
    filter: invert(1);
}

#img-bg {
    background-image: url('https://static.vecteezy.com/system/resources/previews/002/043/045/non_2x/loyalty-marketing-program-people-near-big-gift-boxes-discounts-rewards-card-points-and-bonuses-flat-illustration-vector.jpg');
    background-size: cover;
    background-position: center;
}