/* Регистрация: базовая вёрстка и тема */

.register-page {
  --reg-gap: 1.25rem;
}

.register-hero {
  min-height: 70vh;
  background: radial-gradient(120% 120% at 20% 20%, #0b2a7a 0%, #0e1633 60%, #0a0f26 100%);
  color: #fff;
  position: relative;
  display: flex;
  align-items: flex-end;
  border-right: 1px solid var(--color-border);
}
.register-hero .hero-inner {
  width: 100%;
  padding: 2rem;
}
.register-hero .badge-line {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: var(--brand-pink, #ff267e);
  color: #fff;
  font-weight: 800;
  border-radius: .5rem;
  padding: .35rem .75rem;
}

.register-form-wrap {
  padding: 2rem 1.25rem;
}
.register-form-wrap .form-control,
.register-form-wrap .form-select {
  background: var(--input_bg_color_1, #1d1f29);
  border-color: var(--input_border_color_1, #545662);
  color: var(--txt_color_1, #fff);
}
.register-form-wrap .form-control::placeholder { color: var(--input_txt_placeholder, #898b97); }
.register-form-wrap .form-text,
.register-form-wrap .text-muted { color: var(--txt_color_2, #bebebe) !important; }
.register-form-wrap .form-check-label { color: var(--txt_color_2, #bebebe); }

.register-submit.btn-register[disabled] {
  opacity: .85;
  pointer-events: none;
}

.register-sep { position: relative; text-align: center; margin: 1rem 0; color: var(--txt_color_2, #bebebe); }
.register-sep::before,
.register-sep::after {
  content: ""; position: absolute; top: 50%; width: 40%; height: 1px; background: var(--color-border);
}
.register-sep::before { left: 0; }
.register-sep::after { right: 0; }

.btn-google {
  display: inline-flex; align-items: center; gap: .5rem;
  border-color: var(--txt_color_2, #bebebe);
  color: var(--txt_color_1, #fff);
}
.btn-google .g { display:inline-grid; place-items:center; width:1.25rem; height:1.25rem; border-radius:.25rem; background:#fff; color:#000; font-weight:700; }

/* Мобильная адаптация */
@media (max-width: 991.98px) {
  .register-hero {
    min-height: 32vh;
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }
  .register-hero .hero-inner { padding: 1rem; }
  .register-form-wrap { padding: 1rem; }
}