/* WikiStore 4.9.759 — one auth surface, using the Workspace type and palette. */
:root {
  color-scheme: dark;
  --auth-bg: #0d1015;
  --auth-panel: #131820;
  --auth-control: #0e131a;
  --auth-border: #28313d;
  --auth-text: #eef2f7;
  --auth-muted: #929dac;
  --auth-accent: #8cb5f3;
  --auth-good: #8bc8a7;
  --auth-danger: #f39191;
  --auth-font: 'Space Grotesk', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
html { min-width: 320px; background: var(--auth-bg); -webkit-text-size-adjust: 100%; }
body.auth-page { margin: 0; min-height: 100svh; background: var(--auth-bg); color: var(--auth-text); font: 400 14px/1.55 var(--auth-font); -webkit-font-smoothing: antialiased; }
.auth-page *, .auth-page *::before, .auth-page *::after { box-sizing: border-box; }
.auth-page :is(button, input, select, textarea) { font: inherit; }
.auth-page :is(h1, h2, h3, p) { margin: 0; }
.auth-page a { color: inherit; text-decoration: none; }
.auth-page button { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.auth-page [hidden] { display: none !important; }
.auth-page :is(a, button, input):focus-visible { outline: 2px solid var(--auth-accent); outline-offset: 4px; }
.auth-page a:hover { color: #fff; }
.auth-page .auth-topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 76px; padding: 16px max(24px, calc((100vw - 1200px) / 2)); border-bottom: 1px solid #202731; background: var(--auth-bg); }
.auth-page .sx-public-brand { display: flex; align-items: center; gap: 11px; flex-shrink: 0; }
.auth-page .sx-public-mark { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #46515f; border-radius: 9px; color: #f2f5fa; font-size: 13px; font-weight: 700; letter-spacing: -.06em; background: #1a222d; }
.auth-page .sx-public-brand-copy { display: grid; gap: 0; }
.auth-page .sx-public-brand-copy b { font-size: 17px; font-weight: 700; letter-spacing: -.04em; line-height: 1.3; }
.auth-page .sx-public-brand-copy > span { font-size: 11px; color: var(--auth-muted); }
.auth-page .sx-public-nav { display: flex; align-items: center; gap: 8px; }
.auth-page .sx-public-nav > a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 12px; border: 1px solid transparent; border-radius: 7px; font-size: 13px; color: #aab4c1; white-space: nowrap; transition: color .16s, background-color .16s, border-color .16s; }
.auth-page .sx-public-nav > a:hover { background: #171e27; color: var(--auth-text); }
.auth-page .sx-public-nav > a.primary { border-color: #354252; color: #dce6f4; background: #19222e; }
.auth-page .sx-public-nav > a.primary:hover { border-color: #526982; background: #202e3f; }
.auth-page .sx-public-nav .ws-locale-switch { min-height: 36px; font: 500 12px/1 var(--auth-font); border: 1px solid var(--auth-border); border-radius: 7px; background: transparent; color: #aab4c1; }
.auth-page .auth-shell { display: grid; place-items: center; min-height: calc(100svh - 76px); padding: 56px 24px 64px; }
.auth-page .auth-stage { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 460px); align-items: center; width: min(100%, 1100px); gap: clamp(48px, 7vw, 100px); }
.auth-page .auth-context { min-width: 0; padding: 20px 0; }
.auth-page .auth-context-kicker { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 23px; color: #a9bad0; font-size: 11px; font-weight: 500; letter-spacing: .14em; }
.auth-page .auth-context-kicker::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--auth-good); }
.auth-page .auth-context h2 { max-width: 470px; font-size: clamp(34px, 3.7vw, 48px); font-weight: 600; line-height: 1.14; letter-spacing: -.05em; text-wrap: balance; }
.auth-page .auth-context > p { max-width: 410px; margin-top: 20px; color: #a0acba; font-size: 15px; line-height: 1.8; }
.auth-page .auth-context-list { display: grid; margin-top: 36px; max-width: 430px; border-top: 1px solid var(--auth-border); }
.auth-page .auth-context-list > div { display: flex; align-items: center; gap: 16px; padding: 20px 0; border-bottom: 1px solid #202a35; }
.auth-page .auth-context-list > div > span { display: grid; place-items: center; flex: 0 0 40px; height: 40px; border: 1px solid #2c3c51; border-radius: 10px; background: #17212f; color: #98bdf5; }
.auth-page .auth-context-list > div:nth-child(2) > span { color: var(--auth-good); background: #15251f; border-color: #2a4338; }
.auth-page .auth-context-list > div:nth-child(3) > span { background: #1b222c; color: #b1bdce; border-color: #323d4c; }
.auth-page .auth-context-list svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.auth-page .auth-context-list b { display: block; margin-bottom: 3px; font-size: 14px; font-weight: 500; }
.auth-page .auth-context-list small { display: block; font-size: 12px; color: var(--auth-muted); line-height: 1.6; }
.auth-page .auth-context-foot { margin-top: 24px; font-size: 12px; color: #7f8d9e; }
.auth-page .auth-card { width: 100%; min-width: 0; padding: 32px; border: 1px solid var(--auth-border); border-radius: 16px; background: var(--auth-panel); box-shadow: 0 12px 36px rgba(0, 0, 0, .16); }
.auth-page .auth-mode { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; margin-bottom: 28px; padding: 4px; border: 1px solid #27313f; border-radius: 9px; background: #0e141c; }
.auth-page .auth-mode a { display: flex; align-items: center; justify-content: center; min-height: 36px; padding: 7px 10px; border: 1px solid transparent; border-radius: 6px; color: #93a1b3; font-size: 13px; font-weight: 500; }
.auth-page .auth-mode a[aria-current='page'] { color: #e7edf5; border-color: #36445a; background: #243247; box-shadow: 0 1px 3px rgba(0, 0, 0, .12); }
.auth-page .auth-mode a:not([aria-current]):hover { color: #c3d2e6; background: #18212c; }
.auth-page .auth-copy { margin-bottom: 25px; }
.auth-page .auth-copy h1 { font-size: 28px; font-weight: 600; line-height: 1.25; letter-spacing: -.04em; }
.auth-page .auth-copy p { margin-top: 9px; color: var(--auth-muted); font-size: 13px; line-height: 1.7; }
.auth-page .auth-alert { margin-bottom: 20px; padding: 12px 14px; border: 1px solid #674047; border-radius: 8px; background: #271b23; color: #efadb0; font-size: 13px; overflow-wrap: anywhere; }
.auth-page .auth-alert.neutral { background: #182333; color: #b9cde8; border-color: #334b67; }
.auth-page .auth-social-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.auth-page .auth-oauth-btn { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; padding: 10px 12px; border: 1px solid #334051; border-radius: 8px; background: #19212c; color: #e2e8f1; transition: border-color .16s, background-color .16s; }
.auth-page a.auth-oauth-btn:hover { border-color: #556782; background: #202c3b; }
.auth-page .auth-oauth-icon { display: grid; place-items: center; width: 20px; height: 20px; flex: 0 0 20px; }
.auth-page .auth-oauth-icon svg { display: block; width: 20px; height: 20px; }
.auth-page .auth-oauth-copy { min-width: 0; }
.auth-page .auth-oauth-copy b { display: block; font-size: 13px; font-weight: 500; }
.auth-page .auth-oauth-copy small { display: block; color: #8d99a9; font-size: 10px; }
.auth-page .auth-oauth-btn:not([aria-disabled='true']) .auth-oauth-copy small { display: none; }
.auth-page .auth-oauth-btn[aria-disabled='true'] { color: #9aa6b6; border-color: #2a3340; background: #151c26; cursor: default; }
.auth-page .auth-divider { display: flex; align-items: center; gap: 12px; margin: 22px 0; color: #7f8c9e; font-size: 11px; text-align: center; }
.auth-page .auth-divider::before, .auth-page .auth-divider::after { content: ''; flex: 1; height: 1px; background: #29323f; }
.auth-page .auth-form { display: grid; gap: 18px; }
.auth-page .auth-field { display: grid; gap: 8px; min-width: 0; }
.auth-page .auth-field > label, .auth-page .auth-label-row label { color: #c6d0dd; font-size: 13px; font-weight: 500; }
.auth-page .auth-label-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.auth-page .auth-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.auth-page .auth-form input:not([type='hidden']):not([type='checkbox']) { width: 100%; min-width: 0; height: 46px; padding: 11px 13px; border: 1px solid #364253; border-radius: 8px; background: var(--auth-control); color: var(--auth-text); font: 400 14px/1.4 var(--auth-font); transition: border-color .16s, box-shadow .16s, background-color .16s; }
.auth-page .auth-form input::placeholder { color: #697789; opacity: 1; }
.auth-page .auth-form input:not([type='checkbox']):hover { border-color: #4a5b70; }
.auth-page .auth-form input:focus { outline: none; border-color: #739aca; box-shadow: 0 0 0 3px rgba(122, 167, 224, .12); background: #111922; }
.auth-page .auth-form input[aria-invalid='true'] { border-color: #bc6c76; }
.auth-page .auth-form input:-webkit-autofill { -webkit-text-fill-color: var(--auth-text); caret-color: var(--auth-text); box-shadow: 0 0 0 100px var(--auth-control) inset; }
.auth-page .auth-password-field { display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: center; min-height: 46px; border: 1px solid #364253; border-radius: 8px; background: var(--auth-control); transition: border-color .16s, box-shadow .16s; }
.auth-page .auth-password-field:focus-within { border-color: #739aca; box-shadow: 0 0 0 3px rgba(122, 167, 224, .12); }
.auth-page .auth-password-field > input:not([type='hidden']):not([type='checkbox']) { height: 44px; border: 0; background: transparent; box-shadow: none; border-radius: 7px 0 0 7px; }
.auth-page .auth-password-toggle { display: grid; place-items: center; width: 42px; height: 42px; margin: 1px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #7d8c9f; }
.auth-page .auth-password-toggle:hover { background: #1c2736; color: #c4d5ee; }
.auth-page .auth-password-toggle svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.auth-page .auth-eye-slash { display: none; }
.auth-page .auth-password-toggle.is-visible .auth-eye-slash { display: block; }
.auth-page .auth-caps-warning { color: #d6b776; font-size: 10px; }
.auth-page .auth-field-help, .auth-page .auth-match-hint, .auth-page .auth-password-strength p { color: #8090a5; font-size: 11px; line-height: 1.65; }
.auth-page .auth-password-grid { display: grid; gap: 18px; }
.auth-page .auth-password-strength { display: grid; gap: 7px; margin-top: 1px; }
.auth-page .auth-strength-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 10px; color: #8493a7; }
.auth-page .auth-strength-head b { font-weight: 500; }
.auth-page .auth-strength-meter { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
.auth-page .auth-strength-meter i { height: 3px; border-radius: 2px; background: #2b3543; }
.auth-page [data-level='1'] .auth-strength-meter i:first-child { background: #ce858d; }
.auth-page [data-level='2'] .auth-strength-meter i:nth-child(-n+2) { background: #c6ab76; }
.auth-page [data-level='3'] .auth-strength-meter i:nth-child(-n+3) { background: #81a9db; }
.auth-page [data-level='4'] .auth-strength-meter i { background: var(--auth-good); }
.auth-page .auth-match-hint { min-height: 18px; }
.auth-page .auth-match-hint.is-match { color: var(--auth-good); }
.auth-page .auth-match-hint.is-mismatch { color: var(--auth-danger); }
.auth-page .auth-remember-card { display: flex; align-items: flex-start; gap: 10px; margin: 1px 0 3px; cursor: pointer; }
.auth-page .auth-remember-check { display: flex; flex: 0 0 17px; margin-top: 2px; }
.auth-page .auth-remember-check input { width: 17px; height: 17px; margin: 0; padding: 0; accent-color: #8eb7ef; cursor: pointer; }
.auth-page .auth-remember-check i, .auth-page .auth-remember-badge { display: none; }
.auth-page .auth-remember-copy { display: grid; gap: 3px; }
.auth-page .auth-remember-copy b { font-size: 12px; font-weight: 400; color: #b9c6d8; }
.auth-page .auth-remember-copy small { font-size: 10px; color: #79899d; line-height: 1.6; }
.auth-page .auth-primary-btn, .auth-page .auth-quick-primary { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 46px; padding: 12px 16px; border: 1px solid #729bd0; border-radius: 8px; background: #547bae; color: #fff; font-size: 14px; font-weight: 500; line-height: 1.4; transition: background-color .16s, border-color .16s, transform .12s; }
.auth-page .auth-primary-btn:hover, .auth-page .auth-quick-primary:hover { background: #638bc0; border-color: #8fb5e5; }
.auth-page .auth-primary-btn:active, .auth-page .auth-quick-primary:active { transform: translateY(1px); background: #496d9c; }
.auth-page .auth-primary-btn:disabled { cursor: wait; opacity: .8; }
.auth-page .auth-primary-btn[aria-busy='true']::after { content: ''; width: 14px; height: 14px; flex: 0 0 14px; border: 2px solid rgba(255, 255, 255, .3); border-top-color: #fff; border-radius: 50%; animation: wsAuthSpin .8s linear infinite; }
.auth-page .auth-login-link, .auth-page .auth-help-line { margin-top: 20px; color: #8494a9; font-size: 12px; text-align: center; }
.auth-page .auth-login-link a, .auth-page .auth-help-line a { color: #abcaf3; }
.auth-page .auth-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 25px; padding-top: 18px; border-top: 1px solid #29323f; color: #78899e; font-size: 10px; }
.auth-page .auth-foot a:hover { color: #bdcce2; }
.auth-page .auth-quick-card { margin-bottom: 22px; padding: 14px; border: 1px solid #33463b; border-radius: 10px; background: #16221d; }
.auth-page .auth-quick-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.auth-page .auth-quick-head > span { color: var(--auth-good); font-size: 10px; letter-spacing: .04em; }
.auth-page .auth-quick-head b { color: #91a99b; font-size: 10px; font-weight: 400; }
.auth-page .auth-quick-account { display: flex; align-items: center; gap: 10px; }
.auth-page .auth-quick-avatar { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border: 1px solid #3c5b49; border-radius: 9px; background: #243c2e; color: #add5ba; font-size: 16px; font-weight: 500; }
.auth-page .auth-quick-identity { min-width: 0; flex: 1; }
.auth-page .auth-quick-identity b { display: block; font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }
.auth-page .auth-quick-identity small { display: block; margin-top: 2px; color: #91a699; font-size: 10px; overflow-wrap: anywhere; }
.auth-page .auth-quick-shield { color: var(--auth-good); }
.auth-page .auth-quick-actions { margin-top: 13px; }
.auth-page .auth-quick-primary { min-height: 40px; background: #375d48; border-color: #557b64; font-size: 12px; }
.auth-page .auth-quick-primary small { display: none; }
.auth-page .auth-quick-forget { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 11px; }
.auth-page .auth-quick-forget button { border: 0; padding: 0; background: transparent; font-size: 10px; color: #93a89c; }
.auth-page .auth-quick-forget a { font-size: 10px; color: #adcbb8; }
.auth-page .auth-sr-only, .auth-page .auth-hp { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.auth-page-ready .auth-card { animation: wsAuthEnter .2s ease-out both; }
@keyframes wsAuthEnter { from { opacity: .8; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes wsAuthSpin { to { transform: rotate(360deg); } }
@media (min-width: 961px) and (max-height: 820px) {
  .auth-page .auth-shell { padding-top: 28px; padding-bottom: 28px; }
  .auth-page .auth-mode { margin-bottom: 20px; }
  .auth-page .auth-copy { margin-bottom: 20px; }
}
@media (max-width: 960px) {
  .auth-page .auth-stage { grid-template-columns: minmax(0, 460px); justify-content: center; gap: 0; }
  .auth-page .auth-context { display: none; }
  .auth-page .auth-shell { padding-top: 36px; }
}
@media (max-width: 620px) {
  .auth-page .auth-topbar { min-height: 66px; padding: 13px max(18px, env(safe-area-inset-right)) 13px max(18px, env(safe-area-inset-left)); gap: 10px; }
  .auth-page .sx-public-brand-copy > span, .auth-page .auth-nav-secondary { display: none; }
  .auth-page .sx-public-brand-copy b { font-size: 16px; }
  .auth-page .sx-public-mark { width: 32px; height: 32px; font-size: 11px; }
  .auth-page .sx-public-nav { gap: 6px; }
  .auth-page .sx-public-nav > a { min-height: 34px; padding: 7px 10px; font-size: 11px; }
  .auth-page .sx-public-nav .ws-locale-switch { min-width: 44px; padding: 8px; font-size: 10px; }
  .auth-page .auth-shell { min-height: calc(100svh - 66px); align-items: start; padding: 26px max(16px, env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
  .auth-page .auth-card { padding: 24px 22px; border-radius: 13px; }
  .auth-page .auth-mode { margin-bottom: 24px; }
  .auth-page .auth-copy h1 { font-size: 26px; }
  .auth-page .auth-copy p { font-size: 12px; }
  .auth-page .auth-form input:not([type='hidden']):not([type='checkbox']) { font-size: 16px; }
}
@media (max-width: 359px) {
  .auth-page .auth-card { padding: 22px 18px; }
  .auth-page .auth-form-row { grid-template-columns: minmax(0, 1fr); }
  .auth-page .sx-public-brand { gap: 7px; }
  .auth-page .sx-public-brand-copy b { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .auth-page *, .auth-page *::before, .auth-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}