:root {
  --auth-blue: #2c6483;
  --auth-blue-dark: #153f58;
  --auth-blue-light: #dcecf4;
}
body.auth-page {
  position: relative;
  overflow-x: hidden;
  background:
    linear-gradient(90deg,rgba(241,246,249,.97) 0 43%,rgba(241,246,249,.76) 63%,rgba(241,246,249,.9) 100%),
    url("../images/page-scenes/cars-v1.6cb66f4c20c0.webp") center / cover fixed;
  color: #173043;
}
body.auth-page::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg,transparent 0 46%,rgb(67 120 149 / 8%) 46.1% 46.25%,transparent 46.4%),
    radial-gradient(circle at 84% 20%,transparent 0 106px,rgb(67 120 149 / 9%) 107px 108px,transparent 109px);
}
.auth-home { color: #173f56; letter-spacing: -.04em; }
.auth-home span { color: #4e809a; }
.auth-shell {
  position: relative;
  width: min(980px,100%);
  border: 1px solid rgb(91 135 158 / 25%);
  border-radius: 22px;
  background: rgb(249 252 253 / 91%);
  box-shadow: 0 28px 90px rgb(20 58 79 / 18%);
  backdrop-filter: blur(18px) saturate(1.08);
}
.auth-brand {
  background:
    linear-gradient(180deg,rgb(9 33 48 / 84%),rgb(19 57 77 / 92%)),
    url("../images/page-scenes/cars-v1.6cb66f4c20c0.webp") 65% center / cover !important;
  color: #f2f7f9;
}
.auth-brand::before {
  content: "";
  right: 28px;
  top: 28px;
  width: 116px;
  height: 116px;
  border: 1px solid rgb(197 228 241 / 22%);
  border-radius: 50%;
  box-shadow: 0 0 0 25px rgb(197 228 241 / 5%);
  opacity: 1;
}
.auth-kicker { color: #a9d1e4; }
.auth-brand h1 { max-width: 9em; color: #f7fbfd; font-family: var(--font-serif); font-weight: 500; }
.auth-benefits { color: #eaf4f8; }
.auth-benefits li::before { border-radius: 2px; background: #8ebbd0; }
.auth-privacy { color: rgb(226 239 245 / 65%); }
.auth-main { background: linear-gradient(180deg,rgb(255 255 255 / 45%),rgb(244 249 251 / 56%)); }
.auth-heading { color: #173f56; }
.auth-tab[aria-selected="true"] { color: #173f56; border-bottom-color: #5388a4; }
.auth-tab:focus-visible { outline-color: #477f9d; }
.auth-panel input:not([type="checkbox"]) { border-color: #d3e0e7; background: rgb(255 255 255 / 78%); color: #173043; }
.auth-panel input:not([type="checkbox"]):focus { outline-color: #6e9fb8; border-color: #6e9fb8; box-shadow: 0 0 0 4px rgb(88 143 171 / 13%); }
.auth-submit { border-radius: 10px; background: #2c6483; color: #fff; box-shadow: 0 10px 24px rgb(37 94 124 / 17%); }
.auth-submit:hover { background: #245773; }
.auth-forgot a:hover,.agree-row a { color: #245f7e; }
.agree-row input { accent-color: #2c6483; }
html[data-theme="dark"] body.auth-page { background: linear-gradient(90deg,rgba(10,25,35,.96),rgba(10,25,35,.72)),url("../images/page-scenes/cars-v1.6cb66f4c20c0.webp") center/cover fixed; }
html[data-theme="dark"] .auth-shell { border-color: rgb(156 199 219 / 16%); background: rgb(16 36 47 / 91%); }
html[data-theme="dark"] .auth-main { background: rgb(13 30 40 / 78%); }
html[data-theme="dark"] .auth-heading { color: #e8f3f8; }
@media (max-width:760px) {
  body.auth-page { background-position: 68% center; }
  .auth-brand { background-position: center 52% !important; }
  .auth-brand::before { width: 74px; height: 74px; }
}