/* Bid2Stay 28.23.0 — Public Login Premium UI
   Scoped to the production login page only. No auth/runtime behavior. */

body.b2s-login-page[data-b2s-form-mode="auth"]{
  --b2s-login-ink:#0b1825;
  --b2s-login-muted:#66717e;
  --b2s-login-gold:#f5ad16;
  --b2s-login-gold-strong:#e99b00;
  --b2s-login-surface:#ffffff;
  --b2s-login-canvas:#f5f5f7;
  --b2s-login-line:#e4e7eb;
  background:var(--b2s-login-canvas)!important;
  color:var(--b2s-login-ink)!important;
  min-height:100vh;
}

/* Public header: calm workspace treatment, aligned with premium Admin/portal UI. */
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"]{
  height:64px!important;
  min-height:64px!important;
  background:rgba(255,255,255,.94)!important;
  border:0!important;
  border-bottom:1px solid rgba(11,24,37,.08)!important;
  box-shadow:none!important;
  backdrop-filter:saturate(180%) blur(18px)!important;
  -webkit-backdrop-filter:saturate(180%) blur(18px)!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-global-header-inner{
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  height:64px!important;
  min-height:64px!important;
  padding:0!important;
  gap:26px!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-global-brand img{
  height:34px!important;
  width:auto!important;
  max-width:150px!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-global-nav{
  justify-content:center!important;
  gap:26px!important;
  overflow:visible!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-global-nav>a{
  min-height:40px!important;
  color:#4c5662!important;
  font-size:13px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-global-nav>a:hover,
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-global-nav>a:focus-visible{
  color:var(--b2s-login-ink)!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-global-actions{
  min-width:0!important;
  width:auto!important;
}
/* On the login page the signed-out Login action is redundant. */
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"]
  .b2s-public-action-set[data-b2s-action-state="signed-out"]{
  display:none!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-session-account,
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-session-signout{
  min-height:38px!important;
  border-radius:999px!important;
  padding:0 15px!important;
  font-size:12.5px!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-session-account{
  border:1px solid rgba(11,24,37,.14)!important;
  background:#fff!important;
  color:var(--b2s-login-ink)!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-session-signout{
  border:1px solid var(--b2s-login-gold)!important;
  background:var(--b2s-login-gold)!important;
  color:#111820!important;
}

/* Authentication workspace. */
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-shell{
  width:min(980px,calc(100% - 40px))!important;
  min-height:calc(100vh - 64px)!important;
  margin:0 auto!important;
  padding:64px 0 72px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(390px,460px)!important;
  align-items:center!important;
  gap:72px!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-intro{
  max-width:430px!important;
  margin:0!important;
  text-align:left!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-eyebrow{
  margin:0 0 12px!important;
  color:var(--b2s-login-gold-strong)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-intro h1{
  max-width:430px!important;
  margin:0!important;
  color:var(--b2s-login-ink)!important;
  font-size:clamp(42px,4.3vw,58px)!important;
  line-height:1.02!important;
  font-weight:760!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-intro h1 span{
  color:var(--b2s-login-gold-strong)!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-intro>p{
  max-width:390px!important;
  margin:18px 0 0!important;
  color:var(--b2s-login-muted)!important;
  font-size:16px!important;
  line-height:1.55!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-benefits{
  display:none!important;
}

/* Primary auth card. */
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-card{
  width:100%!important;
  max-width:460px!important;
  margin:0!important;
  padding:30px!important;
  overflow:hidden!important;
  border:1px solid var(--b2s-login-line)!important;
  border-radius:28px!important;
  background:var(--b2s-login-surface)!important;
  box-shadow:0 24px 70px rgba(12,24,38,.09)!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-card-header{
  margin:0 0 24px!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-card h2{
  margin:0!important;
  color:var(--b2s-login-ink)!important;
  font-size:28px!important;
  line-height:1.12!important;
  font-weight:760!important;
  letter-spacing:-.035em!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-card-header p{
  margin:8px 0 0!important;
  color:var(--b2s-login-muted)!important;
  font-size:13.5px!important;
  line-height:1.45!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-form-grid{
  gap:16px!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-field label{
  margin:0 0 7px!important;
  color:#34404c!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:760!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s2833-role-help{
  display:none!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-field input,
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-field select{
  width:100%!important;
  min-height:50px!important;
  padding:0 15px!important;
  border:1px solid #d7dce2!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--b2s-login-ink)!important;
  font-size:15px!important;
  box-shadow:0 1px 1px rgba(12,24,38,.02)!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-field input::placeholder{
  color:#98a1ab!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-field input:focus,
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-field select:focus{
  outline:0!important;
  border-color:var(--b2s-login-gold)!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(245,173,22,.14)!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-password-wrap input{
  padding-right:54px!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-password-toggle{
  right:7px!important;
  top:50%!important;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  transform:translateY(-50%)!important;
  background:#f1f3f5!important;
  color:#34404c!important;
  display:grid!important;
  place-items:center!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-password-toggle svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-submit{
  width:100%!important;
  min-height:50px!important;
  margin:2px 0 0!important;
  padding:0 18px!important;
  border:1px solid var(--b2s-login-gold)!important;
  border-radius:999px!important;
  background:var(--b2s-login-gold)!important;
  color:#111820!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:0!important;
  box-shadow:none!important;
  transform:none!important;
  white-space:nowrap!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-submit:hover{
  background:#ffc236!important;
  border-color:#ffc236!important;
  filter:none!important;
  transform:none!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-links{
  margin:18px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:nowrap!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-links a{
  min-width:0!important;
  color:#4b5662!important;
  font-size:12.5px!important;
  font-weight:720!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-links a:first-child{
  color:#9b6900!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-account{
  margin:22px 0 0!important;
  padding-top:20px!important;
  border-top:1px solid #eceef1!important;
  color:var(--b2s-login-muted)!important;
  font-size:13px!important;
  line-height:1.3!important;
  text-align:center!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-account a{
  margin-left:5px!important;
  color:var(--b2s-login-ink)!important;
  font-weight:820!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-security{
  position:relative!important;
  margin:15px 0 0!important;
  padding-left:16px!important;
  color:#7a8490!important;
  font-size:11.5px!important;
  line-height:1.4!important;
  text-align:center!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-security::before{
  content:"";
  position:absolute;
  left:calc(50% - 74px);
  top:4px;
  width:7px;
  height:7px;
  border:2px solid #9b6900;
  border-radius:2px;
}

/* Mobile is purposefully simpler than desktop. */
@media(max-width:760px){
  body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"]{
    height:62px!important;
    min-height:62px!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-global-header-inner{
    width:100%!important;
    height:62px!important;
    min-height:62px!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-global-brand img{
    height:31px!important;
    max-width:142px!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-global-nav{
    display:none!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-global-actions{
    margin-left:auto!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-shell{
    width:100%!important;
    min-height:calc(100vh - 62px)!important;
    padding:30px 16px 38px!important;
    display:block!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-intro{
    max-width:440px!important;
    margin:0 auto 22px!important;
    text-align:center!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-eyebrow{
    margin-bottom:9px!important;
    font-size:10.5px!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-intro h1{
    max-width:360px!important;
    margin:0 auto!important;
    font-size:34px!important;
    line-height:1.04!important;
    letter-spacing:-.04em!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-intro>p{
    max-width:330px!important;
    margin:11px auto 0!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-card{
    max-width:480px!important;
    margin:0 auto!important;
    padding:22px 18px!important;
    border-radius:22px!important;
    box-shadow:0 16px 42px rgba(12,24,38,.07)!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-card-header{
    margin-bottom:19px!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-card h2{
    font-size:23px!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-card-header p{
    margin-top:6px!important;
    font-size:12.5px!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-form-grid{
    gap:14px!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-field input,
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-field select,
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-submit{
    min-height:48px!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-links{
    gap:10px!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-links a{
    font-size:12px!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-security{
    display:none!important;
  }
}

@media(max-width:390px){
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-shell{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-intro h1{
    font-size:31px!important;
  }
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-card{
    padding:20px 15px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.b2s-login-page[data-b2s-form-mode="auth"] *,
  body.b2s-login-page[data-b2s-form-mode="auth"] *::before,
  body.b2s-login-page[data-b2s-form-mode="auth"] *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* Legacy dark-auth WebKit text-fill neutralization. */
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-card,
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-card *{
  -webkit-text-fill-color:currentColor!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-field input::placeholder{
  -webkit-text-fill-color:#98a1ab!important;
}

/* Legacy dark-auth text-fill neutralization for the public intro. */
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-intro,
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-intro *{
  -webkit-text-fill-color:currentColor!important;
}


/* Bid2Stay 28.23.1 — Dark Login Visual Restoration
   Retains 28.23.0 layout/spacing/mobile discipline; restores the approved
   dark authentication canvas and contrast system. No auth/runtime behavior. */
body.b2s-login-page[data-b2s-form-mode="auth"]{
  --b2s-login-ink:#f7f9fc;
  --b2s-login-muted:#aeb8c6;
  --b2s-login-gold:#f5ad16;
  --b2s-login-gold-strong:#f5ad16;
  --b2s-login-surface:rgba(6,17,30,.96);
  --b2s-login-canvas:#03080e;
  --b2s-login-line:rgba(245,173,22,.24);
  background:
    radial-gradient(circle at 18% 24%,rgba(245,173,22,.14),transparent 31%),
    radial-gradient(circle at 84% 78%,rgba(17,57,91,.34),transparent 36%),
    linear-gradient(135deg,#03080e 0%,#071421 58%,#091a2b 100%)!important;
  color:#f7f9fc!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"]{
  background:rgba(3,8,14,.86)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-global-nav>a{
  color:#b9c5d4!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-global-nav>a:hover,
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-global-nav>a:focus-visible{
  color:#fff!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] header.b2s-global-header[data-b2s-header-type="public"] .b2s-session-account{
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-eyebrow{color:#f5ad16!important;}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-intro h1{color:#fff!important;}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-intro h1 span{color:#f5ad16!important;}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-intro>p{color:#b9c5d4!important;}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-card{
  border-color:rgba(245,173,22,.27)!important;
  background:linear-gradient(180deg,rgba(8,21,36,.98),rgba(5,15,27,.97))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-card h2{color:#fff!important;}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-card-header p{color:#aeb8c6!important;}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-field label{color:#d7dde7!important;}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-field input,
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-field select{
  border-color:rgba(255,255,255,.12)!important;
  background:#fff!important;
  color:#0b1825!important;
  box-shadow:none!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-field input:focus,
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-field select:focus{
  border-color:#f5ad16!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(245,173,22,.16)!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-password-toggle{
  background:#eef1f4!important;
  color:#263443!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-links a{color:#c3ccd7!important;}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-links a:first-child{color:#f5ad16!important;}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-account{
  border-top-color:rgba(255,255,255,.10)!important;
  color:#aeb8c6!important;
}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-account a{color:#f5ad16!important;}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-security{color:#8e9aaa!important;}
body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-security::before{border-color:#f5ad16!important;}
@media(max-width:760px){
  body.b2s-login-page[data-b2s-form-mode="auth"] .b2s-login-card{
    box-shadow:0 18px 48px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
}