/* ==================== PURE COLOR - Sign Up Modal ==================== */
/* Sadece renkler – padding, width, height vb. boyutlar YOK */
/* id="signup-modal" */

#signup-modal .modal-content {
  color: #ffffff;
  border-color: rgba(255, 215, 0, 0.18);
}

#signup-modal .modal__content {
  color: #ffffff;
  background: radial-gradient(circle at 30% 0%, rgba(255, 255, 255, 0.12), transparent 45%),
    rgba(5, 10, 32, 0.95);
  border-color: rgba(255, 215, 0, 0.18);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.6),
    0 18px 35px rgba(0, 0, 0, 0.8);
}

#signup-modal .modal__title {
  background: linear-gradient(200.59deg,
      rgb(196, 147, 55) 18%,
      rgb(237, 205, 120) 36%,
      rgb(167, 96, 43) 60%,
      rgb(187, 145, 56) 85%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

#signup-modal .tabs-nav__btn {
  color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 215, 0, 0.25);
  background: rgba(5, 10, 32, 0.6);
}

#signup-modal .tabs-nav__btn.active {
  color: #ffd700;
  border-color: #ffd700;
  background: rgba(255, 215, 0, 0.15);
}

#signup-modal .modal__close {
  color: #ffd700;
  border-color: #ffd700;
  background: radial-gradient(circle at 30% 0%, rgba(255, 255, 255, 0.12), transparent 45%),
    rgba(5, 10, 32, 0.95);
}

#signup-modal .modal__close:hover {
  color: #ffec8b;
  border-color: #ffec8b;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.6);
}

#signup-modal .form__label {
  color: rgba(224, 224, 224, 0.9);
}

#signup-modal .form__label b {
  color: rgba(255, 105, 180, 0.9);
}

#signup-modal .form__input,
#signup-modal .form-control.form__input {
  color: #f5f5f5;
  border-color: rgba(255, 215, 0, 0.25);
  background: linear-gradient(135deg, #111935 0%, #0b1226 100%);
}

#signup-modal .form__input:focus,
#signup-modal .form-control.form__input:focus {
  border-color: rgba(255, 215, 0, 0.7);
  box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.5);
}

#signup-modal .form__pass {
  color: rgba(255, 255, 255, 0.75);
}

#signup-modal .special-label {
  color: rgba(224, 224, 224, 0.9);
}

#signup-modal .form__checkbox label {
  color: rgba(224, 224, 224, 0.9);
}

#signup-modal .form__checkbox button {
  color: #ffd700;
}

#signup-modal .form__btn {
  color: #1a2235;
  background: linear-gradient(200.59deg,
      rgb(196, 147, 55) 18%,
      rgb(237, 205, 120) 36%,
      rgb(167, 96, 43) 60%,
      rgb(187, 145, 56) 85%);
  box-shadow: 0 2px 12px rgba(196, 147, 55, 0.45);
}

#signup-modal .form__delimiter {
  color: rgba(255, 255, 255, 0.6);
}

#signup-modal .form__delimiter::before,
#signup-modal .form__delimiter::after {
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.25));
}

#signup-modal .form__text {
  color: rgba(255, 255, 255, 0.65);
}

#signup-modal .form__text button {
  color: #ffd700;
}

#signup-modal .form__text button:hover {
  color: #ffec8b;
}