.gradient-bg {
  min-height: 100vh;
  background-color: #bdcaed;
}

.form-bg {
  background: linear-gradient(135deg, #1a1f36, #142a2e);
  padding: 2rem;
  border-radius: 18px;
  width: 100%;
  max-width: 420px;
}

.gradient-text {
  background: linear-gradient(45deg, #ff512f, #cd2071);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.form-control {
  background: #0b0f1a;
  border: 1px solid #2c2f3f;
  color: rgb(0, 0, 0);
}

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

.form-control:focus {
  background: #0b0f1a;
  color: rgb(1, 1, 1);
  border-color: #ff512f;
  box-shadow: none;
}

.submit-btn {
  background: linear-gradient(45deg, #c88f83, #fff8a9);
  border: none;
  font-weight: 600;
  color: rgb(0, 0, 0);
}

.submit-btn:hover {
  opacity: 0.9;
}