body {
  background: linear-gradient(135deg, #b3e5fc 0%, #e1bee7 50%, #bbdefb 100%);
  background-attachment: fixed;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Poppins', sans-serif;
}

.glass {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 1.5rem;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2);
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

input, select {
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #333;
  font-weight: 500;
}

input:focus, select:focus {
  background: rgba(255, 255, 255, 0.8);
  border-color: #a78bfa;
  outline: none;
  box-shadow: 0 0 10px rgba(167, 139, 250, 0.5);
}

.btn-gradient {
  background: linear-gradient(90deg, #5e0666, #fa768c);
  color: white;
  transition: all 0.3s ease;
}

.btn-gradient:hover {
  background: linear-gradient(90deg, #7e57c2, #eba1ba);
  box-shadow: 0 4px 20px rgba(126, 87, 194, 0.4);
}

.modal-bg {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(5px);
}

label {
  color: #2f2f4f;
  font-weight: 400;
}