body[data-auth-shell="mossan-apps"] {
  background: radial-gradient(
    circle at 10% 0%,
    var(--mossan-auth-page-accent-background) 0%,
    var(--mossan-auth-page-background) 45%
  );
}

body[data-auth-shell="mossan-apps"] .auth-header {
  background: var(--mossan-auth-header-background);
}

body[data-auth-shell="mossan-apps"] .auth-logo__text,
body[data-auth-shell="mossan-apps"] .auth-header__login {
  color: var(--mossan-auth-header-text);
}

body[data-auth-shell="mossan-apps"] .auth-card {
  border-color: color-mix(in srgb, var(--mossan-auth-accent) 52%, transparent);
}

body[data-auth-shell="mossan-apps"] .auth-title {
  color: #f5f7fa;
}

body[data-auth-shell="mossan-apps"] .auth-input-wrap:focus-within {
  border-color: var(--mossan-auth-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mossan-auth-accent) 22%, transparent);
}

body[data-auth-shell="mossan-apps"] .auth-check input {
  accent-color: var(--mossan-auth-accent);
}

body[data-auth-shell="mossan-apps"] .auth-help-link {
  color: #cbd5e1;
}

body[data-auth-shell="mossan-apps"] .auth-help-link:hover {
  color: #ffffff;
}

body[data-auth-shell="mossan-apps"] .auth-submit {
  border-color: var(--mossan-auth-accent);
  background: var(--mossan-auth-accent);
  color: #ffffff;
}

body[data-auth-shell="mossan-apps"] .auth-submit:hover {
  border-color: var(--mossan-auth-accent-hover);
  background: var(--mossan-auth-accent-hover);
}

body[data-auth-shell="mossan-apps"] .auth-submit:focus-visible,
body[data-auth-shell="mossan-apps"] a:focus-visible {
  outline-color: var(--mossan-auth-accent-hover);
}