.bxCampaignLogin {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  overflow: hidden;
  background: #000;
  color: #fff;
  font-family: Inter, Arial, sans-serif;
}

.bxCampaignLogin.menu-open {
  height: 100dvh;
  min-height: 100dvh;
  overflow: hidden;
}

.bxCampaignCarousel,
.bxCampaignShade,
.bxCampaignSlide {
  position: absolute;
  inset: 0;
}

.bxCampaignCarousel { z-index: -3; }

.bxCampaignSlide {
  opacity: 0;
  transform: scale(1.035);
  transition: opacity .8s ease, transform 6.6s ease;
}

.bxCampaignSlide.active {
  opacity: 1;
  transform: scale(1);
}

.bxCampaignSlide video,
.bxCampaignSlide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.92) contrast(1.04);
}

.bxCampaignShade {
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.08) 25%, rgba(0,0,0,.04) 58%, rgba(0,0,0,.88) 100%),
    linear-gradient(90deg, rgba(0,0,0,.2), transparent 45%, rgba(0,0,0,.12));
  pointer-events: none;
}

.bxCampaignHeader {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  padding: 0 28px;
  background: linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.02));
}

.bxCampaignBrand {
  display: inline-flex;
  align-items: baseline;
  color: #fff;
  font-size: 30px;
  font-weight: 850;
  letter-spacing: -.07em;
  line-height: 1;
}

.bxCampaignBrand b {
  margin-left: 1px;
  color: #fff;
}

.bxBingxWordmark {
  font-family: Arial Black, Inter, Arial, sans-serif;
  font-weight: 900;
  letter-spacing: -.075em;
}

.bxCampaignHeaderActions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.bxCampaignIconButton,
.bxCampaignSignUp {
  display: grid;
  place-items: center;
  border: 0;
  color: #fff;
  cursor: pointer;
}

.bxCampaignIconButton {
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 50%;
  background: rgba(0,0,0,.12);
}

.bxCampaignIconButton .material-icons-round { font-size: 27px; }

.bxCampaignSignUp {
  min-width: 92px;
  min-height: 42px;
  padding: 0 20px;
  border-radius: 999px;
  background: #0d6efd;
  font-size: 14px;
  font-weight: 650;
  box-shadow: 0 8px 24px rgba(13,110,253,.22);
}

.bxCampaignHero {
  position: relative;
  z-index: 2;
  min-height: calc(100svh - 72px);
}

.bxCampaignHeroContent {
  position: absolute;
  top: clamp(36px, 9vh, 104px);
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(92vw, 850px);
  transform: translateX(-50%);
  text-align: center;
}

.bxCampaignHeroContent h1 {
  margin: 0 0 46px;
  color: #fff;
  font-size: clamp(44px, 5.8vw, 84px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: .95;
  text-shadow: 0 4px 26px rgba(0,0,0,.26);
}

.bxCampaignLoginButton {
  min-width: 210px;
  height: 54px;
  padding: 0 34px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #111;
  font-size: 16px;
  font-weight: 550;
  cursor: pointer;
  box-shadow: 0 18px 50px rgba(0,0,0,.22);
  transition: transform .2s ease, box-shadow .2s ease;
}

.bxCampaignLoginButton:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 58px rgba(0,0,0,.3);
}

.bxCampaignDots {
  position: absolute;
  left: 50%;
  bottom: 34px;
  display: flex;
  gap: 7px;
  transform: translateX(-50%);
}

.bxCampaignDots button {
  width: 8px;
  height: 3px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: rgba(255,255,255,.45);
  cursor: pointer;
  transition: width .3s ease, background .3s ease;
}

.bxCampaignDots button.active {
  width: 26px;
  background: #fff;
}

.bxCampaignPartners {
  position: absolute;
  left: 50%;
  bottom: 62px;
  display: flex;
  align-items: center;
  gap: 16px;
  transform: translateX(-50%);
  white-space: nowrap;
}

.bxCampaignPartners img {
  width: 95px;
  height: 50px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.bxCampaignPartnerDivider {
  width: 1px;
  height: 34px;
  background: rgba(255,255,255,.42);
}

.bxCampaignPartnerText {
  max-width: 150px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.25;
  white-space: normal;
}

.bxCampaignMenuOverlay {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100dvh;
  z-index: 80;
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
  background: rgba(0, 0, 0, .56);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .28s ease, visibility 0s linear .36s;
}

.bxCampaignMenuOverlay.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .28s ease, visibility 0s;
}

.bxCampaignMenuDrawer {
  box-sizing: border-box;
  width: min(100vw, 420px);
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
  overscroll-behavior: none;
  padding: max(18px, env(safe-area-inset-top)) 16px calc(30px + env(safe-area-inset-bottom));
  color: #f5f5f5;
  background: #171717;
  box-shadow: -24px 0 72px rgba(0, 0, 0, .38);
  transform: translate3d(100%, 0, 0);
  will-change: transform;
  transition: transform .36s cubic-bezier(.22, .75, .2, 1);
}

.bxCampaignMenuOverlay.open .bxCampaignMenuDrawer { transform: translate3d(0, 0, 0); }

.bxCampaignMenuHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 32px;
  margin-bottom: 18px;
}

.bxCampaignMenuHeader .bxCampaignBrand {
  position: static;
  font-size: 25px;
  letter-spacing: -.9px;
}

.bxCampaignMenuBrand {
  display: flex;
  width: 76px;
  height: 24px;
  align-items: center;
  line-height: 0;
}

.bxCampaignMenuLogo {
  display: block;
  width: 76px;
  height: 24px;
  object-fit: contain;
}

.bxCampaignMenuClose {
  display: grid;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  color: #fff;
  background: transparent;
  place-items: center;
  cursor: pointer;
}

.bxCampaignMenuClose .material-icons-round { font-size: 30px; font-weight: 300; }

.bxCampaignMenuAuth {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-bottom: 14px;
}

.bxCampaignMenuAuth button {
  min-height: 48px;
  border: 0;
  border-radius: 25px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

.bxCampaignMenuAuth .secondary { background: #222; }
.bxCampaignMenuAuth .primary { background: #1464f4; }

.bxCampaignMenuList > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 48px;
  padding: 0;
  border: 0;
  color: #f0f0f0;
  background: transparent;
  font-size: 16px;
  font-weight: 650;
  text-align: left;
  cursor: pointer;
}

.bxCampaignMenuList > button .material-icons-round { color: #858585; font-size: 21px; }

.bxCampaignMenuDivider {
  height: 1px;
  margin: 5px -16px;
  background: #232323;
}

.bingxMenuThemeRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 52px;
  color: #f0f0f0;
  font-size: 16px;
  font-weight: 650;
}

.bingxMenuThemeSwitch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 82px;
  height: 24px;
  flex: 0 0 82px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #343638;
  border-radius: 3px;
  outline: 0;
  background: #18191a;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease;
  -webkit-tap-highlight-color: transparent;
}

.bingxMenuThemeSwitch .bingxThemeOption {
  position: relative;
  display: grid;
  place-items: center;
  width: 40px;
  height: 22px;
  color: #777b80;
  background: transparent;
  transition: color .18s ease, background-color .18s ease;
}

.bingxMenuThemeSwitch .bingxThemeOption + .bingxThemeOption {
  border-left: 1px solid #292b2d;
}

.bingxMenuThemeSwitch .bingxThemeOption .material-icons-round {
  position: static;
  width: auto;
  height: auto;
  color: inherit;
  background: transparent;
  font-size: 15px;
  line-height: 1;
  transform: none;
}

.bingxMenuThemeSwitch:not(.active) .bingxThemeSun,
.bingxMenuThemeSwitch.active .bingxThemeMoon {
  color: #f4f5f6;
  background: #242628;
}

.bingxMenuThemeSwitch:active .bingxThemeOption { opacity: .76; }

.bxCampaignLanguageGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 3px 0 13px;
}

.bxCampaignLanguageGrid button {
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid #303030;
  border-radius: 10px;
  color: #c8c8c8;
  background: #202020;
  font-size: 14px;
  cursor: pointer;
}

.bxCampaignLanguageGrid button.active {
  border-color: #2c70ff;
  color: #fff;
  background: rgba(31, 103, 255, .2);
}

.bxCampaignInstallHint {
  margin: -2px 0 10px;
  padding: 10px 12px;
  border-radius: 10px;
  color: #bdbdbd;
  background: #202020;
  font-size: 12px;
  line-height: 1.5;
}

/* Signed-out drawer: reuse the signed-in controls, but give the shorter
   guest menu a calmer vertical rhythm. Keep these overrides after the shared
   control rules so their actual computed sizes cannot be collapsed. */
.bingxGuestMenuDrawer {
  padding: max(24px, env(safe-area-inset-top)) 20px calc(34px + env(safe-area-inset-bottom));
  overflow-y: auto;
}

.bingxGuestMenuDrawer .bxCampaignMenuHeader { margin-bottom: 24px; }

.bxGuestMenuAuth {
  grid-template-columns: 1fr;
  margin-bottom: 24px;
}

.bxGuestMenuAuth button { min-height: 52px; }

.bingxGuestMenuList {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bingxGuestMenuList > button { min-height: 56px; }
.bingxGuestMenuList > .bingxMenuThemeRow { min-height: 56px; }
.bingxGuestMenuList > .bxCampaignMenuDivider { margin: 8px -20px; }

.bxCampaignLoginOverlay {
  position: fixed;
  z-index: 10050;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0,0,0,.64);
  opacity: 0;
  visibility: hidden;
  backdrop-filter: blur(14px);
  transition: opacity .28s ease, visibility .28s ease;
}

.bxCampaignLoginOverlay.open {
  opacity: 1;
  visibility: visible;
}

.bxCampaignLoginSheet {
  position: relative;
  width: min(100%, 460px);
  max-height: calc(100svh - 48px);
  overflow-y: auto;
  padding: 28px 30px 26px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 28px;
  background: rgba(16,17,20,.93);
  color: #fff;
  box-shadow: 0 32px 90px rgba(0,0,0,.52);
  transform: translateY(24px) scale(.97);
  transition: transform .34s cubic-bezier(.2,.7,.2,1);
}

.bxCampaignLoginOverlay.open .bxCampaignLoginSheet {
  transform: translateY(0) scale(1);
}

.bxCampaignSheetHandle { display: none; }

.bxCampaignSheetHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 26px;
}

.bxCampaignSheetEyebrow {
  display: block;
  margin-bottom: 8px;
  color: #7f8a98;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
}

.bxCampaignSheetHeader h2 {
  margin: 0;
  color: #fff;
  font-size: 31px;
  font-weight: 750;
  letter-spacing: -.035em;
}

.bxCampaignOrigin {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 9px;
  color: rgba(255,255,255,.42);
  font-size: 10px;
  line-height: 1;
}

.bxCampaignOrigin .material-icons-round {
  color: #42a0ff;
  font-size: 14px;
}

.bxCampaignSheetClose {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  background: rgba(255,255,255,.05);
  color: #fff;
  cursor: pointer;
}

.bxCampaignForm { gap: 14px; }

.bxCampaignForm .bxLoginInputGroup {
  position: relative;
  display: block;
}

.bxCampaignForm .bxLoginInput {
  width: 100%;
  min-height: 56px;
  padding: 15px 50px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  outline: 0;
  background: rgba(255,255,255,.055);
  color: #fff;
  caret-color: #1478ff;
}

.bxCampaignForm .bxLoginInput::placeholder { color: rgba(255,255,255,.42); }

.bxCampaignForm .bxLoginInput:focus {
  border-color: #1478ff;
  background: rgba(255,255,255,.08);
  box-shadow: 0 0 0 4px rgba(20,120,255,.13);
}

.bxCampaignFieldIcon {
  position: absolute;
  z-index: 2;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.46);
  font-size: 20px;
}

.bxCampaignForm .bxLoginEyeBtn {
  right: 11px;
  color: rgba(255,255,255,.48);
}

.bxCampaignForm .bxLoginForgot a,
.bxCampaignForm .bxLoginRegister a,
.bxCampaignLegal a {
  color: #4a9aff;
  text-decoration: none;
}

.bxCampaignSubmit {
  min-height: 55px;
  border-radius: 999px;
  background: #fff;
  color: #111;
}

.bxCampaignSubmit:hover { background: #f1f1f1; }

.bxCampaignForm .bxLoginRegister {
  margin-top: 3px;
  color: rgba(255,255,255,.5);
}

.bxCampaignLegal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  margin-top: 9px;
  color: rgba(255,255,255,.35);
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 560px) {
  .bxCampaignHeader {
    height: 62px;
    padding: 0 9px;
  }

  .bxCampaignBrand { font-size: 26px; }

  .bxCampaignHeaderActions { gap: 5px; }

  .bxCampaignIconButton {
    width: 39px;
    height: 39px;
  }

  .bxCampaignIconButton .material-icons-round { font-size: 25px; }

  .bxCampaignSignUp {
    min-width: 84px;
    min-height: 40px;
    padding: 0 17px;
    font-size: 13px;
  }

  .bxCampaignHero { min-height: calc(100svh - 62px); }

  .bxCampaignHeroContent {
    top: 28px;
    width: 94vw;
  }

  .bxCampaignHeroContent h1 {
    margin-bottom: 66px;
    font-size: clamp(32px, 8.7vw, 39px);
    letter-spacing: -.045em;
  }

  .bxCampaignLoginButton {
    min-width: 144px;
    height: 46px;
    font-size: 14px;
  }

  .bxCampaignPartners {
    bottom: 64px;
    gap: 11px;
  }

  .bxCampaignPartners img {
    width: 82px;
    height: 43px;
  }

  .bxCampaignPartnerDivider { height: 28px; }
  .bxCampaignPartnerText { max-width: 120px; font-size: 8px; }
  .bxCampaignDots { bottom: 34px; }

  .bxCampaignLoginOverlay {
    align-items: flex-end;
    padding: 0;
  }

  .bxCampaignLoginSheet {
    width: 100%;
    max-height: 88svh;
    padding: 14px 22px max(24px, env(safe-area-inset-bottom));
    border-width: 1px 0 0;
    border-radius: 26px 26px 0 0;
    transform: translateY(100%);
  }

  .bxCampaignLoginOverlay.open .bxCampaignLoginSheet {
    transform: translateY(0);
  }

  .bxCampaignSheetHandle {
    display: block;
    width: 42px;
    height: 4px;
    margin: 0 auto 20px;
    border-radius: 4px;
    background: rgba(255,255,255,.24);
  }

  .bxCampaignSheetHeader { margin-bottom: 20px; }
  .bxCampaignSheetHeader h2 { font-size: 28px; }
  .bxCampaignForm .bxLoginInput { min-height: 54px; }
}

@media (prefers-reduced-motion: reduce) {
  .bxCampaignSlide,
  .bxCampaignLoginOverlay,
  .bxCampaignLoginSheet {
    transition: none;
  }
}

/* ===== Registration v2 / social onboarding ===== */
.bxRegisterV2{position:relative;min-height:100svh;overflow:auto;background:#07090c;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.bxRegisterBackdrop{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.08);opacity:.5}
.bxRegisterShade{position:fixed;inset:0;background:radial-gradient(circle at 72% 20%,rgba(43,105,255,.2),transparent 36%),linear-gradient(90deg,rgba(3,5,8,.94),rgba(3,5,8,.76) 48%,rgba(3,5,8,.9));backdrop-filter:blur(2px)}
.bxRegisterHeader{position:relative;z-index:2;display:flex;align-items:center;gap:16px;height:74px;padding:0 clamp(20px,4vw,56px)}
.bxRegisterHeader button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.055);color:#fff;cursor:pointer}
.bxRegisterBrand{font-size:21px;font-weight:850;letter-spacing:.06em}
.bxRegisterStage{position:relative;z-index:1;display:flex;justify-content:flex-start;align-items:flex-start;padding:28px clamp(20px,9vw,130px) 70px}
.bxRegisterCard{width:min(100%,460px);padding:34px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(145deg,rgba(24,27,32,.9),rgba(12,14,17,.86));box-shadow:0 35px 90px rgba(0,0,0,.48);backdrop-filter:blur(28px)}
.bxRegisterIntro{margin-bottom:26px}.bxRegisterEyebrow{display:block;margin-bottom:10px;color:#75a7ff;font-size:11px;font-weight:800;letter-spacing:.19em}.bxRegisterIntro h1,.bxOauthCompleteCard h2{margin:0;color:#fff;font-size:32px;line-height:1.15;letter-spacing:-.03em}.bxRegisterIntro p,.bxOauthCompleteCard>p{margin:10px 0 0;color:rgba(255,255,255,.55);font-size:14px;line-height:1.55}
.bxSocialStack{display:grid;gap:12px}.bxSocialButton{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:56px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#202225;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.bxSocialButton:hover{transform:translateY(-1px);background:#282b30;border-color:rgba(255,255,255,.19)}.bxSocialButton:disabled{opacity:.62;cursor:wait}.bxGoogleMark{font-size:21px;font-weight:900;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 42%,#fbbc05 0 67%,#ea4335 0 83%,#4285f4 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.bxRegisterNotice,.bxRegisterError{margin-top:13px;padding:11px 13px;border:1px solid rgba(255,193,7,.22);border-radius:11px;background:rgba(255,193,7,.08);color:#ffd476;font-size:12px;line-height:1.5}.bxRegisterError{border-color:rgba(255,88,88,.25);background:rgba(255,65,65,.08);color:#ff9a9a}
.bxRegisterDivider{display:flex;align-items:center;gap:12px;margin:22px 0;color:rgba(255,255,255,.35);font-size:12px}.bxRegisterDivider span{height:1px;flex:1;background:rgba(255,255,255,.1)}.bxRegisterDivider b{font-weight:500}
.bxAccountToggle{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.88);font-size:14px;font-weight:700;cursor:pointer}.bxAccountToggle span:last-child{margin-left:auto;margin-right:14px}.bxAccountToggle span:first-child{margin-left:14px}
.bxRegisterAccountForm{display:grid;gap:11px;margin-top:16px;animation:bxRegisterReveal .28s ease both}@keyframes bxRegisterReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.bxRegisterField{position:relative;display:block}.bxRegisterField input{width:100%;height:52px;padding:0 48px 0 15px;box-sizing:border-box;border:1px solid rgba(255,255,255,.11);border-radius:13px;outline:none;background:rgba(255,255,255,.055);color:#fff;font-size:15px;transition:border-color .18s,box-shadow .18s}.bxRegisterField input::placeholder{color:rgba(255,255,255,.34)}.bxRegisterField input:focus{border-color:#4e88ff;box-shadow:0 0 0 3px rgba(66,125,255,.14)}.bxRegisterField>button{position:absolute;right:5px;top:5px;width:42px;height:42px;border:0;background:transparent;color:rgba(255,255,255,.58);cursor:pointer}
.bxRegisterTerms{display:flex;align-items:flex-start;flex-wrap:wrap;gap:5px;margin:4px 1px;color:rgba(255,255,255,.55);font-size:12px;line-height:1.5}.bxRegisterTerms input{margin:2px 3px 0 0;accent-color:#3977ff}.bxRegisterTerms a{color:#78a8ff;text-decoration:none}
.bxRegisterSubmit{width:100%;height:54px;margin-top:3px;border:0;border-radius:15px;background:linear-gradient(110deg,#2864ef,#4d8cff);box-shadow:0 12px 28px rgba(38,102,239,.24);color:#fff;font-size:15px;font-weight:800;cursor:pointer}.bxRegisterSubmit:disabled{opacity:.58;cursor:wait}
.bxRegisterLoginLink{display:flex;justify-content:center;gap:7px;margin-top:22px;color:rgba(255,255,255,.48);font-size:13px}.bxRegisterLoginLink a{color:#7cabff;text-decoration:none;font-weight:700}
.bxOauthCompleteOverlay{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.76);backdrop-filter:blur(12px)}.bxOauthCompleteCard{position:relative;width:min(100%,410px);box-sizing:border-box;padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#14171b;box-shadow:0 35px 100px rgba(0,0,0,.65)}.bxOauthCompleteCard{display:grid;gap:12px}.bxOauthCompleteCard h2{font-size:26px}.bxOauthCompleteCard>p{margin:0 0 8px}.bxOauthClose{position:absolute;right:15px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#fff;font-size:23px;cursor:pointer}
@media(max-width:640px){.bxRegisterBackdrop{object-position:62% center}.bxRegisterShade{background:linear-gradient(180deg,rgba(3,5,8,.78),rgba(3,5,8,.96) 42%,#050608)}.bxRegisterHeader{height:64px;padding:0 16px}.bxRegisterStage{padding:10px 12px 36px}.bxRegisterCard{padding:25px 18px;border-radius:23px;background:rgba(13,15,19,.9)}.bxRegisterIntro h1{font-size:28px}.bxRegisterIntro{margin-bottom:22px}.bxSocialButton{height:55px}.bxOauthCompleteCard{padding:26px 18px}}

/* ===== Registration layout: original brand, exchange-style information architecture ===== */
.bxRefRegister{min-height:100svh;background:#050505;color:#f6f7f9;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.bxRefRegisterHeader{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:66px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,5,5,.93);backdrop-filter:blur(18px)}
.bxRefRegisterHeaderLeft,.bxRefRegisterHeaderRight{display:flex;align-items:center}.bxRefRegisterHeaderLeft{gap:22px}.bxRefRegisterHeaderRight{gap:18px}.bxRefBack{display:none;width:38px;height:38px;border:0;border-radius:11px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer}.bxRefBrand{color:#fff;text-decoration:none;font-size:22px;font-weight:900;letter-spacing:.055em}.bxRefNav{display:flex;align-items:center;gap:26px;padding-left:22px;border-left:1px solid rgba(255,255,255,.11)}.bxRefNav a,.bxRefLoginLink{color:rgba(255,255,255,.77);text-decoration:none;font-size:14px;font-weight:600;transition:color .16s}.bxRefNav a:hover,.bxRefLoginLink:hover{color:#fff}.bxRefHeaderDot{width:1px;height:24px;background:rgba(255,255,255,.12)}.bxRefHeaderIcon{color:rgba(255,255,255,.78);font-size:21px}
.bxRefRegisterMain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);min-height:calc(100svh - 67px)}
.bxRefRegisterStory{position:relative;overflow:hidden;min-height:760px;border-right:1px solid rgba(255,255,255,.075);background:radial-gradient(circle at 25% 19%,rgba(44,102,255,.2),transparent 28%),radial-gradient(circle at 76% 77%,rgba(0,210,255,.09),transparent 27%),linear-gradient(145deg,#101315,#070808 64%)}.bxRefRegisterStory:before,.bxRefRegisterStory:after{content:"";position:absolute;border:1px solid rgba(90,143,255,.18);border-radius:50%;transform:rotate(-15deg)}.bxRefRegisterStory:before{width:620px;height:620px;right:-250px;top:80px}.bxRefRegisterStory:after{width:440px;height:440px;right:-155px;top:170px}.bxRefStoryGlow{position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(54,111,255,.08),transparent 64%);animation:bxRefSweep 7s ease-in-out infinite}@keyframes bxRefSweep{0%,100%{transform:translateX(-18%)}50%{transform:translateX(18%)}}
.bxRefStoryContent{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 67px);padding:70px clamp(42px,7vw,110px);box-sizing:border-box}.bxRefStoryKicker{margin-bottom:18px;color:#6194ff;font-size:11px;font-weight:850;letter-spacing:.22em}.bxRefStoryContent h1{margin:0;color:#fff;font-size:clamp(48px,6vw,88px);line-height:.94;letter-spacing:-.055em}.bxRefStoryContent h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(117,160,255,.9)}.bxRefStoryContent>p{max-width:550px;margin:28px 0 42px;color:rgba(255,255,255,.54);font-size:16px;line-height:1.7}
.bxRefFeatureGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:720px}.bxRefFeature{display:flex;align-items:center;gap:12px;min-height:78px;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.035)}.bxRefFeature>.material-icons-round{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(47,105,255,.13);color:#72a0ff;font-size:19px}.bxRefFeature div{display:grid;gap:4px}.bxRefFeature b{font-size:13px}.bxRefFeature small{color:rgba(255,255,255,.38);font-size:11px;line-height:1.35}
.bxRefRegisterFormPanel{display:flex;align-items:flex-start;justify-content:center;padding:46px clamp(25px,4vw,64px) 70px;background:#050505}.bxRefRegisterFormCard{width:100%;max-width:470px;padding:32px;border:1px solid rgba(255,255,255,.095);border-radius:18px;background:#151718;box-shadow:0 25px 70px rgba(0,0,0,.36)}.bxRefFormHeading>span{display:block;margin-bottom:9px;color:#5f91ff;font-size:10px;font-weight:850;letter-spacing:.18em}.bxRefFormHeading h2{margin:0;color:#fff;font-size:28px;letter-spacing:-.025em}.bxRefFormHeading p{margin:9px 0 25px;color:rgba(255,255,255,.43);font-size:13px}.bxRefAccountMode{display:flex;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.bxRefAccountMode button{position:relative;padding:0 2px 12px;border:0;background:none;color:#fff;font-size:14px;font-weight:700}.bxRefAccountMode button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:#2f72ff}
.bxRefFields{display:grid;gap:12px}.bxRefRegisterFormCard .bxRegisterField input{height:54px;border-color:rgba(255,255,255,.1);border-radius:9px;background:#202223}.bxRefRegisterFormCard .bxRegisterField input:focus{border-color:#3b79ff;box-shadow:0 0 0 2px rgba(47,114,255,.12)}.bxRefTerms{display:flex;align-items:flex-start;flex-wrap:wrap;gap:5px;margin:17px 0;color:rgba(255,255,255,.57);font-size:12px;line-height:1.5}.bxRefTerms input{margin:2px 4px 0 0;accent-color:#2e72ff}.bxRefTerms a{color:#568bff;text-decoration:none}.bxRefError{margin:0 0 12px}.bxRefSubmit{width:100%;height:52px;border:0;border-radius:26px;background:#1764f7;color:#fff;font-size:15px;font-weight:800;cursor:pointer;transition:filter .16s,transform .16s}.bxRefSubmit:hover{filter:brightness(1.08);transform:translateY(-1px)}.bxRefSubmit:disabled{opacity:.58;cursor:wait;transform:none}.bxRefExisting{display:flex;justify-content:center;gap:6px;margin-top:22px;color:rgba(255,255,255,.5);font-size:13px}.bxRefExisting a{color:#5e91ff;text-decoration:none;font-weight:700}
@media(max-width:980px){.bxRefRegisterMain{grid-template-columns:1fr}.bxRefRegisterStory{display:none}.bxRefRegisterFormPanel{min-height:calc(100svh - 67px);padding-top:34px}.bxRefNav{display:none}.bxRefBack{display:grid;place-items:center}}
@media(max-width:560px){.bxRefRegisterHeader{height:60px;padding:0 14px}.bxRefRegisterHeaderLeft{gap:12px}.bxRefBrand{font-size:19px}.bxRefHeaderDot,.bxRefHeaderIcon{display:none}.bxRefLoginLink{font-size:13px}.bxRefRegisterMain{min-height:calc(100svh - 61px)}.bxRefRegisterFormPanel{min-height:calc(100svh - 61px);padding:18px 12px 36px;box-sizing:border-box}.bxRefRegisterFormCard{padding:24px 17px;border-radius:16px}.bxRefFormHeading h2{font-size:25px}.bxRefFormHeading p{margin-bottom:21px}.bxRefFields{gap:10px}.bxRefRegisterFormCard .bxRegisterField input{height:52px}.bxRefTerms{margin:14px 0}.bxRefSubmit{height:50px}}
@media(prefers-reduced-motion:reduce){.bxRefStoryGlow{animation:none}}

/* ===== Registration content suite / localized campaign sections ===== */
.bxRefLanguage{position:relative}
.bxRefLanguageButton{display:flex;align-items:center;gap:6px;height:38px;padding:0 5px 0 8px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.78);cursor:pointer}
.bxRefLanguageButton:hover{background:rgba(255,255,255,.06);color:#fff}
.bxRefLanguageCode{font-size:11px;font-weight:800;letter-spacing:.08em}
.bxRefLanguageChevron{font-size:18px;color:rgba(255,255,255,.42)}
.bxRefLanguageMenu{position:absolute;right:0;top:47px;width:178px;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(19,21,23,.98);box-shadow:0 18px 46px rgba(0,0,0,.46);backdrop-filter:blur(18px)}
.bxRefLanguageMenu button{display:flex;align-items:center;justify-content:space-between;width:100%;height:39px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:rgba(255,255,255,.66);font-size:13px;text-align:left;cursor:pointer}
.bxRefLanguageMenu button:hover,.bxRefLanguageMenu button.active{background:rgba(61,119,255,.13);color:#fff}
.bxRefLanguageMenu .material-icons-round{color:#6898ff;font-size:17px}

.bxRefRegisterMain{align-items:start}
.bxRefRegisterStory{min-height:calc(100svh - 67px);overflow:hidden}
.bxRefStoryContent{justify-content:flex-start;gap:0;min-height:0;padding-top:82px;padding-bottom:86px}
.bxRefStoryContent h1{max-width:820px;font-size:clamp(48px,5.7vw,82px)}
.bxRefStoryContent>p{margin-bottom:36px}
.bxRefRegisterFormPanel{position:sticky;top:66px;min-height:calc(100svh - 66px);box-sizing:border-box}
.bxRefRegisterFormCard{position:sticky;top:112px}

.bxRefJourneyCard,.bxRefProofCard,.bxRefCampaignCarousel{width:100%;max-width:720px;box-sizing:border-box}
.bxRefJourneyCard{margin-top:54px;padding:22px 24px 0;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,rgba(32,35,37,.86),rgba(24,26,27,.82));box-shadow:0 24px 55px rgba(0,0,0,.2)}
.bxRefJourneyCard h2{margin:0 0 20px;color:#fff;font-size:20px;line-height:1.4;letter-spacing:-.015em}
.bxRefMetricGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.bxRefMetric{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;min-height:122px;padding:18px;border-top:1px solid rgba(255,255,255,.075);text-align:center}
.bxRefMetric+.bxRefMetric{border-left:1px solid rgba(255,255,255,.075)}
.bxRefMetric span{margin-top:8px;color:rgba(255,255,255,.52);font-size:12px}
.bxRefMetric strong{color:#fff;font-size:31px;font-weight:500;line-height:1;letter-spacing:-.035em}

.bxRefProofCard{display:grid;gap:0;margin-top:16px;padding:12px 22px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(20,22,23,.8)}
.bxRefProofItem{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:14px;min-height:120px;padding:16px 0}
.bxRefProofItem+.bxRefProofItem{border-top:1px solid rgba(255,255,255,.07)}
.bxRefProofIcon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(104,152,255,.2);border-radius:50%;background:rgba(41,91,200,.08);color:#6b99ff;font-size:20px}
.bxRefProofItem h3{margin:0 0 6px;color:#fff;font-size:14px}
.bxRefProofItem p{margin:0;color:rgba(255,255,255,.5);font-size:12px;line-height:1.7}
.bxRefProofIndex{color:rgba(255,255,255,.14);font-size:10px;font-weight:800;letter-spacing:.1em;text-align:right}

.bxRefCampaignCarousel{position:relative;height:276px;margin-top:16px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#17191a;box-shadow:0 24px 60px rgba(0,0,0,.24)}
.bxRefCampaignTrack{display:flex;width:200%;height:100%;transition:transform .72s cubic-bezier(.22,.75,.25,1)}
.bxRefCampaignFrame{position:relative;width:50%;height:100%;overflow:hidden}
.bxRefCampaignFrame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 34%,rgba(5,6,7,.1) 48%,rgba(5,6,7,.94) 73%,#08090a)}
.bxRefCampaignDrive img{width:100%;height:100%;object-fit:cover;object-position:center}
.bxRefCampaignCopy{position:absolute;z-index:3;right:5.5%;top:50%;width:36%;transform:translateY(-50%);text-align:left}
.bxRefCampaignCopy small{display:block;margin-bottom:11px;color:rgba(255,255,255,.7);font-size:8px;font-weight:850;letter-spacing:.18em}
.bxRefCampaignCopy strong{display:block;color:#fff;font-size:clamp(25px,3vw,41px);font-style:italic;font-weight:950;line-height:.9;letter-spacing:-.045em}
.bxRefCampaignCopy p{margin:14px 0 0;color:rgba(255,255,255,.53);font-size:10px;line-height:1.55}
.bxRefCampaignMarket{background:radial-gradient(circle at 24% 52%,rgba(31,103,255,.31),transparent 30%),linear-gradient(135deg,#151b27,#08090b 68%)}
.bxRefCampaignMarket:before{content:"";position:absolute;left:8%;top:15%;width:48%;height:70%;background:linear-gradient(135deg,transparent 48%,rgba(73,132,255,.8) 49% 51%,transparent 52%),linear-gradient(28deg,transparent 48%,rgba(47,213,168,.55) 49% 50%,transparent 51%);filter:drop-shadow(0 0 18px rgba(47,108,255,.4));clip-path:polygon(0 79%,12% 65%,22% 70%,35% 38%,47% 49%,59% 23%,71% 33%,85% 5%,100% 13%,100% 100%,0 100%);background-color:rgba(43,105,255,.16)}
.bxRefCampaignGridArt{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.bxRefCampaignDots{position:absolute;z-index:4;left:50%;bottom:12px;display:flex;gap:6px;transform:translateX(-50%)}
.bxRefCampaignDots button{width:7px;height:7px;padding:0;border:0;border-radius:8px;background:rgba(255,255,255,.34);cursor:pointer;transition:width .2s,background .2s}
.bxRefCampaignDots button.active{width:20px;background:#fff}

@media(max-width:1180px){
  .bxRefRegisterMain{grid-template-columns:minmax(0,1fr) minmax(390px,.78fr)}
  .bxRefStoryContent{padding-left:36px;padding-right:36px}
  .bxRefFeatureGrid{grid-template-columns:1fr}
  .bxRefFeature{min-height:62px}
}

@media(max-width:980px){
  .bxRefRegisterMain{display:flex;flex-direction:column}
  .bxRefRegisterFormPanel{position:relative;top:0;order:1;width:100%;min-height:auto;padding-bottom:34px}
  .bxRefRegisterFormCard{position:relative;top:0;max-width:620px}
  .bxRefRegisterStory{display:block;order:2;width:100%;min-height:0;border-top:1px solid rgba(255,255,255,.08);border-right:0}
  .bxRefStoryContent{padding:58px clamp(18px,6vw,64px) 70px}
  .bxRefStoryContent h1{font-size:clamp(42px,9vw,68px)}
  .bxRefFeatureGrid,.bxRefJourneyCard,.bxRefProofCard,.bxRefCampaignCarousel{max-width:100%}
  .bxRefFeatureGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:650px){
  .bxRefRegisterHeaderRight{gap:8px}
  .bxRefHeaderDot{display:none}
  .bxRefLanguageCode{display:none}
  .bxRefLanguageButton{width:38px;justify-content:center;padding:0}
  .bxRefLanguageChevron{display:none}
  .bxRefLanguageMenu{position:fixed;top:60px;right:10px;width:175px}
  .bxRefStoryContent{padding:48px 12px 54px}
  .bxRefStoryContent h1{font-size:42px;line-height:1.02}
  .bxRefStoryContent>p{margin:20px 0 28px;font-size:14px}
  .bxRefFeatureGrid{grid-template-columns:1fr}
  .bxRefJourneyCard{margin-top:34px;padding:19px 16px 0}
  .bxRefJourneyCard h2{font-size:18px}
  .bxRefMetricGrid{grid-template-columns:1fr}
  .bxRefMetric{min-height:92px}
  .bxRefMetric+.bxRefMetric{border-left:0}
  .bxRefMetric strong{font-size:29px}
  .bxRefProofCard{padding:8px 15px}
  .bxRefProofItem{grid-template-columns:40px minmax(0,1fr);gap:12px;min-height:116px}
  .bxRefProofIndex{display:none}
  .bxRefProofIcon{width:38px;height:38px}
  .bxRefCampaignCarousel{height:190px}
  .bxRefCampaignFrame:after{background:linear-gradient(90deg,transparent 20%,rgba(5,6,7,.28) 44%,rgba(5,6,7,.95) 71%,#08090a)}
  .bxRefCampaignCopy{right:5%;width:43%}
  .bxRefCampaignCopy strong{font-size:23px}
  .bxRefCampaignCopy p{display:none}
}

@media(prefers-reduced-motion:reduce){
  .bxRefCampaignTrack{transition:none}
}

/* ===== Registration visual alignment: compact stacked card system ===== */
.bxRegisterDocument,
.bxRegisterDocument body,
body.bxRegisterDocument,
body.bxRegisterDocument #root{min-height:100%;background:#050606!important}
.bxRefRegister{background:#050606}
.bxRefRegisterHeader{height:64px;padding:0 clamp(18px,2.2vw,34px);background:rgba(4,5,5,.97)}
.bxRefRegisterMain{grid-template-columns:minmax(0,1.48fr) minmax(390px,.92fr);gap:24px;width:min(calc(100% - 64px),1210px);min-height:calc(100svh - 65px);margin:0 auto}
.bxRefRegisterStory{min-height:0;overflow:visible;border:0;background:transparent}
.bxRefRegisterStory:before,.bxRefRegisterStory:after,.bxRefStoryGlow{display:none}
.bxRefStoryContent{display:block;min-height:0;padding:32px 0 72px}
.bxRefJourneyCard,.bxRefProofCard,.bxRefCampaignCarousel{max-width:none}
.bxRefJourneyCard{margin:0;padding:38px 39px 38px;border:0;border-radius:17px;background:#171919;box-shadow:none}
.bxRefJourneyCard h2{margin:0 0 37px;font-size:24px;font-weight:760;line-height:1.35}
.bxRefMetricGrid{padding:0 32px;border-radius:14px;background:#212323}
.bxRefMetric{align-items:flex-start;min-height:110px;padding:19px 15px;text-align:left}
.bxRefMetric+.bxRefMetric{border-left:0}
.bxRefMetric span{margin-top:9px;color:#b2b5b7;font-size:13px}
.bxRefMetric strong{font-size:34px;font-weight:430}

.bxRefProofCard{margin-top:24px;padding:25px 39px;border:0;border-radius:17px;background:#171919}
.bxRefProofItem{grid-template-columns:66px minmax(0,1fr);gap:18px;min-height:139px;padding:18px 0}
.bxRefProofItem+.bxRefProofItem{border-top:0}
.bxRefProofIcon{width:48px;height:48px;border-color:#30353a;background:#181a1b;color:#fff;font-size:23px;box-shadow:inset 0 -2px 0 #1764f7}
.bxRefProofItem h3{margin-bottom:7px;font-size:17px}
.bxRefProofItem p{max-width:560px;color:#969a9d;font-size:14px;line-height:1.58}
.bxRefProofIndex{display:none}

.bxRefCampaignCarousel{height:292px;margin-top:24px;border:0;border-radius:17px;background:#171919;box-shadow:none}
.bxRefCampaignFrame:after{background:linear-gradient(90deg,transparent 34%,rgba(8,9,9,.18) 49%,rgba(8,9,9,.93) 74%,#090a0a)}
.bxRefCampaignCopy small{font-size:9px}
.bxRefCampaignCopy strong{font-size:37px}
.bxRefCampaignCopy p{font-size:11px}

.bxRefRegisterFormPanel{top:64px;min-height:calc(100svh - 64px);padding:32px 0 70px;background:transparent}
.bxRefRegisterFormCard{top:96px;max-width:none;padding:38px 39px 36px;border:0;border-radius:17px;background:#171919;box-shadow:none}
.bxRefFormHeading>span{display:none}
.bxRefFormHeading h2{font-size:24px}
.bxRefFormHeading p{margin:8px 0 26px;color:#94989a;font-size:13px}
.bxRefAccountMode{margin-bottom:22px}
.bxRefRegisterFormCard .bxRegisterField input{height:55px;border:0;border-radius:7px;background:#202222}
.bxRefRegisterFormCard .bxRegisterField input:focus{box-shadow:0 0 0 1px #3b79ff,0 0 0 3px rgba(47,114,255,.1)}
.bxRefTerms{margin:19px 0 18px}
.bxRefSubmit{height:50px;border-radius:999px}

@media(max-width:1080px){
  .bxRefRegisterMain{grid-template-columns:minmax(0,1.35fr) minmax(370px,.9fr);width:min(calc(100% - 32px),1040px);gap:18px}
  .bxRefJourneyCard,.bxRefProofCard{padding-left:26px;padding-right:26px}
  .bxRefMetricGrid{padding-left:16px;padding-right:16px}
  .bxRefRegisterFormCard{padding-left:25px;padding-right:25px}
}

@media(max-width:980px){
  .bxRefRegisterMain{width:min(calc(100% - 28px),660px);gap:0}
  .bxRefRegisterFormPanel{top:0;min-height:0;padding:24px 0 12px}
  .bxRefRegisterFormCard{top:0}
  .bxRefRegisterStory{border-top:0}
  .bxRefStoryContent{padding:12px 0 60px}
  .bxRefJourneyCard{margin-top:0}
  .bxRefFeatureGrid{display:none}
}

@media(max-width:650px){
  .bxRefRegisterMain{width:100%}
  .bxRefRegisterFormPanel{padding:12px 6px 7px}
  .bxRefRegisterFormCard{padding:25px 16px;border-radius:13px}
  .bxRefStoryContent{padding:7px 6px 34px}
  .bxRefJourneyCard,.bxRefProofCard{padding:24px 16px;border-radius:13px}
  .bxRefJourneyCard h2{margin-bottom:21px;font-size:20px}
  .bxRefMetricGrid{grid-template-columns:1fr;padding:0 16px}
  .bxRefMetric{align-items:center;min-height:94px;padding:15px;text-align:center}
  .bxRefMetric+.bxRefMetric{border-top:1px solid rgba(255,255,255,.075)}
  .bxRefProofCard{margin-top:8px}
  .bxRefProofItem{grid-template-columns:48px minmax(0,1fr);gap:10px;min-height:126px;padding:13px 0}
  .bxRefProofIcon{width:40px;height:40px;font-size:20px}
  .bxRefProofItem h3{font-size:15px}
  .bxRefProofItem p{font-size:13px}
  .bxRefCampaignCarousel{height:190px;margin-top:8px;border-radius:13px}
}

/* ===== Flat exchange refinement shared with account recovery ===== */
.bxRefRegister{background:#000}
.bxRefRegisterHeader{
  height:58px;
  padding:0 12px;
  border-bottom:1px solid #202020;
  background:#000;
  backdrop-filter:none;
}
.bxRefRegisterHeaderLeft{gap:14px}
.bxRefBrand{font-size:23px;letter-spacing:-.02em}
.bxRefBack{width:38px;height:38px;border-radius:50%;background:#181818}
.bxRefNav{gap:24px;padding-left:20px;border-left-color:#242424}
.bxRefNav a,.bxRefLoginLink{color:#e7e7e7}
.bxRefHeaderDot{background:#242424}
.bxRefLanguageButton{height:38px}
.bxRefLanguageButton:hover{background:#181818}
.bxRefRegisterMain{
  grid-template-columns:minmax(0,1.42fr) minmax(390px,.9fr);
  width:min(calc(100% - 56px),1180px);
  gap:24px;
  min-height:calc(100svh - 59px);
}
.bxRefStoryContent{padding:32px 0 56px}
.bxRefJourneyCard{
  padding:35px 36px;
  border-radius:12px;
  background:#171717;
}
.bxRefJourneyCard h2{margin-bottom:32px;font-size:22px}
.bxRefMetricGrid{padding:0 26px;border-radius:10px;background:#202020}
.bxRefMetric{min-height:108px}
.bxRefMetric span{color:#aaa}
.bxRefProofCard{
  margin-top:12px;
  padding:22px 36px;
  border-radius:12px;
  background:#171717;
}
.bxRefProofItem{min-height:132px}
.bxRefProofIcon{
  border-color:#303030;
  background:#171717;
  box-shadow:inset 0 -2px 0 #1767ff;
}
.bxRefProofItem p{color:#8f8f8f}
.bxRefCampaignCarousel{
  margin-top:12px;
  border-radius:12px;
  background:#171717;
}
.bxRefRegisterFormPanel{
  top:58px;
  min-height:calc(100svh - 58px);
  padding:32px 0 56px;
}
.bxRefRegisterFormCard{
  top:90px;
  padding:36px;
  border:0;
  border-radius:12px;
  background:#171717;
  box-shadow:none;
}
.bxRefFormHeading h2{font-size:27px}
.bxRefFormHeading p{color:#858585}
.bxRefAccountMode{border-bottom-color:#2a2a2a}
.bxRefRegisterFormCard .bxRegisterField input{
  height:55px;
  border:1px solid transparent;
  border-radius:8px;
  background:#202020;
}
.bxRefRegisterFormCard .bxRegisterField input:focus{
  border-color:#246cff;
  background:#222;
  box-shadow:none;
}
.bxRefTerms{color:#8b8b8b}
.bxRefSubmit{
  height:50px;
  border-radius:8px;
  background:#1767ff;
  transition:background .16s;
}
.bxRefSubmit:hover{background:#2b75ff;filter:none;transform:none}

@media(max-width:980px){
  .bxRefRegisterMain{
    display:flex;
    width:min(calc(100% - 28px),620px);
    min-height:calc(100svh - 59px);
  }
  .bxRefRegisterFormPanel{
    position:relative;
    top:0;
    min-height:0;
    padding:28px 0 20px;
  }
  .bxRefRegisterFormCard{position:relative;top:0}
  .bxRefStoryContent{padding:0 0 48px}
}

@media(max-width:650px){
  .bxRefRegisterHeader{height:56px;padding:0 8px}
  .bxRefRegisterHeaderLeft{gap:9px}
  .bxRefBrand{font-size:22px}
  .bxRefRegisterMain{width:100%;min-height:calc(100svh - 57px)}
  .bxRefRegisterFormPanel{padding:30px 14px 27px}
  .bxRefRegisterFormCard{
    padding:0;
    border-radius:0;
    background:transparent;
  }
  .bxRefFormHeading h2{font-size:28px}
  .bxRefFormHeading p{margin-bottom:27px}
  .bxRefAccountMode{margin-bottom:22px}
  .bxRefFields{gap:11px}
  .bxRefRegisterFormCard .bxRegisterField input{height:56px;background:#191919;border-color:#292929}
  .bxRefSubmit{height:50px}
  .bxRefExisting{margin-top:24px}
  .bxRefStoryContent{padding:0 8px 32px}
  .bxRefJourneyCard{
    padding:25px 16px;
    border-radius:11px;
  }
  .bxRefJourneyCard h2{margin-bottom:22px;font-size:20px}
  .bxRefMetricGrid{padding:0 16px}
  .bxRefProofCard{
    margin-top:8px;
    padding:12px 16px;
    border-radius:11px;
  }
  .bxRefProofItem{min-height:124px}
  .bxRefCampaignCarousel{margin-top:8px;border-radius:11px}
}

/* Registration legal documents: animated bottom sheet */
.bxLegalOverlay{
  position:fixed!important;
  z-index:100000;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100vw;
  height:100dvh;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:rgba(0,0,0,.58);
  animation:bxLegalFade .22s ease both;
}
.bxLegalSheet{
  display:flex;
  flex-direction:column;
  width:min(100%,720px);
  height:min(82dvh,780px);
  max-height:82dvh;
  overflow:hidden;
  border-radius:18px 18px 0 0;
  background:#fff;
  color:#151515;
  box-shadow:0 -20px 70px rgba(0,0,0,.28);
  animation:bxLegalRise .34s cubic-bezier(.2,.78,.2,1) both;
}
.bxLegalHandle{
  display:none;
  width:42px;
  height:4px;
  margin:9px auto 0;
  border-radius:5px;
  background:#d3d3d3;
}
.bxLegalHeader{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:25px 28px 18px;
  border-bottom:1px solid #ededed;
}
.bxLegalHeader h2{
  margin:0 0 6px;
  color:#161616;
  font-size:24px;
  line-height:1.25;
}
.bxLegalHeader span{color:#777;font-size:12px}
.bxLegalHeader button{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:38px;
  height:38px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#f3f3f3;
  color:#222;
  cursor:pointer;
}
.bxLegalHeader button .material-icons-round{font-size:21px}
.bxLegalBody{
  flex:1;
  overflow-y:auto;
  padding:22px 28px 10px;
  overscroll-behavior:contain;
}
.bxLegalBodyFrame{position:relative;padding:0;overflow:hidden;background:#fff}
.bxLegalBodyFrame iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#fff;
}
.bxLegalBody article{margin:0 0 25px}
.bxLegalBody h3{
  margin:0 0 10px;
  color:#171717;
  font-size:16px;
}
.bxLegalBody p{
  margin:0;
  color:#3f3f3f;
  font-size:14px;
  line-height:1.8;
}
.bxLegalFooter{
  padding:14px 22px max(16px,env(safe-area-inset-bottom));
  border-top:1px solid #ededed;
  background:#fff;
}
.bxLegalFooter button{
  width:100%;
  height:48px;
  border:0;
  border-radius:999px;
  background:#1767ff;
  color:#fff;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}
@keyframes bxLegalFade{from{opacity:0}to{opacity:1}}
@keyframes bxLegalRise{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(max-width:650px){
  .bxLegalSheet{width:100vw;height:82dvh;max-height:82dvh;border-radius:16px 16px 0 0}
  .bxLegalHandle{display:block}
  .bxLegalHeader{padding:18px 20px 15px}
  .bxLegalHeader h2{font-size:21px}
  .bxLegalBody{padding:19px 20px 7px}
  .bxLegalBody p{font-size:14px;line-height:1.75}
  .bxLegalFooter{padding-left:20px;padding-right:20px}
}
@media(prefers-reduced-motion:reduce){
  .bxLegalOverlay,.bxLegalSheet{animation:none}
}

/* Keep the registration document black beyond the final content edge. */
html.bxRegisterDocument,
body.bxRegisterDocument,
body.bxRegisterDocument #root{
  min-width:100%;
  height:auto!important;
  min-height:100dvh!important;
  overflow:visible!important;
  background-color:#000!important;
}
body.bxRegisterDocument .exScreen,
body.bxRegisterDocument .exContent,
body.bxRegisterDocument .exPageAnim{
  background-color:#000!important;
}
.bxRefRegister,
.bxRefRegisterMain,
.bxRefRegisterStory,
.bxRefStoryContent{
  background-color:#000!important;
}
.bxRefRegister{
  position:relative;
  min-height:100dvh;
  isolation:isolate;
}
.bxRefRegister::before{
  content:"";
  position:fixed;
  z-index:-1;
  inset:0;
  background:#000;
  pointer-events:none;
}
@media(max-width:980px){
  .bxRefRegisterMain{min-height:0!important}
  .bxRefStoryContent{padding-bottom:0!important}
}

/* Mobile bottom CTA: appears only after reaching the end while scrolling down. */
.bxMobileRegisterBar{display:none}
@media(max-width:980px){
  .bxMobileRegisterBar{
    position:fixed;
    z-index:90;
    right:0;
    bottom:0;
    left:0;
    display:block;
    padding:9px 12px max(9px,env(safe-area-inset-bottom));
    border-top:1px solid #202020;
    background:rgba(0,0,0,.97);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(0,110%,0);
    transition:transform .28s cubic-bezier(.2,.75,.25,1),opacity .2s ease,visibility .28s;
  }
  .bxMobileRegisterBar.visible{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(0,0,0);
  }
  .bxMobileRegisterBar button{
    display:block;
    width:min(100%,620px);
    height:48px;
    margin:0 auto;
    border:0;
    border-radius:7px;
    background:#0f5bff;
    color:#fff;
    font-size:15px;
    font-weight:800;
    cursor:pointer;
  }
  .bxMobileRegisterBar button:active{background:#2670ff}
  .bxMobileRegisterBar button:disabled{opacity:.62;cursor:wait}
}
@media(prefers-reduced-motion:reduce){
  .bxMobileRegisterBar{transition:none}
}

/* ===== Original-page transplant: invitation and new-user reward cards ===== */
.bxRefInviteCard,
.bxRefRewardCard{
  width:100%;
  box-sizing:border-box;
  border-radius:12px;
  background:#171717;
}
.bxRefInviteCard{
  padding:35px 36px;
}
.bxRefInviter{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:40px;
  color:#e8e8e8;
  font-size:13px;
}
.bxRefInviteAvatar{
  position:relative;
  display:block;
  flex:0 0 40px;
  width:40px;
  height:40px;
  overflow:hidden;
  border:1px solid #2d2d2d;
  border-radius:50%;
  background:linear-gradient(90deg,#f4f4f4 0 52%,#0d5cff 52% 100%);
}
.bxRefInviteAvatar i{
  position:absolute;
  top:14px;
  left:0;
  width:29px;
  height:12px;
  background:#080808;
  clip-path:polygon(0 0,72% 0,100% 50%,72% 100%,0 100%);
}
.bxRefInviteMessage{
  margin-top:16px;
  padding:14px 13px;
  border-radius:7px;
  background:#20283b;
  color:#e8e8e8;
  font-size:15px;
  line-height:1.45;
}
.bxRefInviteMessage strong{
  color:#5b8dff;
  font-weight:600;
}
.bxRefRewardCard{
  margin-top:12px;
  padding:35px 36px 36px;
}
.bxRefRewardCard h2{
  margin:0 0 30px;
  color:#fff;
  font-size:22px;
  font-weight:760;
}
.bxRefRewardCard h2 span{
  color:#1767ff;
}
.bxRefRewardGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.bxRefRewardItem{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  min-height:188px;
  padding:17px 12px 16px;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid #242424;
  border-radius:9px;
  background:#202020;
  text-align:center;
}
.bxRefRewardItem:before{
  content:"";
  position:absolute;
  top:-40px;
  left:50%;
  width:150px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(27,100,255,.13),transparent 67%);
  transform:translateX(-50%);
  pointer-events:none;
}
.bxRefRewardItem img{
  position:relative;
  z-index:1;
  display:block;
  width:118px;
  height:100px;
  margin:auto auto 4px;
  object-fit:contain;
}
.bxRefRewardItem strong{
  display:none;
  color:#4f84ff;
  font-size:13px;
}
.bxRefRewardItem p{
  position:relative;
  z-index:1;
  margin:5px 0 0;
  color:#c3c3c3;
  font-size:13px;
}
.bxRefRewardIndex{
  position:absolute;
  top:11px;
  left:12px;
  color:#3f3f3f;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}
.bxRefRewardCard + .bxRefJourneyCard{
  margin-top:12px;
}

@media(max-width:1080px){
  .bxRefInviteCard,
  .bxRefRewardCard{padding-left:26px;padding-right:26px}
  .bxRefRewardGrid{gap:11px}
  .bxRefRewardItem{min-height:178px}
}

@media(max-width:650px){
  .bxRefInviteCard{
    padding:22px 16px 23px;
    border-radius:11px;
  }
  .bxRefInviter{min-height:34px}
  .bxRefInviteAvatar{flex-basis:34px;width:34px;height:34px}
  .bxRefInviteAvatar i{top:12px;width:25px;height:10px}
  .bxRefInviteMessage{margin-top:13px;padding:13px 11px;font-size:14px}
  .bxRefRewardCard{
    margin-top:8px;
    padding:23px 12px 22px;
    border-radius:11px;
  }
  .bxRefRewardCard h2{margin:0 4px 18px;font-size:20px}
  .bxRefRewardGrid{gap:7px}
  .bxRefRewardItem{
    min-height:139px;
    padding:9px 4px 12px;
    border-radius:8px;
  }
  .bxRefRewardItem img{width:91px;height:76px;margin-bottom:0}
  .bxRefRewardItem strong{display:block;margin-top:-2px;font-size:11px}
  .bxRefRewardItem p{font-size:10px;white-space:nowrap}
  .bxRefRewardIndex{display:none}
  .bxRefRewardCard + .bxRefJourneyCard{margin-top:8px}
}

/* ===== Full registration-page transplant, with the original MOFANG form retained ===== */
.bxRefRegisterHeader{
  height:64px;
  padding:0 20px;
  border-bottom:1px solid #202020;
}
.bxRefRegisterHeaderLeft{min-width:0;gap:22px}
.bxRefBrand{font-size:24px}
.bxRefNav{
  min-width:0;
  gap:clamp(14px,1.7vw,27px);
  padding-left:22px;
  white-space:nowrap;
}
.bxRefNav a{font-size:13px;font-weight:550}
.bxRefRegisterHeaderRight{gap:16px;white-space:nowrap}
.bxRefHeaderAction{
  display:grid;
  place-items:center;
  width:30px;
  height:38px;
  color:#eee;
  text-decoration:none;
}
.bxRefRegisterPill{
  display:grid;
  place-items:center;
  min-width:62px;
  height:34px;
  padding:0 15px;
  border-radius:999px;
  background:#1767ff;
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
}
.bxRefRegisterMain{
  grid-template-columns:minmax(0,712px) minmax(390px,464px);
  width:min(calc(100% - 48px),1200px);
  gap:24px;
}
.bxRefStoryContent{padding-top:60px}
.bxRefJourneyCard{
  padding-bottom:28px;
}
.bxRefJourneyBenefits{
  display:grid;
  margin-top:25px;
}
.bxRefJourneyBenefits .bxRefProofItem{
  grid-template-columns:66px minmax(0,1fr);
  min-height:116px;
  padding:13px 0;
}
.bxRefJourneyBenefits .bxRefProofItem+.bxRefProofItem{border-top:0}
.bxRefJourneyBenefits .bxRefProofIcon{
  width:48px;
  height:48px;
  border-radius:50%;
}
.bxRefJourneyBenefits .bxRefProofItem h3{font-size:17px}
.bxRefJourneyBenefits .bxRefProofItem p{font-size:14px}
.bxRefRegisterFormPanel{
  top:64px;
  padding-top:60px;
}
.bxRefRegisterFormCard{
  top:124px;
  padding:0;
  border-radius:0;
  background:#000;
}
.bxRefFormHeading{
  position:relative;
}
.bxRefFormHeading>span{display:none}
.bxRefFormHeading h2{
  margin:0;
  font-size:29px;
  line-height:1.2;
}
.bxRefFormHeading p{
  margin:8px 0 25px;
  color:#777;
}
.bxRefFormProgress{
  position:absolute;
  top:5px;
  right:0;
  display:flex;
  gap:5px;
}
.bxRefFormProgress i{
  display:block;
  width:20px;
  height:3px;
  border-radius:4px;
  background:#303238;
}
.bxRefFormProgress i.active{
  width:28px;
  background:#1767ff;
}
.bxRefFields{gap:11px}
.bxRefRegisterFormCard .bxRegisterField input{
  height:57px;
  border:1px solid #2b2b2b;
  border-radius:8px;
  background:#191919;
}
.bxRefTerms{margin:18px 0}
.bxRefSubmit{
  height:50px;
  border-radius:8px;
}
.bxRefExisting{margin-top:23px}

@media(max-width:1220px){
  .bxRefNav a:nth-last-child(-n+2){display:none}
}
@media(max-width:1080px){
  .bxRefRegisterMain{
    grid-template-columns:minmax(0,1fr) minmax(370px,.78fr);
    width:min(calc(100% - 32px),1040px);
  }
  .bxRefNav a:nth-last-child(-n+4){display:none}
}
@media(max-width:980px){
  .bxRefRegisterHeader{height:58px;padding:0 14px}
  .bxRefRegisterPill,.bxRefDesktopAction{display:none}
  .bxRefRegisterMain{width:min(calc(100% - 28px),620px)}
  .bxRefRegisterFormPanel{padding-top:30px}
  .bxRefRegisterFormCard{top:0}
  .bxRefJourneyBenefits .bxRefProofItem{min-height:116px}
}
@media(max-width:650px){
  .bxRefRegisterHeaderRight{gap:7px}
  .bxRefHeaderAction{width:28px}
  .bxRefRegisterFormPanel{padding:30px 14px 27px}
  .bxRefFormHeading h2{font-size:28px}
  .bxRefFormProgress{top:7px}
  .bxRefJourneyBenefits{margin-top:18px}
  .bxRefJourneyBenefits .bxRefProofItem{
    grid-template-columns:48px minmax(0,1fr);
    min-height:122px;
    gap:10px;
  }
  .bxRefJourneyBenefits .bxRefProofIcon{width:40px;height:40px}
  .bxRefJourneyBenefits .bxRefProofItem h3{font-size:15px}
  .bxRefJourneyBenefits .bxRefProofItem p{font-size:13px}
}

/* Mirror-accurate content details from the captured registration page. */
.bxRefMetric{flex-direction:column}
.bxRefMetric span{margin:0 0 8px}
.bxRefCampaignDrive picture{
  display:block;
  width:100%;
  height:100%;
}
.bxRefCampaignDrive:after{display:none}
.bxRefCampaignDrive picture img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
@media(max-width:650px){
  .bxRefMetric span{margin-bottom:6px}
  .bxRefCampaignDrive picture img{object-position:center}
}

.bxRefCampaignChelsea{
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#030303;
}
.bxRefCampaignChelsea:after{display:none}
.bxRefChelseaBrand{
  position:relative;
  z-index:2;
  flex:0 0 34%;
  padding-left:28px;
  box-sizing:border-box;
}
.bxRefChelseaBrand img{
  display:block;
  width:154px;
  max-width:92%;
  height:auto;
}
.bxRefChelseaBrand p{
  max-width:180px;
  margin:14px 0 0;
  color:#fff;
  font-size:11px;
  font-weight:650;
  line-height:1.45;
}
.bxRefChelseaPlayers{
  position:absolute;
  right:-2%;
  bottom:0;
  width:72%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
}
@media(max-width:650px){
  .bxRefChelseaBrand{
    flex-basis:35%;
    padding-left:13px;
  }
  .bxRefChelseaBrand img{width:105px}
  .bxRefChelseaBrand p{
    max-width:112px;
    margin-top:9px;
    font-size:8px;
    line-height:1.35;
  }
  .bxRefChelseaPlayers{
    right:-4%;
    width:74%;
  }
}

/* ===== Registration is intentionally mobile-only at every viewport width ===== */
body.bxRegisterDocument{
  display:block;
  background:#000!important;
}
.bxForceMobileRegister{
  width:min(100%,560px);
  min-height:100dvh;
  margin:0 auto;
  overflow:hidden;
  background:#000;
}
.bxForceMobileRegister .bxRefRegisterHeader{
  width:100%;
  height:58px;
  padding:0 10px;
  box-sizing:border-box;
}
.bxForceMobileRegister .bxRefRegisterHeaderLeft{gap:10px}
.bxForceMobileRegister .bxRefBack{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
}
.bxForceMobileRegister .bxRefBrand{font-size:22px}
.bxForceMobileRegister .bxRefNav,
.bxForceMobileRegister .bxRefRegisterPill,
.bxForceMobileRegister .bxRefDesktopAction,
.bxForceMobileRegister .bxRefHeaderDot,
.bxForceMobileRegister .bxRefLanguageCode,
.bxForceMobileRegister .bxRefLanguageChevron{
  display:none;
}
.bxForceMobileRegister .bxRefRegisterHeaderRight{gap:7px}
.bxForceMobileRegister .bxRefHeaderAction{width:28px}
.bxForceMobileRegister .bxRefLanguageButton{
  width:36px;
  justify-content:center;
  padding:0;
}
.bxForceMobileRegister .bxRefLanguageMenu{
  position:fixed;
  top:58px;
  right:max(10px,calc((100vw - 560px)/2 + 10px));
  width:175px;
}
.bxForceMobileRegister .bxRefRegisterMain{
  display:flex;
  flex-direction:column;
  width:100%;
  min-height:0!important;
  margin:0;
  gap:0;
}
.bxForceMobileRegister .bxRefRegisterFormPanel{
  position:relative;
  top:0;
  order:1;
  width:100%;
  min-height:0;
  padding:30px 14px 27px;
  box-sizing:border-box;
}
.bxForceMobileRegister .bxRefRegisterFormCard{
  position:relative;
  top:0;
  width:100%;
  max-width:none;
  padding:0;
  border-radius:0;
  background:transparent;
}
.bxForceMobileRegister .bxRefRegisterStory{
  display:block;
  order:2;
  width:100%;
  min-height:0;
  border:0;
}
.bxForceMobileRegister .bxRefStoryContent{
  display:block;
  min-height:0;
  padding:7px 6px 34px!important;
}
.bxForceMobileRegister .bxRefRewardCard{
  margin-top:0;
  padding:23px 12px 22px;
  border-radius:11px;
}
.bxForceMobileRegister .bxRefRewardCard h2{
  margin:0 4px 18px;
  font-size:20px;
}
.bxForceMobileRegister .bxRefRewardGrid{gap:7px}
.bxForceMobileRegister .bxRefRewardItem{
  min-height:139px;
  padding:9px 4px 12px;
  border-radius:8px;
}
.bxForceMobileRegister .bxRefRewardItem img{
  width:91px;
  height:76px;
  margin-bottom:0;
}
.bxForceMobileRegister .bxRefRewardItem strong{
  display:block;
  margin-top:-2px;
  font-size:11px;
}
.bxForceMobileRegister .bxRefRewardItem p{
  font-size:10px;
  white-space:nowrap;
}
.bxForceMobileRegister .bxRefRewardIndex{display:none}
.bxForceMobileRegister .bxRefJourneyCard{
  margin-top:0;
  padding:25px 16px 28px;
  border-radius:11px;
}
.bxForceMobileRegister .bxRefJourneyCard h2{
  margin-bottom:22px;
  font-size:20px;
}
.bxForceMobileRegister .bxRefMetricGrid{
  grid-template-columns:1fr;
  padding:0 16px;
}
.bxForceMobileRegister .bxRefMetric{
  align-items:center;
  min-height:94px;
  padding:15px;
  text-align:center;
}
.bxForceMobileRegister .bxRefMetric+.bxRefMetric{
  border-top:1px solid rgba(255,255,255,.075);
  border-left:0;
}
.bxForceMobileRegister .bxRefMetric strong{font-size:29px}
.bxForceMobileRegister .bxRefJourneyBenefits{margin-top:18px}
.bxForceMobileRegister .bxRefJourneyBenefits .bxRefProofItem{
  grid-template-columns:48px minmax(0,1fr);
  gap:10px;
  min-height:122px;
  padding:13px 0;
}
.bxForceMobileRegister .bxRefJourneyBenefits .bxRefProofIcon{
  width:40px;
  height:40px;
  font-size:20px;
}
.bxForceMobileRegister .bxRefJourneyBenefits .bxRefProofItem h3{font-size:15px}
.bxForceMobileRegister .bxRefJourneyBenefits .bxRefProofItem p{font-size:13px}
.bxForceMobileRegister .bxRefCampaignCarousel{
  width:100%;
  height:190px;
  margin-top:8px;
  border-radius:11px;
}
.bxForceMobileRegister .bxRefCampaignFrame:after{
  background:linear-gradient(90deg,transparent 20%,rgba(5,6,7,.28) 44%,rgba(5,6,7,.95) 71%,#08090a);
}
.bxForceMobileRegister .bxRefCampaignDrive:after,
.bxForceMobileRegister .bxRefCampaignChelsea:after{display:none}
.bxForceMobileRegister .bxRefCampaignDrive>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.bxForceMobileRegister .bxRefChelseaBrand{
  flex-basis:35%;
  padding-left:13px;
}
.bxForceMobileRegister .bxRefChelseaBrand img{width:105px}
.bxForceMobileRegister .bxRefChelseaBrand p{
  max-width:112px;
  margin-top:9px;
  font-size:8px;
  line-height:1.35;
}
.bxForceMobileRegister .bxRefChelseaPlayers{
  right:-4%;
  width:74%;
}

body.bxRegisterDocument .bxMobileRegisterBar{
  right:auto;
  left:50%;
  display:block;
  width:min(100%,560px);
  box-sizing:border-box;
  transform:translate3d(-50%,110%,0);
}
body.bxRegisterDocument .bxMobileRegisterBar.visible{
  transform:translate3d(-50%,0,0);
}

/* ===== Login panel v3: refined dark onboarding style ===== */
.bxCampaignLoginOverlay {
  padding: 18px;
  background: rgba(0, 0, 0, .76);
  backdrop-filter: blur(8px) saturate(.75);
}
.bxCampaignLoginSheet {
  width: min(100%, 420px);
  max-height: calc(100svh - 36px);
  padding: 24px 16px 20px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 20px;
  background: #171918;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .62);
}
.bxCampaignSheetHandle { display: none; }
.bxCampaignSheetHeader {
  align-items: flex-start;
  margin-bottom: 22px;
  padding: 0 2px;
}
.bxCampaignSheetEyebrow {
  width: fit-content;
  margin-bottom: 7px;
  padding: 7px 12px;
  border-radius: 999px;
  color: #4d91ff;
  background: #0e203d;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: 0;
}
.bxCampaignSheetHeader h2 {
  font-size: 27px;
  font-weight: 780;
  letter-spacing: -.025em;
}
.bxCampaignSheetSubtitle {
  max-width: 310px;
  margin: 8px 0 0;
  color: rgba(255, 255, 255, .48);
  font-size: 13px;
  line-height: 1.55;
}
.bxCampaignSheetClose {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 12px;
  background: #232524;
  color: rgba(255,255,255,.86);
}
.bxCampaignSheetClose:hover { background: #2b2d2c; }
.bxCampaignForm { gap: 12px; }
.bxCampaignForm .bxLoginInputGroup {
  min-height: 54px;
  border-radius: 10px;
  background: #202221;
}
.bxCampaignForm .bxLoginInput {
  min-height: 54px;
  padding: 0 46px 0 14px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #fff;
  font-size: 15px;
}
.bxCampaignForm .bxLoginInput::placeholder { color: rgba(255,255,255,.3); }
.bxCampaignForm .bxLoginInput:focus {
  border-color: #2168f5;
  background: #202221;
  box-shadow: 0 0 0 3px rgba(33,104,245,.13);
}
.bxCampaignFieldIcon { display: none; }
.bxCampaignForm .bxLoginEyeBtn { right: 8px; }
.bxCampaignForm .bxLoginForgot { margin: 1px 2px 2px; }
.bxCampaignForm .bxLoginForgot a,
.bxCampaignForm .bxLoginRegister a,
.bxCampaignLegal a { color: #3d83ff; }
.bxCampaignSubmit {
  min-height: 52px;
  margin-top: 5px;
  border-radius: 26px;
  background: #1765f6;
  color: #fff;
  font-size: 16px;
  font-weight: 760;
  box-shadow: 0 12px 28px rgba(23,101,246,.22);
}
.bxCampaignSubmit:hover { background: #2873ff; }
.bxCampaignForm .bxLoginRegister {
  justify-content: center;
  margin-top: 5px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.07);
  color: rgba(255,255,255,.52);
  font-size: 13px;
}
.bxCampaignLegal {
  display: grid;
  justify-items: center;
  gap: 2px;
  margin-top: 4px;
  color: rgba(255,255,255,.64);
  font-size: 11px;
  line-height: 1.55;
  text-align: center;
}
.bxCampaignLegalLead,
.bxCampaignLegalLinks {
  display: block;
}
.bxCampaignLegalLinks {
  white-space: nowrap;
}
.bxCampaignLegal button {
  appearance: none;
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #4b8cff;
  font: inherit;
  cursor: pointer;
}
.bxCampaignLegal button:hover {
  color: #77a8ff;
  text-decoration: underline;
}
@media (max-width: 560px) {
  .bxCampaignLoginOverlay {
    align-items: center;
    padding: 14px;
  }
  .bxCampaignLoginSheet {
    width: 100%;
    max-height: calc(100svh - 28px);
    padding: 22px 16px 18px;
    border-width: 1px;
    border-radius: 20px;
    transform: translateY(20px) scale(.98);
  }
  .bxCampaignLoginOverlay.open .bxCampaignLoginSheet {
    transform: translateY(0) scale(1);
  }
  .bxCampaignSheetHeader { margin-bottom: 20px; }
  .bxCampaignSheetHeader h2 { font-size: 26px; }
}

/* Login v3 visual polish */
.bxCampaignLoginSheet {
  box-sizing: border-box;
  overflow-x: hidden;
}
.bxCampaignSheetClose .material-icons-round { font-size: 0; }
.bxCampaignSheetClose .material-icons-round::before {
  content: "×";
  font-family: Arial, sans-serif;
  font-size: 27px;
  font-weight: 300;
  line-height: 1;
}

/* Login legal documents: centered animated dialog, kept inside the app. */
.bxLoginLegalOverlay {
  z-index: 100100;
  align-items: center;
  padding: 18px;
  background: rgba(0,0,0,.76);
  backdrop-filter: blur(5px);
}
.bxLoginLegalSheet {
  width: min(calc(100vw - 36px), 600px);
  height: min(82dvh, 700px);
  max-height: calc(100dvh - 36px);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: #181a19;
  color: #fff;
  box-shadow: 0 26px 90px rgba(0,0,0,.7);
  animation: bxLoginLegalPop .3s cubic-bezier(.2,.8,.2,1) both;
}
.bxLoginLegalHeader {
  align-items: center;
  padding: 20px 22px 15px;
  border: 0;
}
.bxLoginLegalHeader h2 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 720;
}
.bxLoginLegalHeader button {
  width: 34px;
  height: 34px;
  background: transparent;
  color: rgba(255,255,255,.82);
}
.bxLoginLegalHeader button:hover {
  background: rgba(255,255,255,.08);
}
.bxLoginLegalBody,
.bxLoginLegalBody iframe {
  background: #181a19;
}
.bxLoginLegalFooter {
  padding: 13px 22px 18px;
  border: 0;
  background: #181a19;
}
.bxLoginLegalFooter button {
  height: 48px;
  background: #1765f6;
  font-weight: 700;
}
@keyframes bxLoginLegalPop {
  from { opacity: 0; transform: translateY(18px) scale(.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 560px) {
  .bxCampaignLegal { font-size: 11px; }
  .bxLoginLegalOverlay { align-items: center; padding: 14px; }
  .bxLoginLegalSheet {
    width: 100%;
    height: min(80dvh, 650px);
    max-height: calc(100dvh - 28px);
    border-radius: 16px;
  }
  .bxLoginLegalHeader { padding: 18px 18px 14px; }
  .bxLoginLegalHeader h2 { font-size: 19px; }
  .bxLoginLegalFooter { padding: 12px 18px max(16px, env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .bxLoginLegalSheet { animation: none; }
}

/* ===== Login panel v4: approved compact exchange dialog ===== */
.bxCampaignLoginOverlay {
  padding: 16px;
  background: rgba(0, 0, 0, .74);
  backdrop-filter: blur(7px);
}
.bxCampaignLoginSheet {
  box-sizing: border-box;
  width: min(100%, 428px);
  min-height: 500px;
  max-height: calc(100svh - 32px);
  overflow-x: hidden;
  padding: 44px 20px 18px;
  border: 1px solid #2b2e2f;
  border-radius: 16px;
  background: #161717;
  box-shadow: 0 20px 70px rgba(0, 0, 0, .46);
  font-family: Inter, "Noto Sans JP", "Yu Gothic UI", Meiryo, system-ui, sans-serif;
}
.bxCampaignSheetHeader {
  align-items: flex-start;
  margin-bottom: 24px;
  padding: 0;
}
.bxCampaignSheetHeader h2 {
  font-size: 29px;
  line-height: 1.2;
  font-weight: 730;
  letter-spacing: -1.05px;
}
.bxCampaignSheetEyebrow,
.bxCampaignSheetSubtitle {
  display: none;
}
.bxCampaignSheetClose {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #c9cdcf;
}
.bxCampaignSheetClose:hover {
  color: #fff;
  background: #202323;
}
.bxCampaignSheetClose .material-icons-round {
  font-size: 25px;
  font-weight: 300;
}
.bxCampaignSheetClose .material-icons-round::before {
  content: none;
}
.bxCampaignForm {
  gap: 12px;
}
.bxCampaignForm .bxLoginInputGroup {
  min-height: 54px;
  border-radius: 11px;
  background: #1b1e1e;
}
.bxCampaignForm .bxLoginInput {
  min-height: 54px;
  padding: 0 46px 0 14px;
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  color: #f1f3f4;
  font-size: 15px;
  font-weight: 480;
  letter-spacing: .01em;
}
.bxCampaignForm .bxLoginInput::placeholder {
  color: #717679;
  opacity: 1;
}
.bxCampaignForm .bxLoginInput:focus {
  border-color: #2f74ff;
  background: #1d2020;
  box-shadow: 0 0 0 3px rgba(47,116,255,.14);
}
.bxCampaignFieldIcon {
  display: none;
}
.bxCampaignForm .bxLoginEyeBtn {
  right: 8px;
  color: #8f9497;
}
.bxCampaignForm .bxLoginForgot {
  margin: 1px 2px 2px;
}
.bxCampaignForm .bxLoginForgot a,
.bxCampaignForm .bxLoginRegister a,
.bxCampaignLegal a {
  color: #3d82ff;
}
.bxCampaignSubmit {
  min-height: 54px;
  margin-top: 1px;
  border-radius: 11px;
  background: #2f74ff;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .045em;
  box-shadow: 0 10px 24px rgba(47,116,255,.13);
}
.bxCampaignSubmit:hover {
  background: #4b86ff;
}
.bxCampaignForm .bxLoginRegister {
  justify-content: center;
  margin-top: 6px;
  padding-top: 17px;
  border-top: 1px solid #292d2e;
  color: #a0a5a8;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 520;
  letter-spacing: .005em;
}
.bxCampaignLegal {
  display: grid;
  justify-items: center;
  gap: 5px;
  margin-top: 12px;
  color: #8a8f92;
  font-size: 11.5px;
  line-height: 1.5;
  font-weight: 520;
  letter-spacing: .005em;
  text-align: center;
}
.bxCampaignLegalLead,
.bxCampaignLegalLinks {
  display: block;
}
.bxCampaignLegalLinks {
  white-space: nowrap;
  color: #9ba0a3;
  font-size: 13px;
  line-height: 1.4;
}
.bxCampaignLegal button {
  appearance: none;
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #3d82ff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.bxCampaignLegal button:hover {
  color: #77a8ff;
  text-decoration: underline;
}

@media (max-width: 560px) {
  .bxCampaignLoginOverlay {
    align-items: center;
    padding: 14px;
  }
  .bxCampaignLoginSheet {
    width: 100%;
    min-height: min(500px, calc(100svh - 28px));
    max-height: calc(100svh - 28px);
    padding: 40px 18px 16px;
    border-width: 1px;
    border-radius: 15px;
    transform: translateY(20px) scale(.98);
  }
  .bxCampaignLoginOverlay.open .bxCampaignLoginSheet {
    transform: translateY(0) scale(1);
  }
  .bxCampaignSheetHeader {
    margin-bottom: 24px;
  }
  .bxCampaignSheetHeader h2 {
    font-size: 29px;
  }
  .bxCampaignLegal {
    font-size: 11.5px;
  }
}