.route-login.surface-auth.surface-minimal,
.route-signup.surface-auth.surface-minimal,
.surface-auth.surface-minimal.surface-auth-message {
  min-height: 100svh;
  background: #171716;
  color: #f3eadb;
}

.route-login.surface-auth.surface-minimal.surface-auth-login {
  display: block;
}

.route-login.surface-auth.surface-minimal.surface-auth-login .site-header,
.route-login.surface-auth.surface-minimal.surface-auth-login .site-footer,
.surface-auth.surface-minimal.surface-auth-message .site-header,
.surface-auth.surface-minimal.surface-auth-message .site-footer {
  display: none;
}

.route-login.surface-auth.surface-minimal .site-main,
.route-signup.surface-auth.surface-minimal .site-main,
.surface-auth.surface-minimal.surface-auth-message .site-main {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 0.4rem;
}

.route-login.surface-auth.surface-minimal .auth-entry,
.route-signup.surface-auth.surface-minimal .auth-entry,
.surface-auth.surface-minimal.surface-auth-message .auth-entry {
  width: min(316px, calc(100vw - 24px));
  border: 1px solid rgba(243, 234, 219, 0.12);
  border-radius: 7px;
  background: #1b1b19;
  background-image: none;
  box-shadow: none;
}

.route-login.surface-auth.surface-minimal .auth-panel--entry,
.route-signup.surface-auth.surface-minimal .auth-panel--entry,
.surface-auth.surface-minimal.surface-auth-message .auth-panel--entry {
  display: grid;
  gap: 0.58rem;
  padding: 14px;
}

.route-login.surface-auth.surface-minimal .auth-panel__intro,
.route-signup.surface-auth.surface-minimal .auth-panel__intro,
.surface-auth.surface-minimal.surface-auth-message .auth-panel__intro {
  gap: 0.35rem;
}

.route-login.surface-auth.surface-minimal .auth-panel__intro h1,
.route-signup.surface-auth.surface-minimal .auth-panel__intro h1,
.surface-auth.surface-minimal.surface-auth-message .auth-panel__intro h1 {
  font-size: 1.38rem;
  line-height: 1.08;
}

.route-login.surface-auth.surface-minimal .auth-panel__intro p,
.route-signup.surface-auth.surface-minimal .auth-panel__intro p,
.surface-auth.surface-minimal.surface-auth-message .auth-panel__intro p {
  max-width: 26ch;
  font-size: 0.74rem;
  line-height: 1.34;
}

.route-login.surface-auth.surface-minimal .auth-panel__eyebrow,
.route-signup.surface-auth.surface-minimal .auth-panel__eyebrow {
  margin: 0;
  color: rgba(243, 234, 219, 0.58);
  font-size: 0.68rem;
}

.route-login.surface-auth.surface-minimal .auth-panel__meta,
.route-signup.surface-auth.surface-minimal .auth-panel__meta {
  margin-top: 0.04rem;
  color: rgba(243, 234, 219, 0.62);
}

.route-login.surface-auth.surface-minimal .auth-form,
.route-signup.surface-auth.surface-minimal .auth-form,
.surface-auth.surface-minimal.surface-auth-message .auth-form {
  gap: 0.46rem;
}

.route-login.surface-auth.surface-minimal .field,
.route-signup.surface-auth.surface-minimal .field {
  gap: 0.36rem;
}

.route-login.surface-auth.surface-minimal .field label,
.route-signup.surface-auth.surface-minimal .field label {
  font-size: 0.8rem;
}

.route-login.surface-auth.surface-minimal .field input,
.route-signup.surface-auth.surface-minimal .field input {
  min-height: 38px;
  padding: 0.44rem 0.58rem;
  border-radius: 6px;
}

.route-login.surface-auth.surface-minimal .button-like,
.route-signup.surface-auth.surface-minimal .button-like,
.surface-auth.surface-minimal.surface-auth-message .button-like {
  min-height: 38px;
  border-radius: 6px;
  font-size: 0.82rem;
}

.route-login.surface-auth.surface-minimal .button-like--primary,
.route-signup.surface-auth.surface-minimal .button-like--primary,
.surface-auth.surface-minimal.surface-auth-message .button-like--primary {
  border: 1px solid rgba(243, 234, 219, 0.18);
  background: #f3eadb;
  color: #15130f;
  box-shadow: none;
}

.route-login.surface-auth.surface-minimal .button-like--primary:hover,
.route-login.surface-auth.surface-minimal .button-like--primary:focus-visible,
.route-signup.surface-auth.surface-minimal .button-like--primary:hover,
.route-signup.surface-auth.surface-minimal .button-like--primary:focus-visible,
.surface-auth.surface-minimal.surface-auth-message .button-like--primary:hover,
.surface-auth.surface-minimal.surface-auth-message .button-like--primary:focus-visible {
  background: #fff2dc;
  box-shadow: none;
  transform: none;
}

.route-login.surface-auth.surface-minimal .button-like--secondary,
.route-signup.surface-auth.surface-minimal .button-like--secondary,
.surface-auth.surface-minimal.surface-auth-message .button-like--secondary {
  border-color: rgba(243, 234, 219, 0.16);
  background: #24231f;
  color: #f3eadb;
  box-shadow: none;
}

.route-login.surface-auth.surface-minimal .button-like--secondary:hover,
.route-login.surface-auth.surface-minimal .button-like--secondary:focus-visible,
.route-signup.surface-auth.surface-minimal .button-like--secondary:hover,
.route-signup.surface-auth.surface-minimal .button-like--secondary:focus-visible,
.surface-auth.surface-minimal.surface-auth-message .button-like--secondary:hover,
.surface-auth.surface-minimal.surface-auth-message .button-like--secondary:focus-visible {
  background: #2b2924;
  box-shadow: none;
  transform: none;
}

.surface-auth.surface-minimal.surface-auth-message .auth-panel__eyebrow {
  margin: 0;
  color: rgba(243, 234, 219, 0.62);
  font-size: 0.72rem;
}

.surface-auth.surface-minimal.surface-auth-message .auth-panel__notice,
.surface-auth.surface-minimal.surface-auth-message .auth-benefits {
  margin: 0;
  color: rgba(243, 234, 219, 0.72);
  font-size: 0.8rem;
  line-height: 1.35;
}

.surface-auth.surface-minimal.surface-auth-message .auth-benefits {
  display: grid;
  gap: 0.28rem;
  padding-left: 1rem;
}

.route-login.surface-auth.surface-minimal .auth-divider,
.route-signup.surface-auth.surface-minimal .auth-divider {
  gap: 0.6rem;
  color: rgba(243, 234, 219, 0.62);
  font-size: 0.72rem;
}

.route-login.surface-auth.surface-minimal .auth-divider::before,
.route-login.surface-auth.surface-minimal .auth-divider::after,
.route-signup.surface-auth.surface-minimal .auth-divider::before,
.route-signup.surface-auth.surface-minimal .auth-divider::after {
  border-top-color: rgba(243, 234, 219, 0.16);
}

@media (max-width: 420px) {
  .route-login.surface-auth.surface-minimal .site-main,
  .route-signup.surface-auth.surface-minimal .site-main {
    padding: 0.4rem;
  }

  .route-login.surface-auth.surface-minimal .auth-panel--entry,
  .route-signup.surface-auth.surface-minimal .auth-panel--entry {
    padding: 0.68rem;
  }
}