#member-onboarding-v49[hidden] { display: none !important; }
body.member-onboarding-open { overflow: hidden; }
#member-onboarding-v49 {
  --ob-ink: #111d26; --ob-muted: #556878; --ob-line: #d8e3e9;
  --ob-surface: #fff; --ob-field: #fff; --ob-cyan: #00a8e8;
  position: fixed; inset: 0; z-index: 2147483000; overflow: auto;
  padding: clamp(12px, 3vw, 48px); background: #f7f9fa;
  color: var(--ob-ink); font: 16px/1.5 Inter, system-ui, sans-serif;
}
#member-onboarding-v49 * { box-sizing: border-box; }
#member-onboarding-v49 .ob-layout {
  display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  width: min(1400px, 100%); min-height: min(780px, calc(100dvh - 96px));
  margin: auto; padding: 8px; border: 1px solid var(--ob-line);
  border-radius: 32px; background: var(--ob-surface);
  box-shadow: 0 20px 70px #142c4015;
}
#member-onboarding-v49 .ob-side {
  position: relative; display: flex; flex-direction: column; justify-content: space-between;
  min-height: 620px; overflow: hidden; isolation: isolate;
  padding: clamp(28px, 4vw, 52px); border-radius: 26px;
  background: radial-gradient(circle at 78% 31%, #00a8e8 0, #006597 28%, #102a3a 58%, #101519 90%);
  color: #fff;
}
#member-onboarding-v49 .ob-side::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(circle at 18% 90%, #00caff37, transparent 38%),
    linear-gradient(143deg, #00000052 0%, transparent 45%);
}
#member-onboarding-v49 .ob-brand {
  position: relative; display: inline-flex; align-items: center; align-self: start; gap: 12px;
  color: #fff !important; text-decoration: none; font-size: 21px; font-weight: 800; letter-spacing: -.025em;
}
#member-onboarding-v49 .ob-brand img { width: 37px; height: 37px; object-fit: contain; }
#member-onboarding-v49 .ob-art {
  position: absolute; inset: 82px 0 185px 15%; pointer-events: none; opacity: .9;
}
#member-onboarding-v49 .ob-art-orbit { position: absolute; border: 1px solid #79dfff52; border-radius: 50%; transform: rotate(-22deg); }
#member-onboarding-v49 .ob-orbit-one { width: 680px; height: 300px; right: -180px; top: 55px; }
#member-onboarding-v49 .ob-orbit-two { width: 570px; height: 440px; right: -115px; top: -16px; border-color: #b4e9fa24; }
#member-onboarding-v49 .ob-art-window {
  position: absolute; width: min(310px, 54%); height: 210px; right: 15%; top: 21%;
  border: 1px solid #a3e6fa86; border-radius: 22px;
  background: linear-gradient(148deg, #ffffff24, #002a4666);
  box-shadow: 0 28px 60px #0023344f, inset 0 1px #ffffff38;
  transform: rotate(5deg);
}
#member-onboarding-v49 .ob-art-dots { display: flex; gap: 7px; padding: 18px 20px; border-bottom: 1px solid #c2f3ff38; }
#member-onboarding-v49 .ob-art-dots i { width: 8px; height: 8px; border-radius: 50%; background: #81e0ff; }
#member-onboarding-v49 .ob-art-dots i:nth-child(2) { background: #f1d591; }
#member-onboarding-v49 .ob-art-dots i:nth-child(3) { background: #92e4bd; }
#member-onboarding-v49 .ob-art-heart { padding: 3px 25px; color: #a8eeff; font-size: 44px; line-height: 1; }
#member-onboarding-v49 .ob-art-lines { display: grid; gap: 10px; padding: 0 26px; }
#member-onboarding-v49 .ob-art-lines i { height: 7px; width: 78%; border-radius: 8px; background: #a6e5f67d; }
#member-onboarding-v49 .ob-art-lines i:nth-child(2) { width: 56%; background: #c4eff760; }
#member-onboarding-v49 .ob-art-lines i:nth-child(3) { width: 66%; background: #bcebf84c; }
#member-onboarding-v49 .ob-art-tile {
  position: absolute; display: grid; place-items: center; width: 80px; height: 80px;
  border: 1px solid #cbf2ff78; border-radius: 18px; color: #b0eeff; font-size: 36px;
  background: #04477598; box-shadow: 0 16px 40px #00273640;
}
#member-onboarding-v49 .ob-art-tile-one { right: 9%; top: 10%; }
#member-onboarding-v49 .ob-art-tile-two { right: 5%; bottom: 11%; width: 65px; height: 65px; }
#member-onboarding-v49 .ob-hero { position: relative; margin-top: auto; padding-bottom: 23px; }
#member-onboarding-v49 .ob-hero h2 {
  margin: 0 0 9px; color: #fff !important; font-size: clamp(37px, 4.3vw, 68px);
  line-height: 1.05; letter-spacing: -.06em;
}
#member-onboarding-v49 .ob-hero em { color: #57d5ff; font-style: normal; }
#member-onboarding-v49 .ob-hero p { max-width: 420px; margin: 0; color: #deecf4 !important; font-size: 16px; }
#member-onboarding-v49 .ob-motto { display: block; margin-top: 16px; color: #9bdcf0; font-size: 11px; font-weight: 750; letter-spacing: .18em; }
#member-onboarding-v49 .ob-step-tiles { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
#member-onboarding-v49 .ob-step-tile {
  min-width: 0; min-height: 92px; padding: 11px 9px; border: 1px solid #b6e9ff39;
  border-radius: 15px; background: #ffffff0e; color: #dbeaf3;
}
#member-onboarding-v49 .ob-step-tile.active { border-color: #54d8ff; background: #00b5e840; box-shadow: inset 0 0 0 1px #54d8ff; }
#member-onboarding-v49 .ob-step-tile span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #fff3; font-size: 12px; font-weight: 800; }
#member-onboarding-v49 .ob-step-tile.active span { background: #40d3ff; color: #06212b; }
#member-onboarding-v49 .ob-step-tile strong { display: block; margin-top: 15px; color: #f3faff !important; font-size: clamp(10px, .9vw, 13px); font-weight: 650; overflow-wrap: anywhere; }
#member-onboarding-v49 .ob-card {
  width: min(520px, 100%); align-self: center; justify-self: center;
  padding: clamp(32px, 4vw, 55px) clamp(22px, 3vw, 48px);
  color: var(--ob-ink) !important;
}
#member-onboarding-v49 .ob-card h1 { margin: 0 0 12px; color: var(--ob-ink) !important; font-size: clamp(30px, 3.2vw, 46px); line-height: 1.12; letter-spacing: -.045em; }
#member-onboarding-v49 .ob-progress { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 38px; color: var(--ob-muted); font-size: 14px; }
#member-onboarding-v49 .ob-steps { display: flex; gap: 9px; align-items: center; }
#member-onboarding-v49 .ob-steps span { width: 13px; height: 13px; border-radius: 50%; background: #d8e2e9; }
#member-onboarding-v49 .ob-steps span.active { background: var(--ob-cyan); }
#member-onboarding-v49 .ob-subtitle { margin: 0 0 20px !important; color: #4a5d6b !important; font-size: 18px; font-weight: 650; }
#member-onboarding-v49 .ob-step-description { margin: 0 0 28px !important; color: var(--ob-muted) !important; }
#member-onboarding-v49 .ob-slide { display: grid; gap: 17px; align-content: start; margin: 0 0 25px; animation: ob-slide .25s ease both; }
@keyframes ob-slide { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); } }
#member-onboarding-v49 .ob-card label { display: grid; gap: 8px; color: var(--ob-ink) !important; font-size: 14px; font-weight: 700; }
#member-onboarding-v49 .ob-card input:not([type=checkbox]), #member-onboarding-v49 .ob-card select {
  width: 100%; height: 52px; padding: 0 15px; border: 1px solid var(--ob-line) !important;
  border-radius: 12px; background: var(--ob-field) !important; color: var(--ob-ink) !important;
  font: inherit; font-size: 15px; outline: none; color-scheme: light;
}
#member-onboarding-v49 .ob-card input:focus, #member-onboarding-v49 .ob-card select:focus { border-color: #00a8e8 !important; box-shadow: 0 0 0 3px #00a8e830; }
#member-onboarding-v49 .ob-card input::placeholder { color: #667987 !important; opacity: 1; }
#member-onboarding-v49 .ob-card small, #member-onboarding-v49 .ob-hint { color: var(--ob-muted) !important; font-size: 13px; margin: 0; }
#member-onboarding-v49 .ob-known { padding: 16px; border-radius: 12px; background: #eaf6fb; overflow-wrap: anywhere; }
#member-onboarding-v49 .ob-card .ob-known strong { color: var(--ob-ink) !important; }
#member-onboarding-v49 .ob-terms, #member-onboarding-v49 .ob-ack { display: flex !important; align-items: start; gap: 10px; font-size: 13px !important; font-weight: 450 !important; }
#member-onboarding-v49 input[type=checkbox] { width: 18px; height: 18px; accent-color: #00a8e8; flex: none; }
#member-onboarding-v49 .ob-card a { color: #006b96 !important; }
#member-onboarding-v49 .ob-card button {
  min-height: 48px; border: 0; border-radius: 12px; background: var(--ob-cyan) !important;
  color: #06202a !important; padding: 12px 19px; font: inherit; font-weight: 750; cursor: pointer;
}
#member-onboarding-v49 .ob-card button:disabled { opacity: .58; cursor: not-allowed; }
#member-onboarding-v49 .ob-card button:focus-visible, #member-onboarding-v49 .ob-card a:focus-visible { outline: 3px solid #00a8e8; outline-offset: 3px; }
#member-onboarding-v49 .ob-card button.ob-outline { background: #e8eff2 !important; color: #20323b !important; }
#member-onboarding-v49 .ob-actions { display: flex; gap: 10px; }
#member-onboarding-v49 .ob-actions button:last-child { flex: 1; }
#member-onboarding-v49 .ob-signin { display: block; margin-top: 26px; font-size: 14px; text-align: center; }
#member-onboarding-v49 .ob-message { padding: 12px 15px; margin-top: 16px; color: #923335 !important; background: #fff1f0; border-radius: 10px; font-size: 14px; }
#member-onboarding-v49 .ob-finish { text-align: center; }
#member-onboarding-v49 .ob-finish p, #member-onboarding-v49 .ob-recovery p, #member-onboarding-v49 .ob-login p { color: var(--ob-muted) !important; }
#member-onboarding-v49 .ob-check { display: grid; place-items: center; width: 68px; height: 68px; margin: 0 auto 22px; border-radius: 50%; background: #d9f7e9; color: #19804d; font-size: 34px; }
#member-onboarding-v49 output { display: block; overflow-wrap: anywhere; background: #eaf6fb; border: 1px dashed #6bb8d2; padding: 15px; border-radius: 10px; color: #162d39; font-family: ui-monospace, monospace; letter-spacing: .08em; margin: 18px 0 10px; }
#member-onboarding-v49 .ob-finish > button { margin: 5px; }
#member-onboarding-v49 .ob-ack { justify-content: center; margin: 19px 0; }
#member-onboarding-v49 .ob-login > p { margin: 0 0 28px; }
#member-onboarding-v49 .ob-login form, #member-onboarding-v49 .ob-recovery form { display: grid; gap: 18px; margin: 22px 0; }
#member-onboarding-v49 .ob-login form button { margin-top: 7px; }
#member-onboarding-v49 .ob-login-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px; margin-top: 24px; font-size: 14px; }
#member-onboarding-v49 .ob-kicker { display: block; margin: 0 0 20px; color: #087ba7; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
html[data-spro-theme="dark"] #member-onboarding-v49 {
  --ob-ink: #f3f7fa; --ob-muted: #b3c2cd; --ob-line: #3a4b55;
  --ob-surface: #141d23; --ob-field: #1c2931; --ob-cyan: #40c9f4;
  background: #0b0f12; color-scheme: dark;
}
html[data-spro-theme="dark"] #member-onboarding-v49 .ob-layout { box-shadow: 0 20px 65px #0006; }
html[data-spro-theme="dark"] #member-onboarding-v49 .ob-subtitle { color: #dce8ef !important; }
html[data-spro-theme="dark"] #member-onboarding-v49 .ob-card input:not([type=checkbox]), html[data-spro-theme="dark"] #member-onboarding-v49 .ob-card select { color-scheme: dark; }
html[data-spro-theme="dark"] #member-onboarding-v49 .ob-card input::placeholder { color: #a5b7c1 !important; }
html[data-spro-theme="dark"] #member-onboarding-v49 .ob-card a, html[data-spro-theme="dark"] #member-onboarding-v49 .ob-kicker { color: #62d4f8 !important; }
html[data-spro-theme="dark"] #member-onboarding-v49 .ob-card .ob-known, html[data-spro-theme="dark"] #member-onboarding-v49 output { background: #1d3846; color: #eef8ff; border-color: #4a8296; }
html[data-spro-theme="dark"] #member-onboarding-v49 .ob-card button.ob-outline { background: #2d3e48 !important; color: #f1f7fa !important; }
html[data-spro-theme="dark"] #member-onboarding-v49 .ob-message { background: #4b2829; color: #ffe0dc !important; }
html[data-spro-theme="dark"] #member-onboarding-v49 .ob-steps span:not(.active) { background: #4a5c68; }
@media (max-width: 880px) {
  #member-onboarding-v49 { padding: 12px; }
  #member-onboarding-v49 .ob-layout { grid-template-columns: 1fr; width: min(640px, 100%); min-height: calc(100dvh - 24px); }
  #member-onboarding-v49 .ob-side { min-height: 0; padding: 24px; border-radius: 24px; }
  #member-onboarding-v49 .ob-art { display: none; }
  #member-onboarding-v49 .ob-hero { margin: 24px 0 0; padding: 0; }
  #member-onboarding-v49 .ob-hero h2 { font-size: 34px; }
  #member-onboarding-v49 .ob-hero h2 br { display: none; }
  #member-onboarding-v49 .ob-hero p { font-size: 14px; }
  #member-onboarding-v49 .ob-motto { display: none; }
  #member-onboarding-v49 .ob-step-tiles { margin-top: 20px; gap: 6px; }
  #member-onboarding-v49 .ob-step-tile { min-height: 58px; padding: 7px; }
  #member-onboarding-v49 .ob-step-tile strong { margin-top: 5px; font-size: 10px; }
  #member-onboarding-v49 .ob-step-tile span { width: 19px; height: 19px; font-size: 10px; }
  #member-onboarding-v49 .ob-card { width: 100%; padding: 34px clamp(16px, 5vw, 40px) 44px; }
  #member-onboarding-v49 .ob-card input:not([type=checkbox]), #member-onboarding-v49 .ob-card select { border-radius: 17px; }
  #member-onboarding-v49 .ob-progress { margin-bottom: 24px; }
}
@media (max-width: 400px) {
  #member-onboarding-v49 { padding: 0; }
  #member-onboarding-v49 .ob-layout { padding: 0; border: 0; border-radius: 0; min-height: 100dvh; }
  #member-onboarding-v49 .ob-side { border-radius: 0 0 23px 23px; padding: 19px; }
  #member-onboarding-v49 .ob-hero h2 { font-size: 30px; }
  #member-onboarding-v49 .ob-hero p { font-size: 13px; }
  #member-onboarding-v49 .ob-card { width: calc(100% - 22px); margin: 11px auto 22px; padding: 28px 19px 42px; border: 1px solid var(--ob-line); border-radius: 22px; background: var(--ob-surface); }
  #member-onboarding-v49 .ob-card input:not([type=checkbox]), #member-onboarding-v49 .ob-card select { border-radius: 17px; }
}
@media (prefers-reduced-motion: reduce) { #member-onboarding-v49 .ob-slide { animation: none; } }