.mag-auth-gate{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(250,247,244,.94);
  backdrop-filter:blur(12px);
}

.mag-auth-gate[hidden]{
  display:none;
}

.mag-auth-card{
  width:min(480px,100%);
  padding:38px;
  border:1px solid #e8d7c0;
  border-radius:26px;
  background:#fffdfb;
  box-shadow:0 28px 80px rgba(56,29,62,.14);
  text-align:center;
}

.mag-auth-brand{
  margin:0 0 9px;
  color:#8b5a1f;
  font:700 12px/1.3 system-ui,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.mag-auth-card h1{
  margin:0;
  color:#27192d;
  font:700 clamp(30px,5vw,43px)/1.05 Georgia,serif;
}

.mag-auth-copy{
  margin:16px auto 24px;
  max-width:370px;
  color:#726778;
  font:400 15px/1.55 system-ui,sans-serif;
}

.mag-auth-button{
  min-height:48px;
  padding:0 22px;
  border:0;
  border-radius:14px;
  cursor:pointer;
  background:#6d278d;
  color:white;
  font:700 15px/1 system-ui,sans-serif;
  box-shadow:0 8px 20px rgba(109,39,141,.18);
}

.mag-auth-button:disabled{
  cursor:wait;
  opacity:.65;
}

.mag-auth-status{
  min-height:22px;
  margin:17px 0 0;
  color:#746b78;
  font:500 13px/1.45 system-ui,sans-serif;
}

.mag-auth-status[data-error="true"]{
  color:#9b2532;
}

.mag-auth-account{
  margin-top:11px;
  color:#887d8b;
  font:500 12px/1.4 system-ui,sans-serif;
}

.mag-auth-sr{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}