/* Static member hub theme utilities formerly supplied by Tailwind CDN config. */
.bg-background{background-color:#fbf9f9;}
.bg-surface{background-color:#fbf9f9;}
.bg-surface-bright{background-color:#fbf9f9;}
.bg-surface-container-lowest{background-color:#fff;}
.bg-surface-container-low{background-color:#f5f3f3;}
.bg-surface-container{background-color:#efeded;}
.bg-surface-container-high{background-color:#e9e8e7;}
.bg-surface-container-highest{background-color:#e3e2e2;}
.bg-surface-dim{background-color:#dbdad9;}
.bg-primary{background-color:#b72301;}
.bg-primary-fixed{background-color:#ffdad3;}
.bg-primary-fixed-dim{background-color:#ffb4a4;}
.bg-primary-container{background-color:#ff5733;}
.bg-secondary{background-color:#80551d;}
.bg-secondary-container{background-color:#fec481;}
.bg-secondary-fixed{background-color:#ffddb9;}
.bg-secondary-fixed-dim{background-color:#f5bc7a;}
.bg-tertiary{background-color:#575e70;}
.bg-tertiary-container{background-color:#8a91a4;}
.bg-tertiary-fixed{background-color:#dce2f7;}
.bg-tertiary-fixed-dim{background-color:#c0c6db;}
.bg-error{background-color:#ba1a1a;}
.bg-error-container{background-color:#ffdad6;}
.bg-inverse-surface{background-color:#303031;}

.text-background{color:#fbf9f9;}
.text-on-background{color:#1b1c1c;}
.text-surface{color:#fbf9f9;}
.text-on-surface{color:#1b1c1c;}
.text-on-surface\/25{color:rgba(27,28,28,.25);}
.text-on-surface\/30{color:rgba(27,28,28,.3);}
.text-on-surface\/35{color:rgba(27,28,28,.35);}
.text-on-surface\/40{color:rgba(27,28,28,.4);}
.text-on-surface\/50{color:rgba(27,28,28,.5);}
.text-on-surface\/60{color:rgba(27,28,28,.6);}
.text-on-surface\/70{color:rgba(27,28,28,.7);}
.text-on-surface-variant{color:#5b403a;}
.text-primary{color:#b72301;}
.text-on-primary{color:#fff;}
.text-on-primary-container{color:#580c00;}
.text-on-primary-fixed{color:#3d0600;}
.text-on-primary-fixed-variant{color:#8c1800;}
.text-secondary{color:#80551d;}
.text-on-secondary{color:#fff;}
.text-on-secondary-container{color:#794f17;}
.text-tertiary{color:#575e70;}
.text-on-tertiary{color:#fff;}
.text-on-tertiary-container{color:#232a3a;}
.text-error{color:#ba1a1a;}
.text-on-error{color:#fff;}
.text-inverse-on-surface{color:#f2f0f0;}

.border-outline{border-color:#8f7069;}
.border-outline-variant{border-color:#e4beb6;}
.border-outline-variant\/50{border-color:rgba(228,190,182,.5);}
.border-on-surface\/5{border-color:rgba(27,28,28,.05);}
.border-on-surface\/10{border-color:rgba(27,28,28,.1);}
.border-on-surface\/15{border-color:rgba(27,28,28,.15);}
.border-primary{border-color:#b72301;}
.border-surface-container-lowest{border-color:#fff;}

.placeholder\:text-on-surface\/30::placeholder{color:rgba(27,28,28,.3);}
.hover\:bg-surface-container:hover{background-color:#efeded;}
.hover\:bg-surface-container-low:hover{background-color:#f5f3f3;}
.hover\:bg-on-primary-fixed-variant:hover{background-color:#8c1800;}
.hover\:border-primary:hover{border-color:#b72301;}
.hover\:text-primary:hover{color:#b72301;}
.hover\:text-error:hover{color:#ba1a1a;}
.hover\:text-on-surface:hover{color:#1b1c1c;}
.hover\:text-on-surface\/60:hover{color:rgba(27,28,28,.6);}
.focus\:border-primary:focus{border-color:#b72301;}
.focus\:ring-primary\/40:focus{--tw-ring-color:rgba(183,35,1,.4);}

.hub-auth-transition{
  min-height:calc(100vh - 10rem);
  max-width:72rem;
  margin:0 auto;
  padding:6rem 1.5rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#1b1c1c;
}
.hub-auth-transition.hidden{display:none;}
.hub-auth-transition__mark{
  position:relative;
  width:5.5rem;
  height:5.5rem;
  margin-bottom:1.5rem;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#fff;
  box-shadow:0 18px 46px rgba(88,12,0,.11), inset 0 0 0 1px rgba(183,35,1,.08);
}
.hub-auth-transition__mark::before,
.hub-auth-transition__mark::after{
  content:"";
  position:absolute;
  inset:-.55rem;
  border-radius:inherit;
  border:1px solid rgba(183,35,1,.16);
  animation:hub-auth-ring 1.8s ease-in-out infinite;
}
.hub-auth-transition__mark::after{
  inset:-1.05rem;
  border-color:rgba(128,85,29,.14);
  animation-delay:.45s;
}
.hub-auth-transition__mark img{
  width:3.4rem;
  height:3.4rem;
  object-fit:contain;
}
.hub-auth-transition__eyebrow{
  margin-bottom:.75rem;
  color:#80551d;
  font-family:Inter,system-ui,sans-serif;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:0;
  text-transform:uppercase;
}
.hub-auth-transition__title{
  margin:0;
  font-size:clamp(1.75rem, 2.2rem, 2.35rem);
  line-height:1.15;
  font-weight:850;
  letter-spacing:0;
}
.hub-auth-transition__desc{
  max-width:28rem;
  margin:1rem auto 0;
  color:rgba(27,28,28,.58);
  font-size:1rem;
  line-height:1.75;
}
.hub-auth-transition__bar{
  width:min(20rem, 76vw);
  height:3px;
  margin-top:2rem;
  overflow:hidden;
  border-radius:999px;
  background:rgba(128,85,29,.14);
}
.hub-auth-transition__bar span{
  display:block;
  width:46%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, rgba(183,35,1,0), #b72301, #80551d);
  animation:hub-auth-bar 1.35s ease-in-out infinite;
}
.hub-auth-transition__steps{
  margin-top:1.25rem;
  display:flex;
  gap:.45rem;
  justify-content:center;
}
.hub-auth-transition__steps span{
  width:.42rem;
  height:.42rem;
  border-radius:999px;
  background:#b72301;
  opacity:.28;
  animation:hub-auth-dot 1.2s ease-in-out infinite;
}
.hub-auth-transition__steps span:nth-child(2){animation-delay:.16s;}
.hub-auth-transition__steps span:nth-child(3){animation-delay:.32s;}

@keyframes hub-auth-ring{
  0%,100%{transform:scale(.96); opacity:.35;}
  50%{transform:scale(1.03); opacity:.82;}
}
@keyframes hub-auth-bar{
  0%{transform:translateX(-110%);}
  100%{transform:translateX(230%);}
}
@keyframes hub-auth-dot{
  0%,100%{opacity:.24; transform:translateY(0);}
  50%{opacity:.9; transform:translateY(-2px);}
}

@media (max-width:640px){
  .hub-auth-transition{
    min-height:calc(100vh - 9rem);
    padding:4.75rem 1.25rem;
  }
  .hub-auth-transition__mark{
    width:4.9rem;
    height:4.9rem;
  }
  .hub-auth-transition__mark img{
    width:3rem;
    height:3rem;
  }
  .hub-auth-transition__desc{
    font-size:.95rem;
  }
}
