/* Account entry and error pages share the management palette. */
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) {
  --bg: #111b3a;
  --panel: #ffffff;
  --ink: #1a2747;
  --muted: #62718d;
  --line: #dfe6f2;
  --mint: #315dcc;
  color-scheme: light;
  background: #f5f7fd;
  color: var(--ink);
}
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page)::before {
  background: radial-gradient(circle at 10% 95%, #35c0c525, transparent 40%),
    radial-gradient(circle at 95% 5%, #7758ef25, transparent 44%),
    linear-gradient(120deg, #f1fbfc, #f4f6ff 55%, #f2efff);
}
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .topbar { background: #17234b; border-bottom-color: #ffffff23; }
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .topbar .brand-mark {
  width: 162px;
  height: 34px;
  object-fit: cover;
  object-position: center;
}
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .auth-story .eyebrow { color: #0a838e; }
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .auth-story h1 { color: #1a2747; }
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .auth-story em { color: #5c50d4; }
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .auth-story > p { color: #586c8e; }
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .orbit {
  border-color: #668de381;
  background: radial-gradient(circle at 35% 30%, #69d9d84d, transparent 65%);
  box-shadow: 0 0 0 26px #a1b9f212, 0 0 80px #6650db24;
}
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .orbit::after {
  border-color: #6f81e388;
  background: radial-gradient(circle at 35% 30%, #cbffff, #a6b7f376 60%, #9372e853);
}
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .auth-card {
  background: #fff;
  border-color: #dfe6f2;
  box-shadow: 0 22px 65px #1c2c6520;
}
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .auth-card h2 { color: #1a2747; }
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .auth-tab { background: #f0f4fc; color: #435a82; border-color: #dce5f4; }
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .auth-tab.active,
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .primary {
  color: #fff;
  background: linear-gradient(115deg, #265bbd, #6748d4);
  border-color: #315dcc;
}
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .primary:hover { background: linear-gradient(115deg, #204da4, #5939bd); }
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) input { color: #253c68; background: #f9fbff; border-color: #d3def0; }
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) input:focus,
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) :is(button,a):focus-visible { outline-color: #4c80ed; }
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .notice { color: #245b8d; border-color: #b5dce9; background: #e8f7fc; }
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .notice.error { color: #925b48; border-color: #e3c6bc; background: #fff2ea; }
:is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .auth-footer a { color: #3159ad; }
.error-page .topbar .links a { color: #dce8ff; }
.error-page .auth-card .button { width: 100%; }
.error-page .auth-card .button + .button { margin-top: 12px; }
.error-page .auth-card .primary { color: #fff; }
.auth-card .remember-session{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:14px;font-weight:500}
.auth-card .remember-session input{width:18px;height:18px;margin:0;padding:0;flex:none;accent-color:#574ecb}
.auth-card #remember-help{margin-top:-16px;font-size:13px;line-height:1.5}

.signup-page .topbar .links a { color: #dce8ff; }
@media(max-width:720px){.signup-page .topbar .links>a{display:inline}}
.access-page .topbar .links a,
.recovery-page .topbar .links a { color: #dce8ff; }
.access-page .auth-card .button.full { width: 100%; }
.access-page .auth-card .button:not(.primary) { color: #253c68; background: #f9fbff; border-color: #d3def0; }
.access-page .auth-card .button:not(.primary):hover { background: #edf3ff; }
.access-page .auth-card .button.full + .button.full { margin-top: 12px; }
@media(max-width:720px){
  .access-page .topbar .links>a,.recovery-page .topbar .links>a{display:inline;font-size:12px;text-align:right}
  .recovery-page .topbar .links{max-width:150px}
  :is(.login-page,.signup-page,.access-page,.recovery-page,.error-page) .auth-layout{min-height:auto;align-content:start;align-items:start}
}