:root {
  --auth-ink: #102c4d;
  --auth-muted: #65758a;
  --auth-line: #dce5e9;
  --auth-card: #fff;
  --auth-input: #f7fafb;
  --auth-teal: #168f88;
  --auth-gold: #d8b94e;
}

.auth-page {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  min-height: 100vh;
  justify-content: center !important;
  padding: 42px 20px !important;
  color: var(--auth-ink);
  background: #f6f9f7 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.auth-page::before {
  position: fixed;
  z-index: -1;
  inset: -18%;
  background:
    radial-gradient(ellipse at 19% 25%, rgba(76,191,168,.2), transparent 30%),
    radial-gradient(ellipse at 76% 35%, rgba(25,119,141,.13), transparent 34%),
    radial-gradient(ellipse at 55% 87%, rgba(216,185,78,.13), transparent 31%);
  content: "";
  animation: auth-aurora 22s ease-in-out infinite alternate;
  pointer-events: none;
}

.auth-back-home {
  position: fixed;
  z-index: 5;
  top: 20px;
  left: max(22px, calc((100vw - 1120px) / 2));
  display: inline-flex;
  gap: 9px;
  align-items: center;
  color: #38546e;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
  transition: color .2s ease, transform .2s ease;
}

.auth-back-home:hover { color: var(--auth-teal); transform: translateX(-2px); }
.auth-back-home:focus-visible, .auth-form a:focus-visible, .auth-form button:focus-visible {
  outline: 3px solid #58c7b4;
  outline-offset: 3px;
}

.auth-theme-button {
  position: fixed;
  z-index: 5;
  top: 13px;
  right: max(20px, calc((100vw - 1120px) / 2));
  width: 40px;
  height: 40px;
  border: 1px solid rgba(16, 44, 77, .12);
  border-radius: 50%;
  color: #244762;
  background: rgba(255,255,255,.75);
  cursor: pointer;
  font: inherit;
  transition: transform .2s ease, background .2s ease;
}
.auth-theme-button:hover { transform: translateY(-2px); background: #fff; }

.auth-page .auth-shell {
  width: min(1050px, 100%);
  max-width: 1050px;
  min-height: 650px;
  grid-template-columns: minmax(0, 1.02fr) minmax(390px, .98fr);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 28px;
  background: var(--auth-card);
  box-shadow: 0 34px 90px rgba(8, 34, 63, .17), 0 5px 20px rgba(8, 34, 63, .06);
  animation: auth-entrance .7s cubic-bezier(.2,.75,.25,1) both;
}

.auth-page .auth-aside {
  justify-content: flex-start;
  padding: 34px 38px 28px;
  background:
    radial-gradient(ellipse at 85% 20%, rgba(56, 174, 161, .23), transparent 35%),
    linear-gradient(150deg, #082548 0%, #103c59 62%, #126c68 135%);
}

.auth-page .auth-brand { gap: 13px; align-items: center; }
.auth-page .auth-logo-crop {
  display: flex;
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  background: transparent;
  filter: drop-shadow(0 5px 10px rgba(0,0,0,.15));
}
.auth-page .auth-brand .auth-logo-crop img,
.auth-page .auth-mobile-brand .auth-logo-crop img {
  width: 100px;
  height: 73px;
  max-width: none;
  flex: 0 0 auto;
  object-fit: contain;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  animation: auth-logo-in .7s .12s both;
  transition: transform .25s ease, box-shadow .25s ease;
}
.auth-page .auth-brand:hover .auth-logo-crop img { transform: scale(1.04); }
.auth-page .auth-brand strong, .auth-page .auth-mobile-brand strong { display:block; color:#fff; font-size:17px; letter-spacing:-.02em; }
.auth-page .auth-brand small, .auth-page .auth-mobile-brand small { display:block; max-width:220px; margin-top:4px; color:rgba(255,255,255,.65); font-size:9px; letter-spacing:.07em; line-height:1.45; text-transform:uppercase; }

.auth-page .auth-welcome { margin: 42px 0 20px; }
.auth-page .login-kicker { color: #79d9c8; font-size: 9px; letter-spacing: .16em; }
.auth-page .auth-welcome h1 { margin: 12px 0 10px; font-size: clamp(28px, 3vw, 36px); line-height:1.12; letter-spacing:-.045em; }
.auth-page .auth-welcome p { max-width: 360px; margin:0; color:rgba(255,255,255,.72); font-size:13px; line-height:1.7; }
.auth-page .auth-preview { margin: 4px 0 22px; padding: 15px; border:1px solid rgba(255,255,255,.17); border-radius:16px; background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.045)); box-shadow:0 18px 36px rgba(0,0,0,.16); backdrop-filter:blur(12px); animation: auth-entrance .7s .16s both; }
.auth-page .login-preview-top { display:flex; align-items:center; gap:8px; padding-bottom:9px; border-bottom:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.65); font-size:8px; font-weight:800; letter-spacing:.12em; }
.auth-page .login-preview-lights { display:flex; gap:4px; }
.auth-page .login-preview-lights i { width:5px; height:5px; border-radius:50%; background:#d8b94e; }
.auth-page .login-preview-lights i:nth-child(2) { background:#59d6c1; }
.auth-page .login-preview-lights i:nth-child(3) { background:#94a3b8; }
.auth-page .login-preview-secure { margin-left:auto; padding:4px 7px; border-radius:999px; background:rgba(89,214,193,.12); color:#80e6d5; font-size:7px; }
.auth-page .login-preview-content { display:grid; grid-template-columns:.78fr 1.22fr; gap:10px; align-items:end; padding:15px 0 12px; }
.auth-page .login-preview-copy small,.auth-page .login-preview-copy span { display:block; color:rgba(255,255,255,.58); font-size:7px; letter-spacing:.08em; }
.auth-page .login-preview-copy strong { display:block; margin:8px 0; font-size:20px; line-height:1.08; letter-spacing:-.04em; }
.auth-page .login-preview-chart { min-width:0; padding:9px 9px 7px; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(4,20,39,.25); }
.auth-page .login-preview-chart-head { display:flex; align-items:center; justify-content:space-between; color:rgba(255,255,255,.7); font-size:8px; }
.auth-page .login-preview-chart-head i { width:5px; height:5px; border-radius:50%; background:#65dfc8; }
.auth-page .login-preview-chart svg { display:block; width:100%; height:57px; margin-top:5px; overflow:visible; }
.auth-page .login-preview-bars { display:flex; height:12px; align-items:end; gap:3px; }
.auth-page .login-preview-bars i { flex:1; height:35%; border-radius:2px 2px 0 0; background:rgba(89,214,193,.34); }
.auth-page .login-preview-bars i:nth-child(3n) { height:82%; }.auth-page .login-preview-bars i:nth-child(4n) { height:60%; }.auth-page .login-preview-bars i:nth-child(5n) { height:100%; }
.auth-page .login-preview-bottom { display:flex; gap:13px; color:rgba(255,255,255,.67); font-size:8px; }
.auth-page .login-preview-bottom span { display:flex; align-items:center; gap:5px; }
.auth-page .preview-dot { width:5px; height:5px; border-radius:50%; background:#5bd7bf; }
.auth-page .preview-dot.gold { background:#e5c75b; }.auth-page .preview-dot.blue { background:#88a8d1; }
.auth-page .login-steps { padding-top:18px; border-top:1px solid rgba(255,255,255,.16); }
.auth-page .login-steps h2 { margin:0 0 12px; color:#fff; font-size:12px; }
.auth-page .login-steps ol { display:grid; gap:11px; margin:0; padding:0; list-style:none; }
.auth-page .login-steps li { display:flex; align-items:flex-start; gap:10px; }
.auth-page .step-number { display:flex; width:27px; height:27px; flex:none; align-items:center; justify-content:center; border:1px solid rgba(240,208,96,.42); border-radius:9px; color:#f0d060; font-size:9px; font-weight:800; }
.auth-page .login-steps li strong { display:block; color:#fff; font-size:10px; }
.auth-page .login-steps li small { display:block; margin-top:3px; color:rgba(255,255,255,.62); font-size:9px; line-height:1.5; }
.auth-page .login-aside-foot { margin:auto 0 0; padding-top:17px; color:rgba(255,255,255,.61); font-size:9px; }
.auth-page .login-aside-foot span { color:#70ddc5; margin-right:6px; }

.auth-page .auth-form-panel { display:flex; align-items:center; padding:52px clamp(30px, 5vw, 58px); background:var(--auth-card); }
.auth-page .auth-form { width:100%; max-width:380px; margin:0 auto !important; }
.auth-page .auth-mobile-brand { display:none; }
.auth-page .auth-form-panel .login-kicker { margin-bottom:10px; color:#138b83; font-size:9px; }
.auth-page .auth-form-panel h2 { margin:0 0 7px; color:var(--auth-ink); font-size:31px; letter-spacing:-.045em; }
.auth-page .login-form-intro { margin:0 0 28px; color:var(--auth-muted); font-size:13px; line-height:1.6; }
.auth-page .auth-form label { display:block; margin:0 0 7px; color:#203e5b; font-size:11px; font-weight:750; }
.auth-page .auth-field { margin-bottom:17px; }
.auth-page .auth-form input { width:100%; min-height:48px; margin:0; padding:12px 14px; border:1px solid var(--auth-line); border-radius:11px; outline:none; color:var(--auth-ink); background:var(--auth-input); font:inherit; font-size:13px; transition:border-color .2s, box-shadow .2s, background .2s; }
.auth-page .auth-form input[type="hidden"] { display:none; }
.auth-page .auth-form input::placeholder { color:#99a6b2; }
.auth-page .auth-form input:focus { border-color:#239e94; background:#fff; box-shadow:0 0 0 4px rgba(35,158,148,.13); }
.auth-page .login-password-label { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.auth-page .login-password-label a,.auth-page .login-register a { color:#117f79; font-size:11px; font-weight:750; text-decoration:none; }
.auth-page .login-password-label a:hover,.auth-page .login-register a:hover { text-decoration:underline; }
.auth-page .auth-password-wrap { position:relative; margin-bottom:16px; }
.auth-page .auth-password-wrap input { padding-right:74px; }
.auth-page .auth-password-toggle { position:absolute; top:50%; right:10px; transform:translateY(-50%); border:0; padding:7px 6px; color:#277f79; background:transparent; cursor:pointer; font:inherit; font-size:10px; font-weight:750; }
.auth-page .auth-caps-warning { margin:-9px 0 13px; color:#966312; font-size:10px; }
.auth-page .auth-caps-warning[hidden] { display:none; }
.auth-page .auth-math { position:relative; margin:0 0 18px; padding:13px 14px 11px; border:1px solid #dce9e5; border-radius:13px; background:linear-gradient(130deg,#f4f9f7,#fbfaf4); }
.auth-page .auth-math label { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.auth-page .auth-math label b { display:inline-flex; flex:none; padding:5px 8px; border-radius:7px; color:#12504d; background:#dcefeb; font-size:12px; letter-spacing:.04em; }
.auth-page .auth-math input { min-height:42px; background:#fff; }
.auth-page .login-field-hint { display:block; margin:7px 0 0; color:var(--auth-muted); font-size:9px; line-height:1.5; }
.auth-page .auth-submit { --auth-mag-x:0px; --auth-mag-y:0px; position:relative; display:flex; width:100%; min-height:50px; align-items:center; justify-content:center; gap:12px; margin:2px 0 0; border:0; border-radius:12px; color:#fff; background:linear-gradient(105deg,#0d5d64,#138d83); box-shadow:0 10px 20px rgba(13,93,100,.2); cursor:pointer; font:inherit; font-size:13px; font-weight:750; transition:transform .2s, box-shadow .2s, filter .2s; }
.auth-page .auth-submit:hover { transform:translate3d(var(--auth-mag-x),calc(var(--auth-mag-y) - 2px),0); box-shadow:0 14px 25px rgba(13,93,100,.25); filter:saturate(1.1); }
.auth-page .auth-submit:active { transform:translateY(0) scale(.99); }
.auth-page .auth-submit:disabled { cursor:wait; opacity:.75; }
.auth-page .auth-submit { overflow:hidden; }
.auth-page .auth-submit::after { position:absolute; inset:-30% auto -30% -65%; width:42%; transform:skewX(-18deg); opacity:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent); content:""; pointer-events:none; }
.auth-page .auth-submit:hover::after { opacity:1; animation:auth-button-shine .75s ease both; }
.auth-page .auth-submit .auth-ripple { position:absolute; width:10px; height:10px; transform:translate(-50%,-50%) scale(0); border-radius:50%; background:rgba(255,255,255,.4); pointer-events:none; animation:auth-ripple .55s ease-out forwards; }
.auth-page .auth-submit-arrow { position:absolute; right:18px; font-size:18px; }
.auth-page .auth-submit.is-loading .auth-submit-label::before { content:""; display:inline-block; width:12px; height:12px; margin-right:8px; vertical-align:-2px; border:2px solid rgba(255,255,255,.45); border-top-color:#fff; border-radius:50%; animation:auth-spin .7s linear infinite; }
.auth-page .login-register { margin:19px 0 0; color:var(--auth-muted); font-size:11px; text-align:center; }
.auth-page .login-verify-note { margin:15px 0 0; padding:10px 12px; border-radius:10px; color:#687a8b; background:#f3f6f7; font-size:9px; line-height:1.55; text-align:center; }
.auth-page .login-demo-account { margin-top:17px; padding:14px 15px; border:1px solid #dce9e5; border-radius:13px; background:linear-gradient(130deg,#f4f9f7,#fbfaf4); }
.auth-page .login-demo-account h3 { margin:0 0 5px; color:var(--auth-ink); font-size:12px; }
.auth-page .login-demo-account p { margin:0 0 10px; color:var(--auth-muted); font-size:10px; line-height:1.5; }
.auth-page .login-demo-account dl { display:grid; gap:7px; margin:0 0 9px; }
.auth-page .login-demo-account dl div { display:grid; grid-template-columns:55px minmax(0,1fr); align-items:start; gap:8px; }
.auth-page .login-demo-account dt { color:var(--auth-muted); font-size:10px; font-weight:700; }
.auth-page .login-demo-account dd { min-width:0; margin:0; }
.auth-page .login-demo-account code { color:var(--auth-ink); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:10px; overflow-wrap:anywhere; }
.auth-page .login-demo-fill { display:block; width:100%; padding:2px 4px; border:1px solid transparent; border-radius:6px; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.auth-page .login-demo-fill:hover,.auth-page .login-demo-fill:focus-visible { border-color:#88cfc0; background:rgba(19,143,135,.1); outline:none; }
.auth-page .login-demo-fill:focus-visible { box-shadow:0 0 0 2px rgba(19,143,135,.22); }
.auth-page .login-demo-account #login-demo-status:empty { display:none; }
.auth-page .login-demo-account #login-demo-status:not(:empty) { display:block; margin:0 0 7px; color:var(--auth-muted); font-size:9px; line-height:1.5; }
.auth-page .login-demo-account small { display:block; color:var(--auth-muted); font-size:9px; line-height:1.5; }
.auth-page .auth-error { margin:-8px 0 17px; padding:11px 13px; border:1px solid #f1caca; border-radius:10px; color:#873d3d; background:#fff3f2; font-size:11px; line-height:1.55; }
.auth-page .auth-error.is-shaking { animation:auth-shake .38s ease both; }

.login-page .auth-shell { width:min(940px,100%); max-width:940px; min-height:0; }
.login-page .auth-form-panel { padding:32px clamp(28px,4vw,44px); }
.login-page .auth-form { max-width:350px; }
.login-page .login-form-intro { margin-bottom:18px; }
.login-page .auth-field { margin-bottom:12px; }
.login-page .auth-form input { min-height:42px; padding:10px 12px; }
.login-page .auth-password-wrap { margin-bottom:12px; }
.login-page .auth-math { margin-bottom:13px; padding:10px 12px 9px; }
.login-page .auth-math input { min-height:38px; }
.login-page .auth-submit { width:min(110px,100%); min-height:32px; margin:2px 0 0 auto; padding:6px 10px; font-size:12px; }
.login-page .auth-submit-label { margin-left:0; }
.login-page .login-register { margin-top:14px; }
.login-page .login-verify-note { margin-top:11px; padding:8px 10px; }
.login-page .login-demo-account { margin-top:12px; padding:11px 12px; }
.login-page .login-demo-account dl { gap:5px; }
@media (min-width:851px) and (max-height:700px) {
  .login-page { padding:28px 16px !important; }
  .login-page .auth-shell { width:min(900px,100%); max-width:900px; }
  .login-page .auth-aside { padding:24px 30px 20px; }
  .login-page .auth-preview { display:none; }
  .login-page .auth-welcome { margin:14px 0; }
  .login-page .login-steps { padding-top:12px; }
  .login-page .login-steps ol { gap:7px; }
  .login-page .auth-form-panel { padding:20px 30px; }
  .login-page .auth-form-panel h2 { font-size:27px; }
  .login-page .login-form-intro { margin-bottom:12px; }
  .login-page .auth-field { margin-bottom:8px; }
  .login-page .auth-form input { min-height:38px; }
  .login-page .auth-password-wrap { margin-bottom:8px; }
  .login-page .auth-math { margin-bottom:9px; padding:8px 10px 7px; }
  .login-page .auth-math label { margin-bottom:5px; }
  .login-page .auth-math input { min-height:34px; }
  .login-page .login-field-hint { margin-top:4px; }
  .login-page .auth-submit { min-height:40px; }
  .login-page .login-register { margin-top:10px; }
  .login-page .login-verify-note { margin-top:8px; padding:7px 9px; }
  .login-page .login-demo-account { margin-top:9px; padding:8px 10px; }
  .login-page .login-demo-account p { margin-bottom:6px; }
  .login-page .login-demo-account dl { gap:3px; margin-bottom:6px; }
}

[data-theme="dark"] .auth-page {
  --auth-ink:#e6eef4; --auth-muted:#a6b5c3; --auth-line:#314658; --auth-card:#101e2c; --auth-input:#142536;
  color:var(--auth-ink);
  background:radial-gradient(ellipse at 12% 9%,rgba(56,174,161,.11),transparent 34%),radial-gradient(ellipse at 88% 93%,rgba(212,179,72,.08),transparent 29%),#091522 !important;
}
[data-theme="dark"] .auth-page::before {
  background:radial-gradient(ellipse at 19% 25%,rgba(76,191,168,.14),transparent 30%),radial-gradient(ellipse at 76% 35%,rgba(25,119,141,.13),transparent 34%),radial-gradient(ellipse at 55% 87%,rgba(216,185,78,.07),transparent 31%);
}
[data-theme="dark"] .auth-back-home { color:#bdcbd5; }
[data-theme="dark"] .auth-theme-button { color:#f0d77d; border-color:#314658; background:#122333; }
[data-theme="dark"] .auth-page .auth-form-panel { background:var(--auth-card); }
[data-theme="dark"] .auth-page .auth-form-panel h2,[data-theme="dark"] .auth-page .auth-form label { color:#e6eef4; }
[data-theme="dark"] .auth-page .auth-form input { color:#e6eef4; background:var(--auth-input); }
[data-theme="dark"] .auth-page .auth-form input:focus { background:#182c3d; }
[data-theme="dark"] .auth-page .login-password-label a,[data-theme="dark"] .auth-page .login-register a { color:#65d5c5; }
[data-theme="dark"] .auth-page .auth-math { border-color:#314a50; background:linear-gradient(130deg,#142c31,#222b2c); }
[data-theme="dark"] .auth-page .auth-math label b { color:#c2f1e7; background:#214740; }
[data-theme="dark"] .auth-page .auth-math input { background:#142536; }
[data-theme="dark"] .auth-page .login-verify-note { color:#b0bdc8; background:#172838; }
[data-theme="dark"] .auth-page .login-demo-account { border-color:#314a50; background:linear-gradient(130deg,#142c31,#222b2c); }
[data-theme="dark"] .auth-page .login-demo-account code { color:#e6eef4; }
[data-theme="dark"] .auth-page .auth-error { border-color:#673f45; color:#ffd1cc; background:#38262b; }

@keyframes auth-entrance { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@keyframes auth-logo-in { from { opacity:0; transform:scale(.9); } to { opacity:1; transform:scale(1); } }
@keyframes auth-spin { to { transform:rotate(360deg); } }
@keyframes auth-shake { 20%,60% { transform:translateX(-5px); } 40%,80% { transform:translateX(5px); } }
@keyframes auth-aurora { 0% { transform:translate3d(-1%,0,0) scale(1); opacity:.76; } 100% { transform:translate3d(1.5%,-1%,0) scale(1.06); opacity:1; } }
@keyframes auth-button-shine { 0% { left:-65%; } 100% { left:140%; } }
@keyframes auth-ripple { to { transform:translate(-50%,-50%) scale(15); opacity:0; } }

@media (max-width: 850px) {
  .auth-page .auth-shell { width:min(560px,100%); min-height:0; grid-template-columns:1fr; }
  .auth-page .auth-aside { padding:26px 30px 23px; }
  .auth-page .auth-brand { display:none; }
  .auth-page .auth-welcome { margin:0 0 16px; }
  .auth-page .auth-welcome h1 { font-size:27px; }
  .auth-page .auth-welcome p { font-size:12px; }
  .auth-page .auth-preview { display:none; }
  .auth-page .login-steps { padding-top:13px; }
  .auth-page .login-steps ol { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
  .auth-page .login-steps li { flex-direction:column; gap:6px; }
  .auth-page .login-steps li small { font-size:8px; }
  .auth-page .login-aside-foot { margin-top:12px; padding-top:0; }
  .auth-page .auth-form-panel { padding:29px 36px 34px; }
  .auth-page .auth-mobile-brand { display:flex; align-items:center; gap:11px; margin:0 0 23px; }
  .auth-page .auth-logo-crop { width:50px; height:50px; flex-basis:50px; }
  .auth-page .auth-mobile-brand .auth-logo-crop img { width:91px; height:66px; }
  .auth-page .auth-mobile-brand strong { color:var(--auth-ink); }
  .auth-page .auth-mobile-brand small { color:var(--auth-muted); }
}
@media (max-width: 520px) {
  .auth-page { justify-content:flex-start !important; padding:66px 14px 20px !important; }
  .auth-back-home { top:23px; left:16px; font-size:12px; }
  .auth-theme-button { top:12px; right:14px; width:36px; height:36px; }
  .auth-page .auth-shell { border-radius:20px; }
  .auth-page .auth-aside { padding:21px 21px 17px; }
  .auth-page .auth-welcome h1 { font-size:24px; }
  .auth-page .login-steps ol { grid-template-columns:1fr; gap:8px; }
  .auth-page .login-steps li { flex-direction:row; align-items:center; gap:9px; }
  .auth-page .login-steps li small { font-size:9px; }
  .auth-page .auth-form-panel { padding:24px 21px 26px; }
  .auth-page .auth-form-panel h2 { font-size:27px; }
}
.auth-page.auth-leaving { opacity:0; transform:translateY(4px); transition:opacity .18s ease,transform .18s ease; }
.auth-page { transition:opacity .18s ease,transform .18s ease; }
@media (prefers-reduced-motion:reduce) {
  .auth-page *, .auth-back-home, .auth-theme-button { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
  .auth-page.auth-leaving { opacity:1; transform:none; }
}

.auth-page.auth-register {
  display:block;
  min-height:100vh;
  padding:54px 24px !important;
  background:
    radial-gradient(ellipse at 12% 9%,rgba(56,174,161,.10),transparent 34%),
    radial-gradient(ellipse at 88% 93%,rgba(212,179,72,.08),transparent 29%),
    #f6f9f7 !important;
}
.auth-page.auth-register::before { z-index:-1; }
.auth-register .auth-back-home { left:max(28px,calc((100vw - 1150px) / 2)); }
.auth-register .auth-theme-button { right:max(26px,calc((100vw - 1150px) / 2)); }
.auth-register .auth-register-shell {
  display:grid;
  width:min(1150px,100%);
  max-width:1150px;
  margin:0 auto;
  min-height:760px;
  grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.78);
}
.auth-register .auth-register-aside {
  position:relative;
  justify-content:flex-start;
  padding:39px clamp(30px,4.2vw,54px) 28px;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 78% 18%,rgba(73,192,173,.23),transparent 36%),
    radial-gradient(ellipse at 17% 79%,rgba(216,185,78,.12),transparent 39%),
    linear-gradient(150deg,#082548 0%,#103c59 60%,#126c68 140%);
}
.auth-register .auth-register-aside::after {
  position:absolute;
  right:-110px;
  bottom:65px;
  width:300px;
  height:300px;
  border:1px solid rgba(120,219,198,.14);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(120,219,198,.035),0 0 0 62px rgba(120,219,198,.025);
  content:"";
  pointer-events:none;
}
.auth-register .auth-register-welcome { margin:50px 0 25px; }
.auth-register .auth-register-welcome h1 { max-width:390px; font-size:clamp(32px,3.5vw,43px); }
.auth-register .auth-register-benefits { display:grid; gap:16px; margin:0 0 25px; padding:0; list-style:none; }
.auth-register .auth-register-benefits li { display:flex; align-items:flex-start; gap:12px; animation:auth-entrance .6s both; }
.auth-register .auth-register-benefits li:nth-child(2) { animation-delay:.1s; }
.auth-register .auth-register-benefits li:nth-child(3) { animation-delay:.2s; }
.auth-register .auth-register-benefits li>span:first-child { display:grid; width:29px; height:29px; flex:none; place-items:center; border:1px solid rgba(240,208,96,.42); border-radius:9px; color:#f0d060; font-size:9px; font-weight:800; }
.auth-register .auth-register-benefits strong,.auth-register .auth-register-benefits small { display:block; }
.auth-register .auth-register-benefits strong { color:#fff; font-size:11px; }
.auth-register .auth-register-benefits small { max-width:290px; margin-top:4px; color:rgba(255,255,255,.67); font-size:9px; line-height:1.5; }
.auth-register .auth-register-preview { margin:0 0 20px; padding:14px 15px 13px; }
.auth-register .register-preview-main { display:flex; align-items:center; gap:14px; padding:20px 7px 19px; }
.auth-register .register-preview-icon { display:grid; width:54px; height:54px; flex:none; place-items:center; border:1px solid rgba(117,224,202,.36); border-radius:17px; color:#91e2d2; background:rgba(75,187,168,.14); font-size:30px; animation:auth-preview-float 4s ease-in-out infinite; }
.auth-register .register-preview-main small,.auth-register .register-preview-main strong { display:block; }
.auth-register .register-preview-main small { margin-bottom:6px; color:#83dcca; font-size:7px; font-weight:800; letter-spacing:.11em; }
.auth-register .register-preview-main strong { color:#f4f8f6; font-size:15px; line-height:1.35; letter-spacing:-.02em; }
.auth-register .register-preview-track { display:flex; gap:5px; height:4px; margin:0 7px 14px; overflow:hidden; border-radius:4px; background:rgba(255,255,255,.1); }
.auth-register .register-preview-track i { flex:1; border-radius:4px; background:linear-gradient(90deg,#59d6c1,#dbbf57); transform:scaleX(0); transform-origin:left; animation:auth-track-in .75s .5s forwards; }
.auth-register .register-preview-track i:nth-child(2) { animation-delay:.68s; }.auth-register .register-preview-track i:nth-child(3) { animation-delay:.86s; }
.auth-register .login-aside-foot { position:relative; z-index:1; }
.auth-register .auth-register-panel { align-items:flex-start; padding:42px clamp(32px,5vw,65px); }
.auth-register .auth-register-content { width:100%; max-width:620px; margin:auto; animation:auth-entrance .66s .08s both; }
.auth-register .auth-register-form h2 { margin:0 0 7px; color:var(--auth-ink); font-size:clamp(25px,2.6vw,31px); letter-spacing:-.045em; }
.auth-register .auth-register-form>.login-kicker { display:block; margin-bottom:8px; color:#138b83; font-size:9px; letter-spacing:.14em; }
.auth-register .auth-register-form .login-form-intro { margin:0 0 20px; }
.auth-register .auth-account-switch { display:grid; grid-template-columns:1fr 1fr; gap:4px; width:100%; margin:-7px 0 19px; padding:4px; border:1px solid #dce6e5; border-radius:12px; background:#f3f7f6; }
.auth-register .auth-account-switch a { display:flex; min-height:38px; align-items:center; justify-content:center; border-radius:9px; color:#71818d; font-size:11px; font-weight:750; text-decoration:none; transition:background .2s ease,color .2s ease,box-shadow .2s ease; }
.auth-register .auth-account-switch a:hover { color:#117f79; }
.auth-register .auth-account-switch a.is-selected { color:#fff; background:linear-gradient(110deg,#0d5d64,#168f88); box-shadow:0 5px 12px rgba(13,93,100,.17); }
.auth-register .auth-account-switch a:focus-visible { outline:3px solid #58c7b4; outline-offset:2px; }
.auth-register .auth-stepper { display:flex; align-items:center; width:100%; margin-bottom:25px; }
.auth-register .auth-step { display:flex; flex:none; align-items:center; gap:8px; color:#8796a1; font-size:10px; }
.auth-register .auth-step span { display:grid; width:27px; height:27px; place-items:center; border:1px solid #d7e2e2; border-radius:50%; color:#718490; background:#fff; font-size:10px; font-weight:800; }
.auth-register .auth-step strong { font-size:10px; font-weight:700; white-space:nowrap; }
.auth-register .auth-step.is-current { color:#184e58; }
.auth-register .auth-step.is-current span,.auth-register .auth-step.is-complete span { border-color:#188e86; color:#fff; background:#168f88; box-shadow:0 0 0 4px rgba(22,143,136,.1); }
.auth-register .auth-step.is-complete { color:#168f88; }
.auth-register .auth-step-line { position:relative; height:2px; flex:1; min-width:22px; margin:0 11px; overflow:hidden; border-radius:2px; background:#e4ecea; }
.auth-register .auth-step-line i { display:block; width:100%; height:100%; transform-origin:left; background:linear-gradient(90deg,#168f88,#d8b94e); transition:transform .5s cubic-bezier(.2,.75,.25,1); }
.auth-register .auth-form .auth-field { min-width:0; margin-bottom:14px; }
.auth-register .auth-form .auth-field label { margin-bottom:6px; }
.auth-register .auth-form input,.auth-register .auth-form select { width:100%; min-height:44px; margin:0; padding:10px 12px; border:1px solid var(--auth-line); border-radius:10px; outline:none; color:var(--auth-ink); background:var(--auth-input); font:inherit; font-size:12px; transition:border-color .2s,box-shadow .2s,background .2s; }
.auth-register .auth-form select { appearance:none; background-image:linear-gradient(45deg,transparent 50%,#6a8290 50%),linear-gradient(135deg,#6a8290 50%,transparent 50%); background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px; background-repeat:no-repeat; background-size:5px 5px,5px 5px; }
.auth-register .auth-form input::placeholder { color:#99a6b2; }
.auth-register .auth-form input:focus,.auth-register .auth-form select:focus { border-color:#239e94; background:#fff; box-shadow:0 0 0 4px rgba(35,158,148,.13); }
.auth-register .auth-form input[aria-invalid="true"] { border-color:#c85b5b; }
.auth-register .auth-register-form .auth-field { min-width:0; margin-bottom:14px; }
.auth-register .auth-register-form .auth-field label { display:block; margin:0 0 6px; color:#203e5b; font-size:11px; font-weight:750; }
.auth-register .auth-register-form .auth-field>label { transform-origin:left center; transition:color .18s ease,transform .18s ease; }
.auth-register .auth-register-form .auth-field:focus-within>label { transform:translateY(-1px); color:#138b83; }
.auth-register .auth-register-form input,.auth-register .auth-register-form select { width:100%; min-height:44px; margin:0; padding:10px 12px; border:1px solid var(--auth-line); border-radius:10px; outline:none; color:var(--auth-ink); background:var(--auth-input); font:inherit; font-size:12px; transition:border-color .2s,box-shadow .2s,background .2s; }
.auth-register .auth-register-form input:focus,.auth-register .auth-register-form select:focus { border-color:#239e94; background:#fff; box-shadow:0 0 0 4px rgba(35,158,148,.13); }
.auth-register .auth-register-form input::placeholder { color:#99a6b2; }
.auth-register .auth-register-role-fields { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; animation:auth-entrance .24s both; }
.auth-register .auth-register-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; }
.auth-register .auth-register-password { min-width:0; }
.auth-register .auth-password-wrap { margin:0; }
.auth-register .auth-password-wrap input { padding-right:66px; }
.auth-register .auth-password-toggle { right:7px; }
.auth-register .login-field-hint { margin-top:5px; }
.auth-register .auth-strength { display:flex; gap:4px; align-items:center; margin-top:7px; }
.auth-register .auth-strength>span { height:4px; flex:1; overflow:hidden; border-radius:4px; background:#e7edeb; }
.auth-register .auth-strength i { display:block; width:100%; height:100%; transform:scaleX(0); transform-origin:left; border-radius:inherit; background:#d8b94e; transition:transform .24s ease,background .24s ease; }
.auth-register .auth-strength[data-strength="2"] i,.auth-register .auth-strength[data-strength="3"] i,.auth-register .auth-strength[data-strength="4"] i { transform:scaleX(1); }
.auth-register .auth-strength[data-strength="2"] i { background:#d8b94e; }
.auth-register .auth-strength[data-strength="3"] i,.auth-register .auth-strength[data-strength="4"] i { background:#168f88; }
.auth-register .auth-strength small { margin-left:4px; color:var(--auth-muted); font-size:8px; white-space:nowrap; }
.auth-register .auth-caps-warning { margin:5px 0 0; }
.auth-register .auth-submit { min-height:48px; margin-top:4px; }
.auth-register .login-register { margin-top:14px; }
.auth-register .auth-code-group { position:relative; }
.auth-register .auth-code-boxes { display:none; }
.auth-register .auth-code-group.is-enhanced .auth-code-fallback { position:absolute; width:1px; height:1px; min-height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; clip-path:inset(50%); }
.auth-register .auth-code-group.is-enhanced .auth-code-boxes { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; }
.auth-register .auth-code-boxes input { min-width:0; min-height:58px; padding:0; border:1px solid var(--auth-line); border-radius:12px; color:var(--auth-ink); background:var(--auth-input); text-align:center; font-size:22px; font-weight:750; }
.auth-register .auth-code-boxes input:focus { border-color:#239e94; background:#fff; box-shadow:0 0 0 4px rgba(35,158,148,.13); }
.auth-register .auth-resend-form { margin-top:12px; text-align:center; }
.auth-register .auth-resend-button { padding:8px 12px; border:0; color:#117f79; background:transparent; cursor:pointer; font:inherit; font-size:11px; font-weight:750; }
.auth-register .auth-resend-button:hover { text-decoration:underline; }
.auth-register .auth-submit-link { text-decoration:none; }
.auth-register .auth-success { margin:0 0 17px; padding:12px 14px; border:1px solid #b8ded1; border-radius:11px; color:#176653; background:#eff9f4; font-size:11px; line-height:1.55; }
.auth-register .auth-success.is-error { border-color:#f1caca; color:#873d3d; background:#fff3f2; }
.auth-register.auth-verification-success .auth-success { animation:auth-success-pop .55s both; }
[data-theme="dark"] .auth-page.auth-register { background:radial-gradient(ellipse at 12% 9%,rgba(56,174,161,.11),transparent 34%),radial-gradient(ellipse at 88% 93%,rgba(212,179,72,.08),transparent 29%),#091522 !important; }
[data-theme="dark"] .auth-register .auth-register-panel { background:#101e2c; }
[data-theme="dark"] .auth-register .auth-step { color:#9cabb7; }
[data-theme="dark"] .auth-register .auth-step span { border-color:#314658; color:#a6b5c3; background:#142536; }
[data-theme="dark"] .auth-register .auth-step.is-current,[data-theme="dark"] .auth-register .auth-step.is-complete { color:#7ed8c9; }
[data-theme="dark"] .auth-register .auth-step-line { background:#314658; }
[data-theme="dark"] .auth-register .auth-form input,[data-theme="dark"] .auth-register .auth-form select { color:#e6eef4; background-color:#142536; }
[data-theme="dark"] .auth-register .auth-form input:focus,[data-theme="dark"] .auth-register .auth-form select:focus { background-color:#182c3d; }
[data-theme="dark"] .auth-register .auth-account-switch { border-color:#314658; background:#142536; }
[data-theme="dark"] .auth-register .auth-account-switch a { color:#a6b5c3; }
[data-theme="dark"] .auth-register .auth-account-switch a:hover { color:#65d5c5; }
[data-theme="dark"] .auth-register .auth-account-switch a.is-selected { color:#fff; }
[data-theme="dark"] .auth-register .auth-register-form input,[data-theme="dark"] .auth-register .auth-register-form select { color:#e6eef4; background-color:#142536; }
[data-theme="dark"] .auth-register .auth-register-form input:focus,[data-theme="dark"] .auth-register .auth-register-form select:focus { background-color:#182c3d; }
[data-theme="dark"] .auth-register .auth-role-switch { border-color:#314658; background:#142536; }
[data-theme="dark"] .auth-register .auth-role-switch a { color:#a6b5c3; }
[data-theme="dark"] .auth-register .auth-role-switch a.is-selected { color:#fff; }
[data-theme="dark"] .auth-register .auth-strength>span { background:#314658; }
[data-theme="dark"] .auth-register .auth-code-boxes input { color:#e6eef4; background:#142536; }
[data-theme="dark"] .auth-register .auth-success { border-color:#28584d; color:#b6efdb; background:#172f2f; }
[data-theme="dark"] .auth-register .auth-success.is-error { border-color:#673f45; color:#ffd1cc; background:#38262b; }
[data-theme="dark"] .auth-register .auth-register-form .auth-field label { color:#e6eef4; }
@keyframes auth-preview-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
@keyframes auth-track-in { to { transform:scaleX(1); } }
@keyframes auth-success-pop { 0% { opacity:0; transform:translateY(8px) scale(.98); } 100% { opacity:1; transform:translateY(0) scale(1); } }
@media (max-width:1000px) {
  .auth-register .auth-register-shell { grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr); }
  .auth-register .auth-register-aside { padding-inline:30px; }
  .auth-register .auth-register-preview { margin-top:auto; }
}
@media (max-width:850px) {
  .auth-page.auth-register { padding:66px 20px 28px !important; }
  .auth-register .auth-register-shell { width:min(680px,100%); min-height:0; grid-template-columns:1fr; }
  .auth-register .auth-register-aside { display:none; }
  .auth-register .auth-register-panel { padding:32px clamp(25px,7vw,52px) 38px; }
  .auth-register .auth-mobile-brand { display:flex; align-items:center; gap:11px; margin:0 0 23px; }
  .auth-register .auth-logo-crop { width:50px; height:50px; flex-basis:50px; }
  .auth-register .auth-mobile-brand .auth-logo-crop img { width:91px; height:66px; }
  .auth-register .auth-mobile-brand strong { color:var(--auth-ink); }
  .auth-register .auth-mobile-brand small { color:var(--auth-muted); }
}
@media (max-width:520px) {
  .auth-page.auth-register { padding:66px 12px 18px !important; }
  .auth-register .auth-back-home { left:14px; }
  .auth-register .auth-theme-button { right:14px; }
  .auth-register .auth-register-shell { border-radius:19px; }
  .auth-register .auth-register-panel { padding:23px 19px 26px; }
  .auth-register .auth-stepper { margin-bottom:19px; }
  .auth-register .auth-step { gap:6px; }
  .auth-register .auth-step strong { font-size:9px; }
  .auth-register .auth-step-line { margin-inline:7px; }
  .auth-register .auth-register-role-fields,.auth-register .auth-register-grid { grid-template-columns:1fr; gap:0; }
  .auth-register .auth-register-form .login-form-intro { margin-bottom:17px; }
  .auth-register .auth-code-group.is-enhanced .auth-code-boxes { gap:6px; }
  .auth-register .auth-code-boxes input { min-height:52px; font-size:19px; }
}
@media (prefers-reduced-motion:reduce) {
  .auth-register .auth-register-benefits li,.auth-register .register-preview-icon,.auth-register .register-preview-track i,.auth-register.auth-verification-success .auth-success { animation:none !important; }
  .auth-register .auth-step-line i,.auth-register .auth-strength i { transition:none !important; }
  .auth-register .register-preview-track i { transform:scaleX(1); }
}
.auth-simple .auth-register-shell { width:min(510px,100%); min-height:0; grid-template-columns:minmax(0,1fr); }
.auth-simple .auth-register-panel { padding:36px clamp(25px,6vw,54px); }
.auth-simple .auth-register-content { max-width:420px; }
.auth-simple .auth-mobile-brand { display:flex; align-items:center; gap:11px; margin:0 0 27px; }
.auth-simple .auth-logo-crop { width:50px; height:50px; flex-basis:50px; }
.auth-simple .auth-mobile-brand .auth-logo-crop img { width:91px; height:66px; }
.auth-simple .auth-mobile-brand strong { color:var(--auth-ink); }
.auth-simple .auth-mobile-brand small { color:var(--auth-muted); }
.auth-simple .auth-register-form .login-form-intro { margin-bottom:22px; }
@media (max-width:520px) {
  .auth-simple .auth-register-shell { width:100%; }
  .auth-simple .auth-register-panel { padding:25px 21px 28px; }
}