/* Registration presentation. Submission, field names and panel validation stay in Register/Embed.php. */
html[data-active-view="register"],
html[data-active-view="register"] body { background: #171513 !important; }
html[data-active-view="register"] .site-shell { background: transparent !important; }
html[data-active-view="register"] #inner-page-shell {
  position: relative;
  min-height: 100svh;
  padding: 99px 24px 42px !important;
  background: radial-gradient(ellipse at 28% 0%, #302821 0%, #1c1916 42%, #151413 100%) !important;
}
html[data-active-view="register"] #inner-page-shell::before,
html[data-active-view="register"] #inner-page-shell::after,
html[data-active-view="register"] .inner-page-hero { display: none !important; }
html[data-active-view="register"] .inner-page-body,
html[data-active-view="register"] #panel-view {
  width: 100% !important; max-width: 760px !important; min-height: 0 !important;
  margin: 0 auto !important; padding: 0 !important;
  border: 0 !important; background: transparent !important; box-shadow: none !important;
}
html[data-active-view="register"] #panel-frame {
  display: block; width: 100% !important; min-height: 0 !important;
  border: 0 !important; background: transparent !important;
}
html:has(> body.s2-register-document) { background: transparent !important; }
.s2-register-document {
  --journey-surface: #28221d;
  --journey-deep: #1b1815;
  --journey-cream: #e6dbc8;
  --journey-muted: #aca08e;
  --journey-gold: #b99a64;
  --journey-line: #494035;
  --journey-red: #987746;
  padding: 2px 3px 10px; background: transparent !important;
  color: var(--journey-cream); font: 400 14px/1.5 Arial, sans-serif;
}
.s2-register-document .register-layout { width: 100%; }
.s2-register-document .s2-register-title { display: flex; align-items: center; gap: 17px; margin: 0 0 23px; }
.s2-register-document .s2-register-title img { flex-shrink: 0; object-fit: contain; }
.s2-register-document .s2-register-title span { display: block; color: #b69a6c; font-size: 9px; letter-spacing: .14em; }
.s2-register-document .s2-register-title h1 { margin: 6px 0; font: 400 31px/1.15 JourneyFriz, Georgia, serif; }
.s2-register-document .s2-register-title p { margin: 0; color: #a99d8c; font-size: 13px; }
.s2-register-document .register-card {
  padding: 27px 30px 22px; border: 1px solid #4b4033; border-top-color: #7b6340;
  border-radius: 8px; background: linear-gradient(145deg, #2b2520, #211d19);
  box-shadow: inset 0 1px #ffffff04;
}
.s2-register-document .register-grid { gap: 12px 14px; align-items: stretch; }
.s2-register-document .field input,
.s2-register-document .reference-trigger {
  height: 49px; border: 1px solid #534738; border-radius: 5px;
  background: #1c1916; color: #eee2cf; font-size: 13px;
  padding-left: 39px; padding-right: 12px;
}
.s2-register-document .field input::placeholder { color: #ada18e; opacity: 1; }
.s2-register-document .field input:focus,
.s2-register-document .reference-trigger:focus-visible {
  background: #231e18; border-color: #ba9962; box-shadow: 0 0 0 2px #b99a641c;
}
.s2-register-document .field input:-webkit-autofill { box-shadow: 0 0 0 1000px #231e18 inset; -webkit-text-fill-color: #eee2cf; }
.s2-register-document .field-symbol { left: 12px; bottom: 14px; color: #ae9060; }
.s2-register-document .field:has(.toggle-password) input { padding-right: 47px; }
.s2-register-document .field.has-generator input { padding-right: 89px; }
.s2-register-document .secret-action { height: 49px; width: 40px; border-left-color: #443a2f; color: #b99a64; }
.s2-register-document .generate-secret { right: 40px; }
.s2-register-document .delete-code-caption { position: absolute; z-index: 1; top: 5px; left: 39px; margin: 0; font-size: 9px; line-height: 1.2; color: #ad9c83; pointer-events: none; }
.s2-register-document .delete-code-field input { padding-top: 13px; }
.s2-register-document .reference-trigger { padding-left: 12px; padding-right: 30px; }
.s2-register-document .reference-chevron { bottom: 22px; }
.s2-register-document .reference-field.is-open .reference-chevron { bottom: 19px; }
.s2-register-document .reference-menu { background: #29231d; border-color: #6d573a; scrollbar-color: #9c8153 #211c17; }
.s2-register-document .reference-option { color: #dacdb9; font-size: 13px; }
.s2-register-document .reference-option:hover,
.s2-register-document .reference-option:focus-visible,
.s2-register-document .reference-option.is-active { background: #3a3024; }
.s2-register-document .reference-option[aria-selected="true"] { background: #483923; color: #ecd4a8; }
.s2-register-document .agreement { margin: 18px 0 12px; color: #b3a692; font-size: 12px; }
.s2-register-document .agreement input { accent-color: #b99a64; }
.s2-register-document .agreement-link,
.s2-register-document a { color: #cfb27e; }
.s2-register-document .captcha-wrap { margin: 15px 0; }
.s2-register-document .submit-button {
  min-height: 47px; padding: 12px 18px; border: 1px solid #b59862; border-radius: 5px;
  background: linear-gradient(#c2a36b, #ab894f); color: #241d12;
  font: 700 14px/1.4 Arial, sans-serif; letter-spacing: .03em; box-shadow: none;
}
.s2-register-document .submit-button:hover { background: #d0b27b; box-shadow: none; }
.s2-register-document .login-note { margin-top: 17px; padding-top: 15px; font-size: 12px; }
.s2-register-document .membership-backdrop { background: #100e0cf2; }
.s2-register-document .membership-dialog { background: #29231d; }
.s2-register-document .membership-close { background: #211c17; }
.s2-register-document .membership-content { color: #d1c4af; }
.s2-register-document .feature-inactive { padding: 20px 0; }
@media(max-width: 900px) {
  html[data-active-view="register"] #inner-page-shell { padding-top: 130px !important; }
}
@media(max-width: 600px) {
  html[data-active-view="register"] #inner-page-shell { padding-inline: 12px !important; }
  .s2-register-document .register-card { padding: 22px 15px 19px; }
  .s2-register-document .s2-register-title { gap: 12px; }
  .s2-register-document .s2-register-title h1 { font-size: 28px; }
  .s2-register-document .register-grid { grid-template-columns: 1fr; gap: 12px; }
  .s2-register-document .field input { font-size: 16px; }
}