/* Make all text white */
.clt-otp-form, .clt-otp-form input, .clt-btn, .clt-otp-popup, .clt-otp-popup *, #clt-otp-modal {
  color: #ffffff !important;
}
/* Placeholder color white */
.clt-otp-form input::-webkit-input-placeholder { color: #ffffff !important; }
.clt-otp-form input:-ms-input-placeholder { color: #ffffff !important; }
.clt-otp-form input::placeholder { color: #ffffff !important; }
/* OTP input boxes text white */
.clt-otp-boxes input { color: #ffffff !important; }
/* OTP modal heading white */
.clt-otp-popup .clt-otp-heading { color: #ffffff !important; }

.clt-otp-form {
  background: #0d0d0d; padding: 30px; border-radius: 12px;
  max-width: 420px; margin: 50px auto; text-align: center;
  color: #fff; font-family: 'Segoe UI', sans-serif;
}
.clt-otp-form input {
  width: 100%; padding: 12px; margin: 10px 0;
  background: #1a1a1a; border: 1px solid #ff0000;
  color: #fff; border-radius: 6px;
}
.clt-btn {
  width: 100%; padding: 12px; margin-top: 10px;
  background: #ff0000; color: #fff; border: none;
  border-radius: 8px; font-size: 16px; cursor: pointer;
}
.clt-otp-modal {
  position: fixed; inset: 0; background: rgba(0,0,0,0.8);
  display: none; justify-content: center; align-items: center;
  z-index: 9999;
}
.clt-otp-modal.active { display: flex; }
.clt-otp-popup {
  background: #1c1c1c; padding: 25px; border-radius: 12px;
  text-align: center; box-shadow: 0 0 20px rgba(255,0,0,0.2);
}
.clt-otp-boxes {
  display: flex; gap: 10px; justify-content: center;
  margin: 20px 0;
}
.clt-otp-boxes input {
  width: 48px; height: 56px; text-align: center;
  font-size: 22px; background: #1a1a1a; color: #fff;
  border: 1px solid #ff0000; border-radius: 10px;
}
.clt-resend {
  background: #333 !important; color: #fff !important;
}