.register-page { max-width: 640px; margin: 0 auto; padding-left: var(--st-space-lg); padding-right: var(--st-space-lg); }
.register-page .op-section-header { margin-left: auto; margin-right: auto; text-align: center; max-width: 520px; }
.register-card {
  background: var(--st-navy-light);
  border: 1px solid var(--st-navy-mid);
  border-radius: var(--st-radius-card);
  padding: var(--st-space-2xl);
  margin-top: var(--st-space-xl);
}
.register-progress {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--st-space-sm);
  margin-bottom: var(--st-space-2xl);
}
.register-progress__step {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--st-font-mono);
  font-size: 12px;
  color: var(--st-white-20);
}
.register-progress__step span {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid var(--st-navy-mid);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}
.register-progress__step.is-active { color: var(--st-white); }
.register-progress__step.is-active span { border-color: var(--st-gold); color: var(--st-gold); }
.register-progress__step.is-done span { background: var(--st-gold); border-color: var(--st-gold); color: var(--st-navy); }
.register-progress__line { width: 24px; height: 1px; background: var(--st-navy-mid); }
.register-error {
  background: rgba(229, 62, 62, 0.1);
  border: 1px solid rgba(229, 62, 62, 0.3);
  color: #FCA5A5;
  font-size: 14px;
  padding: var(--st-space-sm) var(--st-space-md);
  border-radius: 8px;
  margin-bottom: var(--st-space-lg);
}
.register-form { display: flex; flex-direction: column; gap: var(--st-space-md); }
.register-step-note { color: var(--st-white-60); font-size: 14px; margin: 0 0 var(--st-space-sm); }
.field { display: flex; flex-direction: column; gap: 6px; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--st-space-md); }
@media (max-width: 500px) { .field-row { grid-template-columns: 1fr; } }
.field label {
  font-size: 13px;
  font-weight: 500;
  color: var(--st-white-90);
}
.field input[type="text"],
.field input[type="email"] {
  background: var(--st-input-bg);
  border: 1px solid var(--st-input-border);
  border-radius: var(--st-input-radius);
  color: var(--st-white);
  font-family: var(--st-font-body);
  font-size: 15px;
  padding: 12px var(--st-space-md);
}
.field input:focus {
  outline: none;
  border-color: var(--st-input-border-focus);
}
.field input::placeholder { color: var(--st-input-hint-color); }
.field--checkbox label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-weight: 400;
  font-size: 13px;
  color: var(--st-white-60);
  cursor: pointer;
}
.field--checkbox input { margin-top: 3px; }
.field--checkbox a { color: var(--st-gold); }
.register-form button[type="submit"] { margin-top: var(--st-space-sm); }
.register-form button[disabled] { opacity: 0.6; cursor: not-allowed; }
#register-resend-code { margin: var(--st-space-sm) auto 0; display: block; }
.register-done { text-align: center; padding: var(--st-space-lg) 0; }
.register-done h2 { color: var(--st-gold); }
.register-done p { color: var(--st-white-60); }