.signin-card .remember-login {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 14px;
  font-size: .8em;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
}

.signin-card .remember-login input {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  accent-color: var(--accent);
  cursor: pointer;
}

/* The two ways into the platform share one compact, predictable access card. */
.access-entry-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:-.3rem 0 1.25rem;border-bottom:1px solid var(--line)}
.access-entry-card{min-height:31rem}
.access-entry-tabs>input{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;clip:rect(0 0 0 0);overflow:hidden}
.access-entry-tabs>label{display:block!important;margin:0!important;padding:.72rem .5rem!important;border-bottom:3px solid transparent;color:var(--muted)!important;font-size:.88em!important;font-weight:850!important;letter-spacing:.02em!important;text-align:center;text-transform:none!important;cursor:pointer}
.access-entry-tabs>input:checked+label{border-color:var(--accent);color:var(--text)!important}
.access-entry-tabs>input:focus-visible+label{outline:2px solid var(--accent);outline-offset:-2px}
.access-entry-pane{grid-column:1/-1;display:none;min-height:24rem;flex-direction:column}
.access-entry-pane form{display:flex;flex:1;flex-direction:column}
.access-entry-pane form>button[type="submit"]{margin-top:auto}
#access-code-tab:checked~.access-code-pane,#sign-in-tab:checked~.sign-in-pane{display:flex}
@media(max-width:540px){.access-entry-card{min-height:0}}