:root {
  --accent:#c8963e;
  --accent-light:#e0ae55;
  --accent-dim:#9a7028;
  --accent-tint:rgba(200, 150, 62, 0.1);
  --accent-glow:rgba(200, 150, 62, 0.25);
  --green:#5ab300;
  --green-dark:#4a9600;
  --green-tint:#f0f8e8;
  --green-glow:rgba(90, 179, 0, 0.2);
  --green-line:#a0d880;
  --ink:#1c1610;
  --ink-mid:#3a2e22;
  --ink-soft:#5a4e40;
  --ink-faint:#7a6e60;
  --bg:#f5f0e6;
  --bg-mid:#ece5d8;
  --bg-dark:#8a7e6a;
  --white:rgba(252, 248, 242, 0.92);
  --border:#c8bca8;
  --border-light:#d8d0c0;
  --red:#c02020;
  --red-tint:#fdf2f2;
  --red-line:#e8c0c0;
  --amber:#b86010;
  --amber-tint:#fef6ec;
  --amber-line:#e8c898;
  --sky-tint:#ecf2fd;
  --sky-line:#b8c8e8;
  --sky-text:#1e3a8a;
  --wa:#22c55e;
  --r:8px;
  --r-sm:6px;
  --r-pill:999px;
  --ease-spring:cubic-bezier(0.34, 1.4, 0.64, 1);
  --ease-out:cubic-bezier(0.22, 1, 0.36, 1);
  --gold:#c8963e;
  --gold-light:#e0ae55;
  --gold-dim:#9a7028;
  --gold-tint:rgba(200, 150, 62, 0.1);
  --gold-glow:rgba(200, 150, 62, 0.25);
  --cream:rgba(252, 248, 242, 0.92);
  --cream-mid:#f5f0e6;
  --cream-dark:#ece5d8;
  --line:#c8bca8;
  --line-strong:#d8d0c0
}
body.auth-body--register-classic .page,
body.auth-body--logout-classic .page {
  min-height:auto;
  justify-content:flex-start;
  align-items:flex-start;
  padding:20px 16px 40px
}
body.auth-body--register-classic .content,
body.auth-body--logout-classic .content {
  width:min(1040px, calc(100% - 32px));
  max-width:none;
  margin:8px auto 0
}
body.auth-body--register-classic .legacy-login-shell,
body.auth-body--logout-classic .legacy-login-shell {
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:stretch;
  gap:10px
}
body.auth-body--register-classic .legacy-login-side,
body.auth-body--logout-classic .legacy-login-side {
  width:176px;
  min-height:auto;
  display:flex;
  flex-direction:column;
  align-self:stretch;
  justify-content:flex-start;
  padding-top:88px;
  background:#fff none left 12px top 20px no-repeat
}
body.auth-body--register-classic .legacy-login-side__list,
body.auth-body--logout-classic .legacy-login-side__list {
  margin-top:0;
  padding:0 18px 0 28px;
  list-style:none;
  text-align:right;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none
}
body.auth-body--register-classic .legacy-login-side__list li,
body.auth-body--logout-classic .legacy-login-side__list li {
  margin-top:0
}
body.auth-body--register-classic .legacy-login-side__list a,
body.auth-body--logout-classic .legacy-login-side__list a {
  display:block;
  padding:8px 10px 8px 0;
  border-right:2px solid #fff0;
  color:#1e1e1e;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  border-radius:0;
  transition:color 0.18s ease,border-color 0.18s ease
}
body.auth-body--register-classic .legacy-login-side__list a:hover,
body.auth-body--register-classic .legacy-login-side__list a.is-on,
body.auth-body--logout-classic .legacy-login-side__list a:hover,
body.auth-body--logout-classic .legacy-login-side__list a.is-on {
  color:#4c7c13;
  border-right-color:#71d000;
  background:none
}
body.auth-body--register-classic .legacy-login-main,
body.auth-body--logout-classic .legacy-login-main {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:18px 20px 28px;
  background:none left 30px no-repeat
}
body.auth-body--register-classic .legacy-login-main {
  width:836px
}
body.auth-body--logout-classic .legacy-login-main {
  width:760px
}
body.auth-body--register-classic .legacy-login-main__title,
body.auth-body--logout-classic .legacy-login-main__title {
  margin:0 0 12px;
  color:#5f5f5f;
  font-size:38px;
  font-weight:700;
  line-height:1.15;
  text-align:center
}
body.auth-body--register-classic .legacy-login-main__subtitle,
body.auth-body--logout-classic .legacy-login-main__subtitle {
  margin:0 0 10px;
  color:#111;
  font-size:22px;
  font-weight:700;
  text-align:center
}
body.auth-body--register-classic .legacy-login-main__copy,
body.auth-body--logout-classic .legacy-login-main__copy {
  width:86%;
  margin:0 0 18px;
  color:#222;
  font-size:15px;
  line-height:1.8;
  text-align:center
}
body.auth-body--register-classic .legacy-register-card {
  width:86%;
  max-width:742px;
  margin:0 auto;
  background:#fff;
  border:1px dashed #d7d7d7;
  border-radius:0;
  box-shadow:none
}
body.auth-body--register-classic .legacy-register-card .card-hd--simple {
  padding:14px 22px 12px;
  background:#fff;
  border-bottom:1px dashed #ddd
}
body.auth-body--register-classic .legacy-register-card .card-hd__row {
  align-items:center
}
body.auth-body--register-classic .legacy-register-card .card-bd {
  padding:18px 22px 20px
}
body.auth-body--register-classic .legacy-register-card .card-ft--cta {
  padding:12px 22px 14px;
  background:#fff;
  border-top:1px dashed #ddd
}
body.auth-body--register-classic .legacy-register-card .step-name {
  color:#5f5f5f;
  font-size:24px;
  line-height:1.15
}
body.auth-body--register-classic .legacy-register-card .card-hd__sub {
  margin-top:2px;
  font-size:12px;
  color:#5c5c5c
}
body.auth-body--register-classic .legacy-register-card .step-count {
  color:#666;
  background:none;
  border:0;
  box-shadow:none;
  padding:0
}
body.auth-body--register-classic .legacy-register-card .prog {
  background:#ececec
}
body.auth-body--register-classic .legacy-register-card .prog__seg {
  background:#d9d9d9
}
body.auth-body--register-classic .legacy-register-card .prog__seg.now {
  background:linear-gradient(180deg,#98b756 0%,#81a142 56%,#6d8a34 100%)
}
body.auth-body--register-classic .legacy-register-card .srv-pill {
  background:linear-gradient(to bottom,#fdfdfd,#d8d8d8);
  border:1px solid #d0d0d0;
  min-height:30px
}
body.auth-body--register-classic .legacy-register-card .fg {
  margin-bottom:14px
}
body.auth-body--register-classic .card-help {
  display:none
}
body.auth-body--register-classic .legacy-field-row--register-mode {
  display:grid;
  grid-template-columns:180px 276px;
  justify-content:center;
  align-items:center;
  gap:18px;
  margin:2px 0 18px
}
body.auth-body--register-classic .legacy-field-row--register-mode .legacy-field-row__label--muted {
  color:#6b6b6b;
  font-size:15px;
  font-weight:700;
  text-align:right
}
body.auth-body--register-classic .legacy-field-row--register-mode .legacy-field-row__control {
  width:276px
}
body.auth-body--register-classic #registerModeBar {
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:0;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none
}
body.auth-body--register-classic #registerModeBar .ct-opt {
  min-height:36px;
  padding:0 12px;
  font-size:14px;
  font-weight:700;
  color:#565656;
  border-radius:4px;
  border:1px solid #d1d6c6;
  background:linear-gradient(to bottom,#ffffff,#f2f4ed);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .95);
  transition:color 0.18s ease,border-color 0.18s ease,background 0.18s ease,box-shadow 0.18s ease
}
body.auth-body--register-classic #registerModeBar .ct-opt.is-on,
body.auth-body--register-classic #registerModeBar .ct-opt.on {
  color:#254400;
  border-color:#8dbb46;
  background:linear-gradient(to bottom,#fdfef9,#edf5dc);
  box-shadow:inset 0 0 0 1px #d9e8b8
}
body.auth-body--register-classic #registerModeBar .ct-opt:hover {
  color:#376b00;
  border-color:#b9c9a1
}
body.auth-body--register-classic #rs1 .fg {
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  align-items:start;
  gap:10px 18px;
  margin-bottom:16px
}
body.auth-body--register-classic #rs1 .fg__lbl {
  margin:0;
  padding-top:9px;
  text-align:right
}
body.auth-body--register-classic #rs1 .fg>:not(.fg__lbl) {
  grid-column:2
}
body.auth-body--register-classic #rs1 .fi,
body.auth-body--register-classic #rs1 .fi-ico,
body.auth-body--register-classic #rs1 .phone-row,
body.auth-body--register-classic #rs1 #regPrefixSelect,
body.auth-body--register-classic #rs1 #otpTurnstileWrap,
body.auth-body--register-classic #rs1 #proxyPhoneBlock,
body.auth-body--register-classic #rs1 #otpStatus,
body.auth-body--register-classic #rs1 #otpVerifiedBadge,
body.auth-body--register-classic #rs1 .f-msg,
body.auth-body--register-classic #rs1 .pw-bars,
body.auth-body--register-classic #rs1 .pw-strength-label,
body.auth-body--register-classic #rs1 .pw-rules {
  max-width:360px
}
body.auth-body--register-classic #rs1 .pw-rules {
  padding-top:2px
}
body.auth-body--register-classic #rs1 .alert {
  margin-bottom:14px
}
body.auth-body--register-classic #rs1 #goStep2Btn,
body.auth-body--register-classic #rs3 #register {
  display:block;
  width:180px;
  margin:16px auto 0
}
body.auth-body--register-classic #rs2 .btn,
body.auth-body--register-classic #rs3 .btn {
  min-width:150px
}
body.auth-body--register-classic #rs2,
body.auth-body--register-classic #rs3 {
  padding-top:20px
}
body.auth-body--register-classic #rs2 .fg,
body.auth-body--register-classic #rs3 .fg {
  margin-bottom:18px
}
body.auth-body--register-classic .legacy-register-card .btn--ghost {
  background:linear-gradient(to bottom,#fdfdfd,#d9d9d9);
  border-color:#cfcfcf;
  color:#333
}
body.auth-body--register-classic .legacy-box--support-register,
body.auth-body--logout-classic .legacy-box--support-register {
  width:86%;
  max-width:742px;
  margin:12px auto 0;
  padding:16px 20px;
  background:#fff;
  border:1px dashed #d7d7d7;
  text-align:right
}
body.auth-body--register-classic .legacy-box--support-register .legacy-link-btn,
body.auth-body--logout-classic .legacy-box--support-register .legacy-link-btn {
  display:inline-block
}
body.auth-body--register-classic .foot-cta,
body.auth-body--logout-classic .foot-cta {
  width:86%;
  max-width:742px;
  margin-top:10px
}
body.auth-body--logout-classic .logout-ok {
  width:86%;
  max-width:620px;
  margin:20px auto 0;
  padding:20px 22px 18px;
  background:#fff;
  border:1px dashed #d7d7d7;
  border-radius:0;
  box-shadow:none
}
body.auth-body--logout-classic .logout-ok__icon {
  width:58px;
  height:58px;
  margin:0 auto 14px;
  border:1px solid #8dbb46;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#5a8b19;
  background:linear-gradient(to bottom,#fdfef9,#edf5dc);
  font-size:26px
}
body.auth-body--logout-classic .logout-ok h1 {
  margin-bottom:8px;
  color:#5f5f5f;
  font-size:28px
}
body.auth-body--logout-classic .logout-ok p {
  color:#222;
  font-size:15px
}
body.auth-body--logout-classic .logout-ok__note {
  max-width:420px;
  margin:8px auto 0;
  color:#666;
  font-size:13px;
  line-height:1.8
}
body.auth-body--logout-classic .logout-ok .btns {
  margin-top:16px
}
body.auth-body--logout-classic .logout-ok__clear {
  display:inline-block;
  margin-top:10px;
  color:#6f8f2f;
  font-size:13px;
  text-decoration:underline
}
@media (max-width:960px) {
  body.auth-body--register-classic .legacy-login-shell,
  body.auth-body--logout-classic .legacy-login-shell {
    display:block
  }
  body.auth-body--register-classic .legacy-login-side,
  body.auth-body--logout-classic .legacy-login-side {
    display:none
  }
  body.auth-body--register-classic .legacy-login-main,
  body.auth-body--logout-classic .legacy-login-main {
    width:100%;
    padding:10px 0 0;
    background:none
  }
  body.auth-body--register-classic .legacy-register-card,
  body.auth-body--register-classic .legacy-box--support-register,
  body.auth-body--register-classic .foot-cta,
  body.auth-body--logout-classic .logout-ok,
  body.auth-body--logout-classic .legacy-box--support-register {
    width:100%;
    max-width:none
  }
  body.auth-body--register-classic .legacy-field-row--register-mode {
    grid-template-columns:1fr;
    gap:8px;
    margin-bottom:14px
  }
  body.auth-body--register-classic #rs1 .fg {
    grid-template-columns:1fr;
    gap:8px
  }
  body.auth-body--register-classic #rs1 .fg>:not(.fg__lbl) {
    grid-column:auto
  }
  body.auth-body--register-classic .legacy-field-row--register-mode .legacy-field-row__control {
    width:100%
  }
  body.auth-body--register-classic #registerModeBar {
    gap:8px
  }
}
*,
*::before,
*::after {
  box-sizing:border-box;
  margin:0;
  padding:0
}
html {
  -webkit-text-size-adjust:100%
}
body {
  font-family:"Tajawal",Tahoma,sans-serif;
  font-size:14px;
  line-height:1.5;
  color:var(--ink);
  background:#0c0a06 url(imgs/bg-2.jpg) no-repeat center center;
  background-size:cover;
  background-attachment:fixed;
  min-height:100svh;
  overflow-x:hidden
}
body::before {
  content:"";
  position:fixed;
  inset:0;
  background:radial-gradient(ellipse at center 40%,rgb(10 8 4 / .35) 0%,rgb(10 8 4 / .65) 100%);
  z-index:0;
  pointer-events:none
}
button {
  font-family:inherit;
  cursor:pointer;
  border:none;
  background:none
}
input {
  font-family:inherit
}
a {
  text-decoration:none;
  color:inherit
}
.page {
  position:relative;
  z-index:1;
  max-width:780px;
  margin:0 auto;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:32px 20px;
  background:none;
  box-shadow:none
}
.col-form {
  background:#fff0;
  width:100%
}
.col-form>* {
  width:100%
}
.hero {
  display:none
}
.hero img {
  display:none
}
.hero__frame {
  display:none
}
.hero__frame img {
  display:none
}
.hero:hover .hero__frame img {
  transform:none
}
.hero__overlay {
  display:none
}
.hero__vignette {
  display:none
}
.hero__bottom {
  display:none
}
.hero__logo {
  display:none
}
.hero__server {
  display:none
}
.hero__server-dot {
  display:none
}
.hero__world {
  display:none
}
.hero__world em {
  font-style:normal;
  font-size:1.1em
}
.hero__grain {
  display:none
}
.hero__chips {
  display:none
}
.hero__chips-label {
  font-size:9px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgb(255 255 255 / .32)
}
.hero__chips-row {
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  max-width:min(260px, 52vw)
}
.s-chip {
  padding:4px 10px;
  border-radius:var(--r-pill);
  font-size:11px;
  font-weight:700;
  border:1.5px solid rgb(255 255 255 / .16);
  background:rgb(0 0 0 / .3);
  backdrop-filter:blur(8px);
  color:rgb(255 255 255 / .52);
  transition:all 0.2s
}
.s-chip:not(.s-chip--off):hover {
  border-color:rgb(200 150 62 / .6);
  color:var(--accent-light)
}
.s-chip--on {
  background:linear-gradient(135deg,var(--accent-light),var(--accent-dim));
  border-color:#fff0;
  color:#fff;
  box-shadow:0 2px 10px rgb(200 150 62 / .45)
}
.s-chip--off {
  opacity:.25;
  cursor:default;
  pointer-events:none
}
a.s-chip {
  display:inline-block
}
.hero__copy {
  display:none
}
.hero__badge {
  display:none
}
.hero__title {
  font-family:"Lateef",serif;
  font-size:clamp(22px, 5vw, 38px);
  font-weight:700;
  line-height:1.05;
  color:#fff;
  text-shadow:0 2px 20px rgb(0 0 0 / .7),0 0 40px rgb(0 0 0 / .4);
  animation:fadeUp 0.6s var(--ease-out) 0.18s both;
  letter-spacing:1px
}
.hero__title em {
  font-style:normal;
  color:var(--accent-light)
}
.hero__sub {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 18px;
  background:rgb(0 0 0 / .45);
  backdrop-filter:blur(10px);
  border:1px solid rgb(255 255 255 / .12);
  border-radius:var(--r-pill);
  font-size:clamp(12px, 2.2vw, 14px);
  font-weight:700;
  color:rgb(255 255 255 / .88);
  letter-spacing:.8px;
  animation:fadeUp 0.6s var(--ease-out) 0.26s both;
  text-shadow:0 1px 6px rgb(0 0 0 / .5)
}
.hero__sub strong {
  color:var(--accent-light);
  font-weight:800;
  font-size:1.1em
}
.auth-logo {
  text-align:center;
  margin-bottom:14px;
  animation:fadeUp 0.5s var(--ease-out) both;
  max-height:160px
}
.auth-logo img {
  height:160px;
  width:auto;
  filter:drop-shadow(0 6px 20px rgb(0 0 0 / .6));
  transition:transform 0.3s var(--ease-out);
  transform:scale(1.25)
}
.auth-logo img:hover {
  transform:scale(1.3)
}
@media (min-width:640px) {
  .auth-logo {
    max-height:140px
  }
  .auth-logo img {
    height:160px
  }
}
.nav {
  display:flex;
  width:100%;
  max-width:640px;
  margin:0 auto;
  position:relative;
  z-index:10;
  background:rgb(240 234 222 / .88);
  backdrop-filter:blur(28px);
  -webkit-backdrop-filter:blur(28px);
  border:2px solid rgb(180 150 90 / .2);
  border-bottom:none;
  border-radius:20px 20px 0 0;
  overflow:hidden;
  box-shadow:0 -4px 20px rgb(0 0 0 / .15),inset 0 0 0 1px rgb(255 255 255 / .1);
  gap:0
}
.nav+.content .card,
.nav~.content .card {
  border-radius:0 0 20px 20px;
  border-top:none
}
.nav a {
  flex:1;
  text-align:center;
  padding:18px 12px;
  font-size:16px;
  font-weight:700;
  color:rgb(100 80 50 / .35);
  text-decoration:none;
  border-bottom:3px solid #fff0;
  margin-bottom:-2px;
  transition:all 0.2s;
  background:#fff0
}
.nav a:hover {
  color:rgb(100 80 50 / .6)
}
.nav a.on,
.nav a.is-on {
  color:#1c1610;
  font-weight:900;
  border-bottom-color:#c8963e;
  background:rgb(255 255 255 / .15)
}
.content {
  width:100%;
  max-width:640px;
  margin-inline:auto;
  padding:0;
  position:relative;
  z-index:5
}
.page-head {
  text-align:center;
  margin-bottom:22px
}
.page-head h1 {
  font-size:22px;
  font-weight:800;
  color:var(--ink);
  margin-bottom:4px
}
.page-head p {
  font-size:13px;
  color:var(--ink-soft)
}
.card {
  background:rgb(240 234 222 / .88);
  backdrop-filter:blur(28px);
  -webkit-backdrop-filter:blur(28px);
  border:2px solid rgb(180 150 90 / .2);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 30px 80px rgb(0 0 0 / .5),0 4px 16px rgb(0 0 0 / .2),inset 0 0 0 1px rgb(255 255 255 / .1);
  animation:cardRise 0.4s var(--ease-out) 0.12s both;
  max-width:640px;
  margin-inline:auto;
  width:100%
}
.card::before {
  display:none
}
.form-card {
  background:var(--white);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgb(200 180 150 / .25);
  border-radius:20px;
  padding:22px;
  box-shadow:0 30px 80px rgb(0 0 0 / .5),0 4px 16px rgb(0 0 0 / .2),inset 0 0 0 1px rgb(255 255 255 / .1)
}
.card-hd {
  padding:20px 40px 18px;
  border-bottom:1px solid rgb(200 180 150 / .3)
}
.card-hd__brand {
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:16px;
  margin-bottom:16px;
  border-bottom:1px solid rgb(200 180 150 / .3)
}
.brand-icon {
  width:42px;
  height:42px;
  border-radius:12px;
  background:linear-gradient(145deg,var(--accent-light),var(--accent-dim));
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:19px;
  flex-shrink:0;
  box-shadow:0 3px 10px rgb(200 150 62 / .32),0 0 0 1px rgb(255 255 255 / .3) inset
}
.brand-copy {
  flex:1;
  min-width:0
}
.brand-name {
  font-family:"Lateef",serif;
  font-size:17px;
  font-weight:700;
  color:var(--ink);
  line-height:1.2
}
.brand-sub {
  font-size:11px;
  color:var(--ink-faint);
  margin-top:1px
}
.srv-pill {
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 18px;
  border-radius:12px;
  background:linear-gradient(135deg,rgb(200 150 62 / .12),rgb(200 150 62 / .06));
  border:1.5px solid rgb(200 150 62 / .3);
  font-size:13px;
  font-weight:800;
  color:#9a7028;
  cursor:pointer;
  transition:all 0.2s;
  flex-shrink:0;
  white-space:nowrap
}
.srv-pill:hover {
  border-color:#c8963e;
  background:rgb(200 150 62 / .15)
}
.srv-pill__dot {
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 3px rgb(34 197 94 / .2);
  animation:blink 2.4s ease infinite
}
@keyframes blink {
  0%,
  100% {
    box-shadow:0 0 0 3px rgb(34 197 94 / .2)
  }
  50% {
    box-shadow:0 0 0 5px rgb(34 197 94 / .06)
  }
}
.step-meta {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:12px
}
.step-name {
  font-size:22px;
  font-weight:900;
  color:#1c1610;
  line-height:1.2
}
.step-count {
  font-size:13px;
  font-weight:900;
  color:#c8963e;
  background:rgb(200 150 62 / .1);
  border:2px solid rgb(200 150 62 / .25);
  border-radius:999px;
  padding:5px 16px;
  white-space:nowrap
}
.prog {
  display:flex;
  gap:5px
}
.prog__seg {
  flex:1;
  height:10px;
  border-radius:5px;
  background:rgb(160 140 100 / .15);
  transition:background 0.35s var(--ease-out),box-shadow 0.35s;
  overflow:hidden
}
.prog__seg.done {
  background:#9a7028
}
.prog__seg.now {
  background:linear-gradient(90deg,#b08020,#e0ae55);
  box-shadow:0 0 14px rgb(200 150 62 / .35);
  position:relative
}
.prog__seg.now::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 60%,rgb(255 255 255 / .3));
  border-radius:5px
}
.step-bar {
  display:flex;
  gap:5px;
  margin-bottom:16px
}
.step-seg {
  flex:1;
  height:10px;
  background:rgb(160 140 100 / .15);
  border-radius:5px
}
.step-seg.done {
  background:#9a7028
}
.step-seg.now {
  background:linear-gradient(90deg,#b08020,#e0ae55);
  box-shadow:0 0 14px rgb(200 150 62 / .35)
}
.step-label {
  text-align:center;
  font-size:11px;
  color:var(--ink-faint);
  margin-bottom:14px
}
.step-label strong {
  color:var(--accent-dim)
}
.card-hd--simple {
  padding:20px 40px 16px;
  border-bottom:1px solid rgb(200 180 150 / .2)
}
.card-hd--simple .step-meta {
  margin-bottom:0
}
.card-hd__row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px
}
.card-hd__row+.card-hd__row {
  margin-top:10px
}
.card-hd__sub {
  font-size:13px;
  color:var(--ink-soft);
  margin-top:3px
}
.card-hd__step-row {
  display:flex;
  align-items:center;
  gap:12px
}
.card-hd__step-row .prog {
  flex:1
}
.srv-pill__arrow {
  font-size:9px;
  opacity:.5
}
.card-stats--alert {
  background:var(--amber-tint);
  text-align:center;
  padding:14px 40px
}
.card-stats--alert p {
  font-size:14px;
  font-weight:700;
  color:var(--amber);
  margin:0
}
.card-help {
  text-align:center;
  margin-top:12px;
  font-size:13px;
  color:var(--ink-faint)
}
.card-help a {
  color:var(--accent);
  font-weight:700;
  text-decoration:none
}
.card-help a:hover {
  text-decoration:underline
}
.btn--sm {
  width:auto;
  padding:8px 18px;
  font-size:13px
}
.otp-badge {
  display:none;
  padding:8px 16px;
  background:var(--green-tint);
  border:1px solid var(--green-line);
  border-radius:8px;
  color:var(--green-dark);
  font-weight:700;
  font-size:13px
}
.pw-strength-label {
  font-size:12px;
  margin-top:6px;
  color:var(--ink-soft);
  font-weight:600
}
.reset-phone-row {
  display:flex;
  gap:8px
}
.reset-phone-row .fi:first-child {
  width:100px
}
.reset-phone-row .fi:last-child {
  flex:1
}
.reset-otp-actions {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap
}
.alert a {
  color:inherit;
  text-decoration:underline
}
.err-action {
  color:var(--accent);
  font-weight:700;
  cursor:pointer;
  background:none;
  border:none;
  padding:0;
  font:inherit
}
.card-bd {
  padding:24px 40px 30px;
  animation:stepIn 0.26s var(--ease-out)
}
.card-ft {
  padding:14px 40px 20px;
  border-top:1px solid rgb(200 180 150 / .3);
  text-align:center;
  font-size:13px;
  color:var(--ink-soft)
}
.card-ft a {
  color:var(--accent);
  font-weight:700;
  cursor:pointer
}
.card-ft a:hover {
  text-decoration:underline
}
.card-ft--cta {
  padding:14px 40px 18px;
  border-top:1px solid rgb(160 130 70 / .08);
  text-align:center
}
.card-ft--cta a {
  font-size:13px;
  font-weight:700;
  color:#7a6e5a;
  transition:color 0.2s;
  text-decoration:none
}
.card-ft--cta a:hover {
  color:var(--accent);
  text-decoration:underline
}
.fg {
  margin-bottom:16px
}
.fg:last-child {
  margin-bottom:0
}
.btn--gold,
.btn--green {
  margin-top:14px
}
.fg__lbl {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:7px;
  font-size:14px;
  font-weight:700;
  color:#2a2018
}
.fg__lbl-txt {
  font-size:14px;
  font-weight:700;
  color:#2a2018;
  letter-spacing:.1px
}
.fg__lbl-link {
  font-size:11px;
  font-weight:600;
  color:var(--accent);
  cursor:pointer
}
.fi {
  display:block;
  width:100%;
  padding:14px 18px;
  font-size:16px;
  color:#1c1610;
  background:rgb(230 222 208 / .6);
  border:2px solid rgb(140 115 70 / .2);
  border-radius:10px;
  outline:none;
  box-sizing:border-box;
  font-family:"Tajawal",Tahoma,sans-serif;
  transition:border-color 0.2s,box-shadow 0.2s,background 0.2s;
  direction:rtl;
  box-shadow:inset 0 3px 6px rgb(0 0 0 / .06)
}
.fi::placeholder {
  color:#8a7a62;
  font-weight:400;
  font-size:15px
}
.fi:focus {
  background:rgb(245 240 230 / .8);
  border-color:#c8963e;
  box-shadow:inset 0 2px 4px rgb(0 0 0 / .03),0 0 0 4px rgb(200 150 62 / .2)
}
.fi.ok {
  border-color:var(--green)!important;
  background:var(--green-tint)
}
.fi.err {
  border-color:var(--red)!important;
  background:var(--red-tint)
}
.fi-ico {
  position:relative
}
.fi-ico .fi {
  padding-inline-end:48px
}
.fi-ico__btn {
  position:absolute;
  inset-inline-end:0;
  top:50%;
  transform:translateY(-50%);
  color:#9a8a72;
  font-size:17px;
  transition:color 0.18s;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  cursor:pointer;
  background:none;
  border:none
}
.fi-ico__btn:hover {
  color:var(--accent-dim)
}
.fi-wrap {
  position:relative
}
.fi-wrap .fi {
  padding-left:48px
}
.fi-eye {
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  font-size:17px;
  cursor:pointer;
  color:#9a8a72;
  background:none;
  border:none;
  padding:6px
}
.ct-toggle {
  display:flex;
  gap:0;
  padding:4px;
  background:rgb(140 115 70 / .08);
  border:1.5px solid rgb(140 115 70 / .12);
  border-radius:10px;
  overflow:hidden;
  margin-bottom:18px
}
.ct-opt {
  flex:1;
  padding:10px 8px;
  border-radius:8px;
  font-size:14px;
  font-weight:700;
  color:rgb(100 80 50 / .4);
  background:#fff0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  transition:all 0.22s;
  text-align:center;
  cursor:pointer;
  border:none;
  font-family:"Tajawal",Tahoma,sans-serif
}
.ct-opt.is-on,
.ct-opt.on {
  background:rgb(255 255 255 / .55);
  color:#2a2018;
  box-shadow:0 2px 6px rgb(0 0 0 / .06);
  border-radius:8px
}
.phone-row {
  display:flex;
  border:2px solid rgb(140 115 70 / .2);
  border-radius:10px;
  background:rgb(230 222 208 / .6);
  overflow:hidden;
  direction:ltr;
  transition:border-color 0.2s,box-shadow 0.2s;
  box-shadow:inset 0 3px 6px rgb(0 0 0 / .06)
}
.phone-row:focus-within {
  border-color:#c8963e;
  box-shadow:inset 0 2px 4px rgb(0 0 0 / .03),0 0 0 4px rgb(200 150 62 / .2);
  background:rgb(245 240 230 / .8)
}
.phone-row.ok {
  border-color:var(--green)!important;
  background:var(--green-tint)
}
.phone-row.err {
  border-color:var(--red)!important;
  background:var(--red-tint)
}
.phone-row__prefix {
  position:relative;
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 12px;
  font-size:12.5px;
  font-weight:700;
  cursor:pointer;
  color:var(--ink-soft);
  background:var(--bg-mid);
  border-left:2px solid rgb(140 115 70 / .15);
  white-space:nowrap;
  flex-shrink:0;
  user-select:none
}
.phone-row__input {
  flex:1;
  padding:14px 18px;
  font-size:16px;
  font-family:"Tajawal",Tahoma,sans-serif;
  color:var(--ink);
  background:#fff0;
  border:none;
  outline:none;
  direction:ltr;
  text-align:left
}
.phone-row__input::placeholder {
  color:var(--ink-faint);
  font-weight:300
}
.pw-bars {
  display:flex;
  gap:3px;
  margin-top:7px
}
.pw-bar {
  flex:1;
  height:3px;
  border-radius:2px;
  background:var(--border);
  transition:background 0.28s,transform 0.28s
}
.pw-bar.s1 {
  background:var(--red)
}
.pw-bar.s2 {
  background:var(--amber)
}
.pw-bar.s3 {
  background:var(--green)
}
.pw-bar.s4 {
  background:var(--green-dark);
  transform:scaleY(1.4)
}
.pw-label {
  font-size:11px;
  margin-top:4px;
  color:var(--ink-faint);
  transition:color 0.2s
}
.pw-rules {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 14px;
  margin-top:12px;
  padding:14px 16px;
  background:rgb(140 115 70 / .05);
  border-radius:10px;
  border:1px solid rgb(140 115 70 / .1)
}
.pw-rule {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:600;
  color:#4a3e30;
  transition:color 0.25s
}
.pw-rule__dot {
  width:20px;
  height:20px;
  border-radius:50%;
  flex-shrink:0;
  background:rgb(140 115 70 / .1);
  border:2px solid rgb(140 115 70 / .18);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:900;
  color:#fff0;
  transition:all 0.25s var(--ease-spring)
}
.pw-rule.met {
  color:var(--green)
}
.pw-rule.met .pw-rule__dot,
.pw-rule.pass .pw-rule__dot {
  background:#5ab300;
  border-color:#5ab300;
  color:#fff;
  box-shadow:0 0 0 3px rgb(90 179 0 / .15)
}
.pw-rule.success {
  color:var(--green)
}
.pw-rule.success .pw-rule__dot {
  background:var(--green);
  border-color:var(--green);
  color:#fff;
  box-shadow:0 0 0 3px rgb(90 179 0 / .14)
}
.f-msg {
  display:none;
  align-items:center;
  gap:5px;
  font-size:12.5px;
  font-weight:600;
  line-height:1.5;
  margin-top:6px;
  padding:7px 10px;
  border-radius:var(--r-sm);
  animation:fadeUp 0.2s var(--ease-out)
}
.f-msg.ok {
  display:flex;
  color:var(--green);
  background:var(--green-tint);
  border:1px solid var(--green-line)
}
.f-msg.err {
  display:flex;
  color:var(--red);
  background:var(--red-tint);
  border:1px solid var(--red-line)
}
.f-msg.warn {
  display:flex;
  color:var(--amber);
  background:var(--amber-tint);
  border:1px solid var(--amber-line)
}
.alert {
  display:none;
  align-items:flex-start;
  gap:9px;
  padding:11px 13px;
  border-radius:var(--r-sm);
  font-size:12.5px;
  line-height:1.55;
  margin-bottom:14px;
  animation:alertIn 0.22s var(--ease-out)
}
.alert.show {
  display:flex
}
.alert--err {
  background:var(--red-tint);
  border:1px solid var(--red-line);
  color:#7a1a1a
}
.alert--ok {
  background:var(--green-tint);
  border:1px solid var(--green-line);
  color:#1a5030
}
.alert--warn {
  background:var(--amber-tint);
  border:1px solid var(--amber-line);
  color:#6a3800
}
.alert--info {
  background:var(--sky-tint);
  border:1px solid var(--sky-line);
  color:var(--sky-text)
}
.alert__ico {
  font-size:14px;
  flex-shrink:0;
  margin-top:1px
}
.alert__body {
  flex:1
}
.alert__body b {
  display:block;
  font-weight:700
}
.alert__x {
  font-size:13px;
  opacity:.42;
  flex-shrink:0;
  padding:1px;
  transition:opacity 0.15s
}
.alert__x:hover {
  opacity:1
}
.tribe-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:14px
}
.tc {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:12px 8px;
  border:1.5px solid var(--border);
  border-radius:var(--r);
  background:var(--bg);
  text-align:center;
  cursor:pointer;
  user-select:none;
  transition:border-color 0.22s,box-shadow 0.22s,transform 0.22s,background 0.22s;
  overflow:hidden
}
.tc input {
  display:none
}
.tc::after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:2.5px;
  background:linear-gradient(90deg,var(--accent-dim),var(--accent));
  transform:scaleX(0);
  transform-origin:right;
  transition:transform 0.24s var(--ease-out)
}
.tc:hover {
  border-color:var(--accent);
  background:#fff;
  transform:translateY(-2px);
  box-shadow:0 5px 16px rgb(200 150 62 / .14)
}
.tc:hover::after {
  transform:scaleX(1)
}
.tc.is-on,
.tc.on {
  border-color:var(--accent);
  background:var(--accent-tint);
  box-shadow:0 0 0 2px var(--accent-glow)
}
.tc.is-on::after,
.tc.on::after {
  transform:scaleX(1)
}
.tc__chk {
  position:absolute;
  top:6px;
  inset-inline-start:6px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--accent);
  display:none;
  align-items:center;
  justify-content:center;
  font-size:8px;
  color:#fff;
  font-weight:900;
  box-shadow:0 2px 6px rgb(200 150 62 / .38)
}
.tc.is-on .tc__chk {
  display:flex
}
.tc__ico {
  font-size:22px;
  display:block;
  margin-bottom:4px
}
.tc__name {
  font-size:13px;
  font-weight:700;
  color:var(--ink)
}
.tc__tag {
  font-size:10px;
  font-weight:600;
  color:var(--accent-dim);
  margin-top:2px
}
.tribe-info {
  margin-top:9px;
  padding:10px 12px;
  background:var(--accent-tint);
  border:1px solid rgb(200 150 62 / .2);
  border-radius:var(--r-sm);
  font-size:12px;
  color:var(--ink-mid);
  line-height:1.65;
  min-height:38px;
  transition:all 0.25s
}
.spawn-map {
  display:grid;
  grid-template-areas:".  N  ." "W  C  E" ".  S  ." "R  R  R";
  grid-template-columns:1fr 1fr 1fr;
  gap:5px;
  max-width:230px;
  margin:6px auto 0
}
.sp {
  padding:9px 4px;
  border-radius:9px;
  font-size:11.5px;
  font-weight:600;
  border:1.5px solid var(--border);
  background:var(--bg);
  color:var(--ink-soft);
  text-align:center;
  cursor:pointer;
  transition:all 0.18s
}
.sp:hover {
  border-color:var(--accent);
  color:var(--accent-dim);
  background:var(--accent-tint)
}
.sp.is-on {
  border-color:var(--accent);
  color:var(--accent-dim);
  background:var(--accent-tint);
  font-weight:700
}
.sp[data-d="N"] {
  grid-area:N
}
.sp[data-d="W"] {
  grid-area:W
}
.sp[data-d="C"] {
  grid-area:C
}
.sp[data-d="E"] {
  grid-area:E
}
.sp[data-d="S"] {
  grid-area:S
}
.sp[data-d="R"] {
  grid-area:R;
  font-size:12px
}
.minimap-wrap {
  max-width:280px;
  margin:0 auto
}
.minimap {
  width:100%;
  aspect-ratio:1;
  background:linear-gradient(135deg,#d8d4c4 0%,#ccc8b8 50%,#c0bca8 100%);
  border:2px solid var(--border);
  border-radius:var(--r);
  position:relative;
  overflow:hidden
}
.minimap::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(rgb(0 0 0 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(0 0 0 / .04) 1px,transparent 1px);
  background-size:28px 28px;
  background-position:center center
}
.minimap__cross-h,
.minimap__cross-v {
  position:absolute;
  background:rgb(100 90 70 / .18);
  z-index:1
}
.minimap__cross-h {
  top:50%;
  left:0;
  right:0;
  height:1px
}
.minimap__cross-v {
  left:50%;
  top:0;
  bottom:0;
  width:1px
}
.minimap__center {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:10px;
  height:10px;
  background:var(--accent);
  border:2px solid var(--accent-dim);
  border-radius:50%;
  box-shadow:0 0 0 4px var(--accent-glow),0 0 8px rgb(200 150 62 / .3);
  z-index:3
}
.minimap__axis {
  position:absolute;
  font-size:9px;
  font-weight:700;
  color:rgb(80 70 50 / .3);
  font-family:monospace;
  z-index:2
}
.minimap__axis--n {
  top:6px;
  left:50%;
  transform:translateX(-50%)
}
.minimap__axis--s {
  bottom:6px;
  left:50%;
  transform:translateX(-50%)
}
.minimap__axis--w {
  right:6px;
  top:50%;
  transform:translateY(-50%)
}
.minimap__axis--e {
  left:6px;
  top:50%;
  transform:translateY(-50%)
}
.mq {
  position:absolute;
  width:48%;
  height:48%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:2;
  border-radius:6px;
  transition:all 0.2s;
  border:1.5px solid #fff0
}
.mq:hover {
  background:rgb(200 150 62 / .08);
  border-color:rgb(200 150 62 / .2)
}
.mq.is-on,
.mq.on {
  background:rgb(200 150 62 / .14);
  border-color:var(--accent)
}
.mq input {
  display:none
}
.mq__arrow {
  font-size:20px;
  opacity:.35;
  margin-bottom:2px;
  transition:opacity 0.2s
}
.mq__name {
  font-size:11px;
  font-weight:700;
  color:rgb(60 50 30 / .35);
  transition:color 0.2s
}
.mq__coords {
  font-size:9px;
  font-family:monospace;
  color:rgb(60 50 30 / .2);
  margin-top:1px
}
.mq.is-on .mq__arrow,
.mq.on .mq__arrow {
  opacity:.85
}
.mq.is-on .mq__name,
.mq.on .mq__name {
  color:var(--accent-dim)
}
.mq.is-on .mq__coords,
.mq.on .mq__coords {
  color:rgb(200 150 62 / .5)
}
.mq--ne {
  top:1%;
  left:1%
}
.mq--nw {
  top:1%;
  right:1%
}
.mq--se {
  bottom:1%;
  left:1%
}
.mq--sw {
  bottom:1%;
  right:1%
}
.minimap__random {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:10px;
  padding:10px 16px;
  background:var(--white);
  border:1.5px solid var(--border);
  border-radius:var(--r-sm);
  font-size:12px;
  font-weight:700;
  color:var(--ink-mid);
  cursor:pointer;
  transition:all 0.2s
}
.minimap__random:hover {
  border-color:var(--accent)
}
.minimap__random.is-on,
.minimap__random.on {
  border-color:var(--accent);
  background:var(--accent-tint);
  color:var(--accent-dim);
  box-shadow:0 0 0 2px var(--accent-glow)
}
.minimap__random-ico {
  font-size:18px
}
.minimap__random-text b {
  color:var(--accent-dim)
}
.btn {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  padding:10px;
  border:none;
  border-radius:12px;
  font-family:"Tajawal",Tahoma,sans-serif;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:all 0.2s;
  text-align:center;
  text-decoration:none
}
.btn::after {
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  bottom:0;
  width:60%;
  background:linear-gradient(90deg,transparent,rgb(255 255 255 / .18),transparent);
  transition:left 0.5s
}
.btn:hover::after {
  left:140%
}
.btn--gold {
  background:linear-gradient(180deg,#f0c060 0%,#d0a030 40%,#a87818 100%);
  color:#fff;
  text-shadow:0 2px 4px rgb(60 30 0 / .5);
  box-shadow:0 6px 20px rgb(180 120 30 / .5),0 2px 4px rgb(0 0 0 / .15),inset 0 2px 0 rgb(255 255 255 / .3),inset 0 -3px 0 rgb(80 50 10 / .2);
  font-size:17px;
  font-weight:900;
  padding:16px 1.5em;
  border-radius:12px;
  border:2px solid rgb(140 90 20 / .5);
  letter-spacing:.5px
}
.btn--gold:hover {
  background:linear-gradient(180deg,#f8cc6c 0%,#d8a838 40%,#b08020 100%);
  box-shadow:0 10px 32px rgb(180 120 30 / .6),0 2px 6px rgb(0 0 0 / .15),inset 0 2px 0 rgb(255 255 255 / .35),inset 0 -3px 0 rgb(80 50 10 / .2);
  transform:translateY(-3px)
}
.btn--gold:active {
  transform:translateY(0);
  background:linear-gradient(180deg,#d8a838 0%,#c09028 40%,#907018 100%);
  box-shadow:0 2px 8px rgb(180 120 30 / .3),inset 0 3px 6px rgb(0 0 0 / .15)
}
.btn--gold:disabled {
  opacity:.45;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
  filter:none
}
.btn--green {
  background:linear-gradient(180deg,#f0c060 0%,#d0a030 40%,#a87818 100%);
  color:#fff;
  text-shadow:0 2px 4px rgb(60 30 0 / .5);
  box-shadow:0 6px 20px rgb(180 120 30 / .5),0 2px 4px rgb(0 0 0 / .15),inset 0 2px 0 rgb(255 255 255 / .3),inset 0 -3px 0 rgb(80 50 10 / .2);
  font-size:17px;
  font-weight:900;
  padding:16px 1.5em;
  border-radius:12px;
  border:2px solid rgb(140 90 20 / .5);
  letter-spacing:.5px
}
.btn--green:hover {
  background:linear-gradient(180deg,#f8cc6c 0%,#d8a838 40%,#b08020 100%);
  box-shadow:0 10px 32px rgb(180 120 30 / .6),0 2px 6px rgb(0 0 0 / .15),inset 0 2px 0 rgb(255 255 255 / .35),inset 0 -3px 0 rgb(80 50 10 / .2);
  transform:translateY(-3px)
}
.btn--ghost {
  background:#fff0;
  color:#6a5e4e;
  border:1.5px solid rgb(140 115 70 / .2);
  border-radius:10px;
  padding:13px;
  font-size:14px;
  font-weight:700
}
.btn--ghost:hover {
  border-color:rgb(140 115 70 / .35);
  background:rgb(0 0 0 / .02)
}
.btn__spin {
  width:14px;
  height:14px;
  border-radius:50%;
  flex-shrink:0;
  border:2px solid rgb(255 255 255 / .28);
  border-top-color:#fff;
  animation:spin 0.7s linear infinite
}
.divider {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  color:var(--ink-soft);
  margin:14px 0
}
.divider::before,
.divider::after {
  content:"";
  flex:1;
  height:1px;
  background:var(--border)
}
.mode-row {
  display:flex;
  justify-content:center;
  gap:4px;
  animation:fadeDown 0.5s var(--ease-out) 0.3s both
}
.mode-link {
  flex:1;
  padding:10px 28px;
  border-radius:9px;
  font-size:14px;
  font-weight:700;
  color:var(--ink-faint);
  background:#fff0;
  transition:all 0.22s;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap
}
.mode-link.is-on {
  background:var(--white);
  color:var(--accent-dim);
  box-shadow:0 2px 8px rgb(0 0 0 / .1);
  border-bottom:2.5px solid var(--accent)
}
.mode-link:hover:not(.is-on) {
  color:var(--ink-mid);
  background:rgb(0 0 0 / .02)
}
.mode-pill {
  padding:8px 24px;
  border-radius:var(--r-pill);
  font-size:13px;
  font-weight:600;
  border:1.5px solid rgb(255 255 255 / .14);
  color:rgb(255 255 255 / .6);
  background:rgb(255 255 255 / .1);
  backdrop-filter:blur(10px);
  transition:all 0.25s
}
.mode-pill.is-on {
  background:var(--white);
  border-color:var(--border);
  color:var(--ink);
  box-shadow:0 2px 12px rgb(0 0 0 / .1)
}
.wa {
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 13px;
  border-radius:var(--r-sm);
  background:#effef5;
  border:1.5px solid #bafcd0;
  cursor:pointer;
  transition:all 0.22s;
  text-decoration:none;
  color:inherit;
  margin-top:8px
}
.wa:hover {
  background:#dbfceb;
  border-color:var(--wa);
  transform:translateY(-1px);
  box-shadow:0 4px 14px rgb(34 197 94 / .14)
}
.wa__ico {
  width:34px;
  height:34px;
  border-radius:9px;
  background:var(--wa);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:17px;
  flex-shrink:0;
  box-shadow:0 2px 7px rgb(34 197 94 / .32)
}
.wa__copy {
  flex:1;
  min-width:0
}
.wa__copy b {
  display:block;
  font-size:12.5px;
  font-weight:700;
  color:var(--ink)
}
.wa__copy span {
  font-size:11px;
  color:var(--ink-soft)
}
.wa__arr {
  color:var(--ink-faint);
  font-size:12px
}
.wa--ghost {
  background:#fff0;
  border:1px solid var(--border-light);
  padding:10px 14px;
  border-radius:8px
}
.wa--ghost:hover {
  background:var(--bg-mid);
  border-color:var(--border);
  box-shadow:none
}
.wa--ghost .wa__ico {
  background:var(--bg-mid);
  box-shadow:none
}
.wa-link {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:12px;
  padding:8px 14px;
  background:var(--white);
  border:1px solid var(--border-light);
  border-radius:var(--r);
  font-size:12px;
  color:var(--ink-mid);
  text-decoration:none;
  transition:all 0.15s
}
.wa-link:hover {
  border-color:#22c55e;
  background:#f6fff6
}
.modal {
  position:fixed;
  inset:0;
  z-index:200;
  background:rgb(8 4 1 / .48);
  backdrop-filter:blur(5px);
  display:none;
  align-items:flex-end;
  justify-content:center;
  padding:16px
}
.modal.open {
  display:flex
}
.modal__sheet {
  width:100%;
  max-width:440px;
  background:rgb(252 248 242 / .95);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-radius:18px;
  padding:22px;
  animation:sheetUp 0.32s var(--ease-spring);
  max-height:88svh;
  overflow-y:auto;
  overscroll-behavior:contain;
  box-shadow:0 24px 56px rgb(8 4 1 / .22)
}
.modal__title {
  font-size:16px;
  font-weight:700;
  color:var(--ink)
}
.modal__sub {
  font-size:12px;
  color:var(--ink-soft);
  margin:2px 0 16px
}
.srv-list {
  display:flex;
  flex-direction:column;
  gap:6px
}
.srv-row {
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 13px;
  border:1.5px solid var(--border);
  border-radius:var(--r-sm);
  cursor:pointer;
  background:var(--bg);
  transition:all 0.2s;
  text-decoration:none;
  color:inherit
}
.srv-row:hover {
  border-color:var(--accent);
  background:var(--accent-tint)
}
.srv-row.is-on {
  border-color:var(--accent);
  background:rgb(200 150 62 / .06)
}
.srv-row__n {
  width:30px;
  height:30px;
  border-radius:8px;
  background:var(--bg-mid);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  color:var(--ink);
  flex-shrink:0
}
.srv-row.is-on .srv-row__n {
  background:var(--accent);
  color:#fff
}
.srv-row__info {
  flex:1;
  min-width:0
}
.srv-row__name {
  font-size:13px;
  font-weight:700;
  color:var(--ink)
}
.srv-row__meta {
  font-size:11px;
  color:var(--ink-soft);
  margin-top:1px
}
.srv-row__cnt {
  font-size:11px;
  color:var(--ink-faint);
  white-space:nowrap
}
.srv-d {
  width:8px;
  height:8px;
  border-radius:50%;
  flex-shrink:0
}
.srv-d.on {
  background:#22c55e;
  box-shadow:0 0 0 3px rgb(34 197 94 / .16)
}
.srv-d.off {
  background:var(--border)
}
.srv-row--off {
  opacity:.38;
  cursor:default;
  pointer-events:none
}
.modal__btn {
  width:100%;
  margin-top:12px;
  padding:11px;
  border-radius:var(--r-sm);
  background:var(--bg);
  border:1.5px solid var(--border);
  font-size:13px;
  font-weight:600;
  color:var(--ink-mid);
  transition:all 0.18s;
  cursor:pointer
}
.modal__btn:hover {
  border-color:var(--border);
  background:var(--bg-mid)
}
.srv-info {
  margin-top:16px;
  border:1px solid var(--border-light);
  border-radius:var(--r);
  overflow:hidden;
  background:var(--white)
}
.srv-info__title {
  background:var(--bg-mid);
  padding:7px 14px;
  font-size:12px;
  font-weight:700;
  color:var(--ink-mid);
  border-bottom:1px solid var(--border-light)
}
.srv-info__row {
  display:flex;
  justify-content:space-between;
  padding:6px 14px;
  font-size:12px;
  border-bottom:1px solid var(--bg-mid)
}
.srv-info__row:last-child {
  border-bottom:none
}
.srv-info__label {
  color:var(--ink-soft)
}
.srv-info__val {
  font-weight:700;
  color:var(--ink)
}
.card-stats {
  margin-top:0;
  padding:0;
  background:rgb(0 0 0 / .02);
  border:none;
  border-top:1px solid rgb(160 130 70 / .1);
  border-radius:0;
  overflow:hidden
}
.card-stats__title {
  font-size:0;
  padding:0;
  background:#fff0;
  border-bottom:none;
  display:none;
  height:0;
  overflow:hidden
}
.card-stats__title::before {
  display:none
}
.card-stats__grid {
  display:flex;
  flex-wrap:wrap;
  gap:0;
  padding:10px 40px
}
.card-stats__row {
  flex:1;
  min-width:33%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:8px 0;
  text-align:center;
  font-size:12px;
  border-bottom:none;
  background:#fff0
}
.card-stats__row:not(:last-child) {
  border-left:1px solid rgb(160 130 70 / .1);
  border-bottom:none
}
.card-stats__row:nth-child(even) {
  background:#fff0
}
.card-stats__label {
  color:#8a7e6a;
  font-weight:500;
  margin-top:2px;
  font-size:12px
}
.card-stats__val {
  color:#3a2e22;
  font-weight:800;
  font-size:14px;
  display:block
}
.stats-card {
  background:var(--white);
  border:1.5px solid var(--border);
  border-radius:var(--r);
  padding:16px 20px;
  box-shadow:0 3px 8px rgb(0 0 0 / .06)
}
.stats-card__title {
  font-size:13px;
  font-weight:700;
  color:var(--ink-mid);
  margin-bottom:10px
}
.stats-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px
}
.stat-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:6px 0;
  border-bottom:1px dashed var(--border);
  font-size:12px
}
.stat-row__label {
  color:var(--ink-soft)
}
.stat-row__value {
  color:var(--ink);
  font-weight:700
}
.game-over-card {
  background:var(--amber-tint);
  border:1.5px solid var(--amber-line);
  border-radius:var(--r);
  padding:16px 20px;
  text-align:center
}
.game-over-card p {
  font-size:16px;
  font-weight:700;
  color:var(--amber)
}
.success {
  padding:32px 22px;
  text-align:center
}
.success__ring {
  width:72px;
  height:72px;
  border-radius:50%;
  margin:0 auto 16px;
  background:rgb(200 150 62 / .1);
  border:3px solid #c8963e;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  color:#9a7028;
  box-shadow:0 0 0 8px rgb(200 150 62 / .08);
  animation:ringPop 0.55s var(--ease-spring) 0.1s both
}
.success__title {
  font-size:22px;
  font-weight:900;
  color:#1c1610;
  margin-bottom:6px
}
.success__sub {
  font-size:14px;
  color:#6a5e4e;
  line-height:1.7;
  margin-bottom:24px
}
.eu-overlay {
  position:fixed;
  inset:0;
  z-index:999;
  background:rgb(8 4 1 / .48);
  backdrop-filter:blur(5px);
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px
}
.eu-overlay.open {
  display:flex
}
.eu-modal {
  width:100%;
  max-width:420px;
  background:rgb(252 248 242 / .95);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-radius:18px;
  box-shadow:0 24px 56px rgb(8 4 1 / .22);
  overflow:hidden;
  animation:sheetUp 0.32s var(--ease-spring)
}
.eu-modal__head {
  padding:22px 24px 18px;
  background:linear-gradient(135deg,var(--accent-light),var(--accent-dim));
  color:#fff;
  text-align:center
}
.eu-modal__head h3 {
  font-size:18px;
  font-weight:700;
  margin-bottom:4px
}
.eu-modal__head p {
  font-size:12px;
  opacity:.85
}
.eu-modal__body {
  padding:20px 24px 24px
}
.eu-modal__close {
  position:absolute;
  top:12px;
  right:12px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgb(255 255 255 / .2);
  color:#fff;
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background 0.2s;
  border:none
}
.eu-modal__close:hover {
  background:rgb(255 255 255 / .35)
}
.otp-overlay {
  position:fixed;
  inset:0;
  z-index:1000;
  background:rgb(8 4 1 / .48);
  backdrop-filter:blur(5px);
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px
}
.otp-overlay.open {
  display:flex
}
.otp-modal {
  width:100%;
  max-width:380px;
  background:rgb(252 248 242 / .95);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-radius:18px;
  padding:24px;
  box-shadow:0 24px 56px rgb(8 4 1 / .22);
  animation:sheetUp 0.32s var(--ease-spring);
  text-align:right
}
.otp-modal__title {
  font-size:18px;
  font-weight:700;
  color:var(--ink);
  margin-bottom:4px
}
.otp-modal__sub {
  font-size:12px;
  color:var(--ink-soft);
  margin-bottom:16px;
  line-height:1.7
}
.otp-modal__close {
  position:absolute;
  top:14px;
  inset-inline-start:14px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:var(--bg-mid);
  color:var(--ink-faint);
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:all 0.2s;
  border:none
}
.otp-modal__close:hover {
  color:var(--ink)
}
.otp-input {
  width:100%;
  text-align:center;
  letter-spacing:6px;
  font-size:22px;
  direction:ltr
}
.reset-overlay {
  position:fixed;
  inset:0;
  z-index:999;
  background:rgb(8 4 1 / .48);
  backdrop-filter:blur(5px);
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px
}
.reset-overlay.open {
  display:flex
}
.reset-modal {
  width:100%;
  max-width:440px;
  background:rgb(252 248 242 / .95);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-radius:18px;
  box-shadow:0 24px 56px rgb(8 4 1 / .22);
  overflow-y:auto;
  max-height:calc(100svh - 32px);
  animation:sheetUp 0.32s var(--ease-spring)
}
.reset-modal__head {
  padding:22px 24px 18px;
  background:linear-gradient(135deg,var(--accent-light),var(--accent-dim));
  color:#fff;
  text-align:center;
  position:relative
}
.reset-modal__head h3 {
  font-size:18px;
  font-weight:700;
  margin-bottom:4px
}
.reset-modal__head p {
  font-size:12px;
  opacity:.85
}
.reset-modal__body {
  padding:20px 24px 24px
}
#resetStatus {
  overflow-wrap:break-word;
  word-break:break-word;
  transition:color 0.2s
}
#resetStatus.ok {
  color:var(--green-dark)
}
#resetStatus.err {
  color:var(--red)
}
.reset-tabs {
  display:flex;
  gap:3px;
  padding:3px;
  background:rgb(255 255 255 / .15);
  border-radius:8px;
  margin-top:12px
}
.reset-tab {
  flex:1;
  padding:8px 6px;
  border-radius:6px;
  border:none;
  background:#fff0;
  font-size:12px;
  font-weight:600;
  color:rgb(255 255 255 / .6);
  cursor:pointer;
  font-family:inherit;
  transition:all 0.2s
}
.reset-tab.is-on {
  background:#fff;
  color:var(--accent-dim)
}
.reset-step {
  display:none
}
.reset-step.show {
  display:block
}
.reset-status {
  margin-top:10px;
  min-height:18px;
  font-size:12px;
  font-weight:600;
  text-align:center
}
.newest-world {
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 14px;
  background:var(--accent-tint);
  border:1.5px solid rgb(200 150 62 / .35);
  border-radius:var(--r-sm);
  color:var(--ink-mid);
  font-size:12px;
  transition:all 0.22s
}
.newest-world:hover {
  background:rgb(200 150 62 / .14);
  border-color:rgb(200 150 62 / .5);
  transform:translateY(-1px);
  box-shadow:0 4px 14px rgb(200 150 62 / .14)
}
.newest-world__badge {
  padding:3px 10px;
  background:linear-gradient(135deg,var(--accent-light),var(--accent-dim));
  color:#fff;
  border-radius:var(--r-pill);
  font-size:10px;
  font-weight:800;
  box-shadow:0 2px 6px rgb(200 150 62 / .32);
  white-space:nowrap
}
.newest-world__text {
  flex:1;
  font-weight:700;
  color:var(--ink-mid)
}
.newest-world__date {
  font-size:10px;
  color:var(--ink-faint)
}
.forgot-link {
  display:inline-block;
  text-align:start;
  margin-top:8px;
  font-size:13px;
  font-weight:700;
  color:#c8963e;
  cursor:pointer;
  transition:color 0.2s;
  background:none;
  border:none;
  padding:4px 0;
  font-family:inherit;
  text-decoration:none;
  min-height:32px;
  line-height:24px
}
.forgot-link:hover {
  color:var(--accent-light);
  text-decoration:underline
}
.forgot {
  display:inline-block;
  margin-top:8px;
  font-size:13px;
  color:#c8963e;
  font-weight:700;
  text-decoration:none
}
.forgot:hover {
  text-decoration:underline
}
.turnstile-wrap {
  margin:14px 0 18px;
  padding:14px;
  background:var(--bg);
  border:1.5px solid var(--border);
  border-radius:var(--r-sm);
  display:flex;
  justify-content:center
}
.password-reset-form .password-requirements {
  margin-bottom:16px;
  padding:14px;
  background:var(--bg-mid);
  border:1px solid var(--border);
  border-radius:var(--r-sm)
}
.password-reset-form .password-requirements h3 {
  font-size:14px;
  color:var(--ink);
  margin-bottom:10px
}
.password-reset-form .password-requirements li {
  list-style:none;
  margin:8px 0;
  font-size:13px;
  color:var(--red);
  transition:color 0.3s
}
.password-reset-form .password-requirements li.passed {
  color:var(--green)
}
.password-strength-meter {
  width:100%;
  height:4px;
  background:var(--bg-mid);
  margin-top:5px;
  border-radius:2px;
  overflow:hidden
}
.strength-bar {
  height:100%;
  width:0;
  transition:all 0.3s
}
.strength-bar.weak {
  background:var(--red);
  width:33%
}
.strength-bar.medium {
  background:var(--amber);
  width:66%
}
.strength-bar.strong {
  background:var(--green);
  width:100%
}
.strength-text {
  display:block;
  font-size:11px;
  margin-top:5px;
  text-align:right;
  color:var(--ink-faint)
}
.note {
  background:var(--amber-tint);
  border:1px solid var(--amber-line);
  color:var(--ink-soft);
  padding:12px 16px;
  border-radius:var(--r-sm);
  font-size:13px;
  line-height:1.65;
  margin-bottom:14px;
  text-align:right
}
.note::before {
  content:"\26A0\FE0F ";
  font-size:14px
}
.error-container {
  width:100%;
  margin:10px 0;
  padding:12px 14px;
  border:1.5px solid var(--red-line);
  border-radius:var(--r-sm);
  background:var(--red-tint);
  display:none;
  animation:alertIn 0.22s var(--ease-out)
}
.error-container.show {
  display:block
}
.error-message {
  color:#7a1a1a;
  text-align:center;
  font-size:13.5px;
  font-weight:700;
  line-height:1.6;
  margin:0
}
.loader-overlay {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgb(243 244 238 / .92);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  z-index:100;
  border-radius:var(--r)
}
.loader2 {
  width:36px;
  height:36px;
  border:3.5px solid var(--border);
  border-top-color:var(--accent);
  border-radius:50%;
  animation:spin 0.7s linear infinite
}
.unique-err-card {
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 14px;
  border-radius:var(--r-sm);
  background:var(--white);
  border:1.5px solid var(--border);
  border-inline-start:4px solid var(--accent);
  margin-bottom:14px;
  box-shadow:0 2px 8px rgb(0 0 0 / .06);
  animation:alertIn 0.22s var(--ease-out)
}
.err-icon {
  width:32px;
  height:32px;
  border-radius:50%;
  background:var(--accent-tint);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  flex-shrink:0
}
.err-content {
  flex:1;
  min-width:0
}
.err-main-text {
  color:var(--ink);
  font-weight:700;
  font-size:13px;
  margin:0 0 3px
}
.err-login-btn {
  color:var(--accent);
  font-weight:700;
  font-size:12px;
  cursor:pointer;
  border-bottom:1px solid #fff0;
  transition:border-color 0.2s
}
.err-login-btn:hover {
  border-bottom-color:var(--accent)
}
.foot-cta {
  text-align:center;
  margin-top:14px;
  padding:14px 24px;
  font-size:14px;
  color:rgb(255 255 255 / .8);
  line-height:1.7;
  max-width:640px;
  margin-inline:auto;
  background:rgb(30 24 16 / .7);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-radius:12px;
  border:1px solid rgb(200 150 62 / .15);
  width:100%
}
.foot-cta a {
  color:var(--accent-light);
  font-weight:800;
  text-decoration:none;
  transition:color 0.2s
}
.foot-cta a:hover {
  color:#fff;
  text-decoration:underline
}
.logout-ok {
  text-align:center;
  padding:20px 0 8px
}
.logout-ok__icon {
  width:72px;
  height:72px;
  margin:0 auto 16px;
  background:rgb(200 150 62 / .1);
  border:3px solid #c8963e;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  color:#9a7028;
  box-shadow:0 0 0 8px rgb(200 150 62 / .08);
  animation:ringPop 0.55s var(--ease-spring) 0.1s both
}
.logout-ok h1 {
  font-size:22px;
  font-weight:900;
  color:#1c1610;
  margin-bottom:6px
}
.logout-ok .btns {
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:18px;
  max-width:320px;
  margin-left:auto;
  margin-right:auto
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
@keyframes fadeUp {
  from {
    opacity:0;
    transform:translateY(10px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
@keyframes fadeDown {
  from {
    opacity:0;
    transform:translateY(-8px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
@keyframes cardRise {
  from {
    opacity:0;
    transform:translateY(20px) scale(.985)
  }
  to {
    opacity:1;
    transform:translateY(0) scale(1)
  }
}
@keyframes stepIn {
  from {
    opacity:0;
    transform:translateX(-8px)
  }
  to {
    opacity:1;
    transform:translateX(0)
  }
}
@keyframes alertIn {
  from {
    opacity:0;
    transform:translateY(-4px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
@keyframes sheetUp {
  from {
    opacity:0;
    transform:translateY(18px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
@keyframes sheetSlide {
  from {
    opacity:0;
    transform:translateX(20px)
  }
  to {
    opacity:1;
    transform:translateX(0)
  }
}
@keyframes ringPop {
  from {
    transform:scale(.35);
    opacity:0
  }
  to {
    transform:scale(1);
    opacity:1
  }
}
@keyframes spin {
  to {
    transform:rotate(360deg)
  }
}
@media (max-width:720px) {
  .page {
    padding:20px 12px
  }
  .nav a {
    font-size:14px;
    padding:15px 8px
  }
  body {
    background-attachment:scroll
  }
}
@media (max-width:540px) {
  .page {
    max-width:100%;
    padding:12px 8px;
    justify-content:flex-start
  }
  .content,
  .nav,
  .card {
    max-width:100%
  }
  .nav {
    border-radius:16px 16px 0 0;
    margin-top:-9%
  }
  .nav~.content .card {
    border-radius:0 0 16px 16px
  }
  .card-bd {
    padding:20px 24px 24px
  }
  .card-hd--simple {
    padding:16px 24px 14px
  }
  .card-ft--cta {
    padding:12px 24px 16px
  }
  .card-stats__grid {
    padding:10px 24px
  }
  .card-stats__row {
    min-width:50%
  }
  .stats-grid {
    grid-template-columns:1fr
  }
  .tribe-grid {
    gap:6px
  }
  .nav a {
    font-size:13px;
    padding:14px 6px
  }
  .step-name {
    font-size:20px
  }
  .srv-pill {
    font-size:11px;
    padding:6px 12px
  }
}
@media (max-width:440px) {
  .card-bd,
  .card-hd--simple {
    padding-inline:18px
  }
  .card-stats__grid {
    padding-inline:18px
  }
  .pw-rules {
    grid-template-columns:1fr
  }
}
html[data-theme="dark"] {
  --ink:#e8e0d6;
  --ink-mid:#c8b8a8;
  --ink-soft:#9a8a7a;
  --ink-faint:#6a5a4a;
  --bg:#1a1510;
  --bg-mid:#141008;
  --bg-dark:#0a0806;
  --white:rgba(26, 21, 16, 0.92);
  --border:#2a2218;
  --border-light:#3a3028;
  --cream:rgba(26, 21, 16, 0.92);
  --cream-mid:#141008;
  --cream-dark:#201a12;
  --line:#2a2218;
  --line-strong:#3a3028;
  --accent:#c8963e;
  --accent-light:#e0ae55;
  --accent-dim:#9a7028;
  --accent-tint:rgba(200, 150, 62, 0.08);
  --accent-glow:rgba(200, 150, 62, 0.15);
  --gold:#c8963e;
  --gold-light:#e0ae55;
  --gold-dim:#9a7028;
  --gold-tint:rgba(200, 150, 62, 0.08);
  --gold-glow:rgba(200, 150, 62, 0.15);
  --green-tint:#152a1a;
  --green-line:#204a30;
  --red-tint:#2a1515;
  --red-line:#4a2020;
  --amber-tint:#2a2010;
  --amber-line:#4a3518;
  --sky-tint:#151a2a;
  --sky-line:#20304a;
  --sky-text:#8aa0d0
}
html[data-theme="dark"] body::before {
  background:radial-gradient(ellipse at center 40%,rgb(5 3 1 / .55) 0%,rgb(5 3 1 / .85) 100%)
}
html[data-theme="dark"] .card {
  background:rgb(26 21 16 / .88);
  box-shadow:0 0 0 1px rgb(255 255 255 / .04) inset,0 30px 80px rgb(0 0 0 / .6),0 4px 16px rgb(0 0 0 / .3)
}
html[data-theme="dark"] .nav {
  background:rgb(255 255 255 / .04);
  border-bottom-color:rgb(180 150 90 / .08)
}
html[data-theme="dark"] .nav a {
  color:rgb(200 180 150 / .3)
}
html[data-theme="dark"] .nav a:hover {
  color:rgb(200 180 150 / .5)
}
html[data-theme="dark"] .nav a.on,
html[data-theme="dark"] .nav a.is-on {
  color:var(--ink);
  background:rgb(255 255 255 / .06)
}
html[data-theme="dark"] .fi {
  background:rgb(30 25 18 / .6);
  border-color:rgb(140 115 70 / .15);
  color:var(--ink)
}
html[data-theme="dark"] .fi::placeholder {
  color:var(--ink-faint)
}
html[data-theme="dark"] .fi:focus {
  background:rgb(40 32 22 / .8);
  border-color:#c8963e;
  box-shadow:inset 0 2px 4px rgb(0 0 0 / .1),0 0 0 4px rgb(200 150 62 / .15)
}
html[data-theme="dark"] .ct-toggle {
  background:rgb(255 255 255 / .04);
  border-color:rgb(140 115 70 / .08)
}
html[data-theme="dark"] .ct-opt.is-on,
html[data-theme="dark"] .ct-opt.on {
  background:rgb(255 255 255 / .08);
  color:var(--accent-light)
}
html[data-theme="dark"] .pw-rules {
  background:rgb(140 115 70 / .04);
  border-color:rgb(140 115 70 / .08)
}
html[data-theme="dark"] .pw-rule {
  color:var(--ink-soft)
}
html[data-theme="dark"] .pw-rule__dot {
  background:rgb(140 115 70 / .08);
  border-color:rgb(140 115 70 / .12)
}
html[data-theme="dark"] .card-stats {
  background:rgb(255 255 255 / .02);
  border-top-color:rgb(180 150 90 / .08)
}
html[data-theme="dark"] .card-stats__row:not(:last-child) {
  border-left-color:rgb(180 150 90 / .08)
}
html[data-theme="dark"] .card-stats__val {
  color:var(--ink)
}
html[data-theme="dark"] .card-stats__label {
  color:var(--ink-faint)
}
html[data-theme="dark"] .card-ft--cta {
  border-top-color:rgb(180 150 90 / .06)
}
html[data-theme="dark"] .card-ft--cta a {
  color:var(--ink-soft)
}
html[data-theme="dark"] .card-ft--cta a:hover {
  color:var(--accent)
}
html[data-theme="dark"] .foot-cta {
  background:rgb(0 0 0 / .5);
  border-color:rgb(255 255 255 / .04);
  color:rgb(255 255 255 / .5)
}
html[data-theme="dark"] .srv-pill {
  background:rgb(200 150 62 / .08);
  border-color:rgb(200 150 62 / .2);
  color:var(--accent-light)
}
html[data-theme="dark"] .step-name {
  color:var(--ink)
}
html[data-theme="dark"] .fg__lbl,
html[data-theme="dark"] .fg__lbl-txt {
  color:var(--ink)
}
html[data-theme="dark"] .forgot-link,
html[data-theme="dark"] .forgot {
  color:var(--accent-light)
}
html[data-theme="dark"] .wa {
  background:#0f1f10;
  border-color:#1a3a1a
}
html[data-theme="dark"] .wa:hover {
  background:#152a15;
  border-color:#2a4a2a
}
html[data-theme="dark"] .wa__copy b {
  color:var(--ink)
}
html[data-theme="dark"] .eu-modal,
html[data-theme="dark"] .otp-modal,
html[data-theme="dark"] .reset-modal,
html[data-theme="dark"] .modal__sheet {
  background:var(--cream);
  box-shadow:0 24px 56px rgb(0 0 0 / .5)
}
html[data-theme="dark"] .stats-card {
  background:var(--cream)
}
html[data-theme="dark"] .loader-overlay {
  background:rgb(26 21 16 / .92)
}
html[data-theme="dark"] .unique-err-card {
  background:var(--cream-dark);
  border-color:var(--line);
  border-inline-start-color:var(--accent)
}
html[data-theme="dark"] .minimap {
  background:linear-gradient(135deg,#2a2520 0%,#222018 50%,#1a1810 100%)
}
html[data-theme="dark"] .minimap::before {
  background:linear-gradient(rgb(255 255 255 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .04) 1px,transparent 1px);
  background-size:28px 28px;
  background-position:center center
}
html[data-theme="dark"] .minimap__cross-h,
html[data-theme="dark"] .minimap__cross-v {
  background:rgb(200 190 170 / .12)
}
html[data-theme="dark"] .minimap__axis {
  color:rgb(200 190 170 / .25)
}
html[data-theme="dark"] .mq__name {
  color:rgb(200 190 170 / .3)
}
html[data-theme="dark"] .mq__coords {
  color:rgb(200 190 170 / .2)
}
html[data-theme="dark"] .mq:hover {
  background:rgb(200 150 62 / .06);
  border-color:rgb(200 150 62 / .15)
}
html[data-theme="dark"] .logout-ok__icon {
  background:rgb(200 150 62 / .12);
  border-color:var(--accent-dim);
  color:var(--accent)
}
html[data-theme="dark"] .logout-ok h1 {
  color:var(--ink)
}
html[data-theme="dark"] .success__title {
  color:var(--ink)
}
html[data-theme="dark"] .success__ring {
  background:rgb(200 150 62 / .12);
  border-color:var(--accent-dim);
  color:var(--accent)
}
html[data-theme="dark"] .phone-row {
  background:rgb(30 25 18 / .6);
  border-color:rgb(140 115 70 / .15)
}
html[data-theme="dark"] .phone-row:focus-within {
  background:rgb(40 32 22 / .8);
  border-color:#c8963e
}
html[data-theme="dark"] .phone-row__prefix {
  background:rgb(255 255 255 / .04);
  border-left-color:rgb(140 115 70 / .1)
}
html[data-theme="dark"] .btn--ghost {
  color:var(--ink-soft);
  border-color:rgb(140 115 70 / .12)
}
html[data-theme="dark"] .btn--ghost:hover {
  border-color:rgb(140 115 70 / .2);
  background:rgb(255 255 255 / .03)
}
html[data-theme="dark"] .otpVerifiedBadge,
html[data-theme="dark"] #otpVerifiedBadge {
  background:rgb(200 150 62 / .12)!important;
  border-color:var(--accent-dim)!important;
  color:var(--accent)!important
}
body.auth-body,
html[data-theme="dark"] body.auth-body {
  color:#2b241d;
  background:#fff;
  background-attachment:scroll
}
body.auth-body::before,
html[data-theme="dark"] body.auth-body::before {
  display:none
}
body.auth-body .auth-topbar {
  background:url(../default/img/vip/header-line.webp) repeat-x;
  position:relative;
  z-index:4;
  width:100%;
  min-width:100%;
  background:none repeat-x
}
body.auth-body .auth-topbar__scene {
  background:url(../default/img/vip/header-rtl.png) center top no-repeat;
  height:152px;
  display:block;
  width:100%;
  min-width:100%;
  background:none center no-repeat;
  background-size:auto auto
}
body.auth-body .page {
  max-width:820px;
  padding:0 20px 36px;
  justify-content:flex-start
}
body.auth-body .auth-logo {
  display:none
}
body.auth-body .auth-logo img,
html[data-theme="dark"] body.auth-body .auth-logo img {
  filter:none;
  transform:none
}
body.auth-body .auth-logo img:hover {
  transform:none
}
body.auth-body .nav,
html[data-theme="dark"] body.auth-body .nav {
  max-width:700px;
  margin-top:0;
  background:linear-gradient(180deg,rgb(255 255 255 / .8),rgb(240 236 228 / .92)),url(../default/img/a/navi.gif) repeat-x center top;
  border:1px solid #d5c9b4;
  border-top:none;
  border-radius:0 0 10px 10px;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .92),0 1px 3px rgb(80 60 35 / .06);
  backdrop-filter:none;
  -webkit-backdrop-filter:none
}
body.auth-body .nav+.content .card,
body.auth-body .nav~.content .card {
  margin-top:18px;
  border-top:1px solid #d5c9b4;
  border-radius:14px
}
body.auth-body .nav a,
html[data-theme="dark"] body.auth-body .nav a {
  color:#413629;
  font-size:14px;
  font-weight:700;
  border-bottom:1px solid #fff0
}
body.auth-body .nav a:hover,
html[data-theme="dark"] body.auth-body .nav a:hover {
  color:#556f24;
  background:rgb(255 255 255 / .38)
}
body.auth-body .nav a.on,
body.auth-body .nav a.is-on,
html[data-theme="dark"] body.auth-body .nav a.on,
html[data-theme="dark"] body.auth-body .nav a.is-on {
  color:#2d251d;
  background:rgb(255 255 255 / .5);
  border-bottom-color:#6f8f2f
}
body.auth-body .content {
  max-width:700px
}
body.auth-body .card,
body.auth-body .form-card,
html[data-theme="dark"] body.auth-body .card,
html[data-theme="dark"] body.auth-body .form-card {
  background:#fffdfa;
  border:1px solid #d5c9b4;
  border-radius:14px;
  box-shadow:0 8px 28px rgb(92 76 52 / .08),0 1px 0 rgb(255 255 255 / .95) inset;
  backdrop-filter:none;
  -webkit-backdrop-filter:none
}
body.auth-body .card-hd,
body.auth-body .card-hd--simple {
  padding:18px 32px 16px;
  border-bottom:1px solid #ece4d4;
  background:linear-gradient(180deg,rgb(247 243 235 / .95),rgb(255 253 248 / .98));
  position:relative
}
body.auth-body .card-hd::before,
body.auth-body .card-hd--simple::before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,#8aa64b,#b28a45 55%,#8aa64b)
}
body.auth-body .card-bd {
  padding:22px 32px 26px
}
body.auth-body .card-ft,
body.auth-body .card-ft--cta {
  border-top:1px solid #ece4d4;
  color:#6f6251
}
body.auth-body .card-ft a,
body.auth-body .card-ft--cta a {
  color:#6f8f2f
}
body.auth-body .brand-icon,
body.auth-body .srv-pill,
body.auth-body .step-count,
html[data-theme="dark"] body.auth-body .brand-icon,
html[data-theme="dark"] body.auth-body .srv-pill,
html[data-theme="dark"] body.auth-body .step-count {
  background:#f7f2e7;
  color:#6a552f;
  border:1px solid #d8c7a7;
  box-shadow:none
}
body.auth-body .brand-name,
body.auth-body .step-name,
body.auth-body .fg__lbl,
body.auth-body .fg__lbl-txt,
html[data-theme="dark"] body.auth-body .brand-name,
html[data-theme="dark"] body.auth-body .step-name,
html[data-theme="dark"] body.auth-body .fg__lbl,
html[data-theme="dark"] body.auth-body .fg__lbl-txt {
  color:#2d251d
}
body.auth-body .brand-sub,
body.auth-body .card-hd__sub,
body.auth-body .step-label,
html[data-theme="dark"] body.auth-body .brand-sub,
html[data-theme="dark"] body.auth-body .card-hd__sub,
html[data-theme="dark"] body.auth-body .step-label {
  color:#7b6d5b
}
body.auth-body .prog__seg,
body.auth-body .step-seg {
  height:8px;
  background:#ebe2d2
}
body.auth-body .prog__seg.done,
body.auth-body .step-seg.done {
  background:#b89a66
}
body.auth-body .prog__seg.now,
body.auth-body .step-seg.now {
  background:linear-gradient(90deg,#92ad4d,#c0a061);
  box-shadow:none
}
body.auth-body .fi,
body.auth-body .phone-row,
body.auth-body .turnstile-wrap,
html[data-theme="dark"] body.auth-body .fi,
html[data-theme="dark"] body.auth-body .phone-row,
html[data-theme="dark"] body.auth-body .turnstile-wrap {
  background:#fff;
  border:1px solid #d9cfbf;
  box-shadow:inset 0 1px 2px rgb(60 40 20 / .04)
}
body.auth-body .fi,
body.auth-body .phone-row__input {
  color:#241d16
}
body.auth-body .fi::placeholder,
body.auth-body .phone-row__input::placeholder {
  color:#a09281
}
body.auth-body .fi:focus,
body.auth-body .phone-row:focus-within,
html[data-theme="dark"] body.auth-body .fi:focus,
html[data-theme="dark"] body.auth-body .phone-row:focus-within {
  background:#fff;
  border-color:#7da03a;
  box-shadow:0 0 0 3px rgb(125 160 58 / .12)
}
body.auth-body .phone-row__prefix,
html[data-theme="dark"] body.auth-body .phone-row__prefix {
  background:#f8f3eb;
  border-left:1px solid #d9cfbf;
  color:#665947
}
body.auth-body .fi-ico__btn,
body.auth-body .fi-eye,
html[data-theme="dark"] body.auth-body .fi-ico__btn,
html[data-theme="dark"] body.auth-body .fi-eye {
  color:#8c7b65
}
body.auth-body .fi-ico__btn:hover,
body.auth-body .fi-eye:hover {
  color:#6f8f2f
}
body.auth-body .ct-toggle,
html[data-theme="dark"] body.auth-body .ct-toggle {
  background:#f4eee3;
  border:1px solid #dfd4c2
}
body.auth-body .ct-opt,
html[data-theme="dark"] body.auth-body .ct-opt {
  color:#7b6d5b
}
body.auth-body .ct-opt.is-on,
body.auth-body .ct-opt.on,
html[data-theme="dark"] body.auth-body .ct-opt.is-on,
html[data-theme="dark"] body.auth-body .ct-opt.on {
  color:#2d251d;
  background:#fff;
  box-shadow:inset 0 0 0 1px #d9cfbf
}
body.auth-body .pw-rules,
body.auth-body .password-reset-form .password-requirements,
body.auth-body .note,
html[data-theme="dark"] body.auth-body .pw-rules,
html[data-theme="dark"] body.auth-body .password-reset-form .password-requirements,
html[data-theme="dark"] body.auth-body .note {
  background:#f8f4ec;
  border-color:#e5dccd
}
body.auth-body .pw-rule,
html[data-theme="dark"] body.auth-body .pw-rule {
  color:#5c4f3e
}
body.auth-body .pw-rule__dot,
html[data-theme="dark"] body.auth-body .pw-rule__dot {
  background:#efe6d5;
  border-color:#d8ccb6
}
body.auth-body .alert--info {
  background:#f5f8ff;
  border-color:#d7e0f4;
  color:#34548d
}
body.auth-body .tc,
body.auth-body .sp,
body.auth-body .minimap__random,
body.auth-body .stats-card,
body.auth-body .srv-info,
html[data-theme="dark"] body.auth-body .tc,
html[data-theme="dark"] body.auth-body .sp,
html[data-theme="dark"] body.auth-body .minimap__random,
html[data-theme="dark"] body.auth-body .stats-card,
html[data-theme="dark"] body.auth-body .srv-info {
  background:#fff;
  border-color:#ddd1be;
  box-shadow:none
}
body.auth-body .tc::after {
  height:3px;
  background:linear-gradient(90deg,#8aa64b,#b28a45)
}
body.auth-body .tc:hover,
body.auth-body .sp:hover,
body.auth-body .minimap__random:hover {
  border-color:#8aa64b;
  background:#fcfaf4;
  transform:none;
  box-shadow:none
}
body.auth-body .tc.is-on,
body.auth-body .tc.on,
body.auth-body .sp.is-on,
body.auth-body .sp.on,
body.auth-body .minimap__random.is-on,
body.auth-body .minimap__random.on {
  background:#f7f3e9;
  border-color:#8aa64b;
  box-shadow:inset 0 0 0 1px rgb(138 166 75 / .18)
}
body.auth-body .tc__chk,
body.auth-body .minimap__center,
html[data-theme="dark"] body.auth-body .tc__chk,
html[data-theme="dark"] body.auth-body .minimap__center {
  background:#6f8f2f;
  border-color:#57711f;
  color:#fff;
  box-shadow:none
}
body.auth-body .tc__tag,
body.auth-body .minimap__random-text b,
body.auth-body .mq.is-on .mq__name,
body.auth-body .mq.on .mq__name,
body.auth-body .srv-pill,
body.auth-body .forgot-link,
body.auth-body .forgot,
body.auth-body .card-ft a,
html[data-theme="dark"] body.auth-body .tc__tag,
html[data-theme="dark"] body.auth-body .minimap__random-text b,
html[data-theme="dark"] body.auth-body .mq.is-on .mq__name,
html[data-theme="dark"] body.auth-body .mq.on .mq__name,
html[data-theme="dark"] body.auth-body .forgot-link,
html[data-theme="dark"] body.auth-body .forgot {
  color:#6f8f2f
}
body.auth-body .tribe-info,
body.auth-body .newest-world,
html[data-theme="dark"] body.auth-body .tribe-info,
html[data-theme="dark"] body.auth-body .newest-world {
  background:#f7f4eb;
  border-color:#e3d8c4;
  color:#4c4134
}
body.auth-body .newest-world__badge {
  background:#b28a45;
  box-shadow:none
}
body.auth-body .minimap,
html[data-theme="dark"] body.auth-body .minimap {
  background:linear-gradient(135deg,#f5f1e7 0%,#ece3d2 100%);
  border-color:#d4c7b3
}
body.auth-body .minimap::before,
html[data-theme="dark"] body.auth-body .minimap::before {
  background:linear-gradient(rgb(114 92 61 / .05) 1px,transparent 1px),linear-gradient(90deg,rgb(114 92 61 / .05) 1px,transparent 1px);
  background-size:28px 28px;
  background-position:center center
}
body.auth-body .minimap__cross-h,
body.auth-body .minimap__cross-v {
  background:rgb(108 91 67 / .18)
}
body.auth-body .mq:hover {
  background:rgb(138 166 75 / .08);
  border-color:rgb(138 166 75 / .2)
}
body.auth-body .mq.is-on,
body.auth-body .mq.on {
  background:rgb(138 166 75 / .11);
  border-color:#8aa64b
}
body.auth-body .btn,
body.auth-body .modal__btn {
  border-radius:10px
}
body.auth-body .btn::after {
  display:none
}
body.auth-body .btn--gold,
body.auth-body .btn--green,
html[data-theme="dark"] body.auth-body .btn--gold,
html[data-theme="dark"] body.auth-body .btn--green {
  background:linear-gradient(180deg,#8fb24a 0%,#779a39 55%,#66842f 100%);
  border:1px solid #5f792c;
  color:#fff;
  text-shadow:none;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .25),0 3px 10px rgb(111 143 47 / .18);
  font-size:16px;
  font-weight:800
}
body.auth-body .btn--gold:hover,
body.auth-body .btn--green:hover {
  background:linear-gradient(180deg,#98bc51 0%,#7fa640 55%,#6d8e34 100%);
  transform:none;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .28),0 4px 12px rgb(111 143 47 / .2)
}
body.auth-body .btn--gold:active,
body.auth-body .btn--green:active {
  transform:none;
  background:linear-gradient(180deg,#789c3b 0%,#6c8e33 100%)
}
body.auth-body .btn--ghost,
html[data-theme="dark"] body.auth-body .btn--ghost {
  background:#fff;
  color:#685b48;
  border:1px solid #d8ccb8
}
body.auth-body .btn--ghost:hover {
  background:#faf6ee;
  border-color:#c9bca6
}
body.auth-body .modal,
body.auth-body .eu-overlay,
body.auth-body .otp-overlay,
body.auth-body .reset-overlay {
  background:rgb(53 40 24 / .26);
  backdrop-filter:blur(2px)
}
body.auth-body .modal__sheet,
body.auth-body .eu-modal,
body.auth-body .otp-modal,
body.auth-body .reset-modal,
html[data-theme="dark"] body.auth-body .modal__sheet,
html[data-theme="dark"] body.auth-body .eu-modal,
html[data-theme="dark"] body.auth-body .otp-modal,
html[data-theme="dark"] body.auth-body .reset-modal {
  background:#fffdf9;
  border:1px solid #dacfbf;
  border-radius:14px;
  box-shadow:0 18px 42px rgb(56 40 20 / .16);
  backdrop-filter:none;
  -webkit-backdrop-filter:none
}
body.auth-body .eu-modal__head,
body.auth-body .reset-modal__head,
html[data-theme="dark"] body.auth-body .eu-modal__head,
html[data-theme="dark"] body.auth-body .reset-modal__head {
  background:linear-gradient(180deg,#f4efe4 0%,#ece2d1 100%);
  color:#2d251d;
  border-bottom:1px solid #e6dccd
}
body.auth-body .reset-tabs {
  background:#f4eee3
}
body.auth-body .reset-tab {
  color:#7d705e
}
body.auth-body .reset-tab.is-on {
  background:#fff;
  color:#6f8f2f
}
body.auth-body .reset-modal__close,
html[data-theme="dark"] body.auth-body .reset-modal__close {
  position:absolute;
  top:12px;
  right:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d2c4b0;
  border-radius:999px;
  background:linear-gradient(180deg,#fffdfa 0%,#efe4d2 100%);
  color:#6c5a45;
  font-size:16px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 2px 6px rgb(77 60 35 / .12);
  transition:background 0.18s ease,color 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease
}
body.auth-body .reset-modal__close:hover,
body.auth-body .reset-modal__close:focus-visible {
  background:linear-gradient(180deg,#fff 0%,#f4ead8 100%);
  color:#4f4334;
  border-color:#c3b394;
  box-shadow:0 4px 10px rgb(77 60 35 / .16);
  outline:none
}
body.auth-body .foot-cta,
html[data-theme="dark"] body.auth-body .foot-cta {
  background:#f7f3ea;
  color:#5c5145;
  border:1px solid #dfd4c3;
  backdrop-filter:none;
  -webkit-backdrop-filter:none
}
body.auth-body .foot-cta a,
html[data-theme="dark"] body.auth-body .foot-cta a {
  color:#6f8f2f
}
body.auth-body .logout-ok,
body.auth-body .success {
  padding:6px 0 4px
}
body.auth-body .logout-ok__icon,
body.auth-body .success__ring,
html[data-theme="dark"] body.auth-body .logout-ok__icon,
html[data-theme="dark"] body.auth-body .success__ring {
  background:#eef6df;
  border:2px solid #8aa64b;
  color:#5f7b27;
  box-shadow:0 0 0 6px rgb(138 166 75 / .08)
}
body.auth-body .logout-ok h1,
body.auth-body .success__title,
html[data-theme="dark"] body.auth-body .logout-ok h1,
html[data-theme="dark"] body.auth-body .success__title {
  color:#2d251d
}
body.auth-body .logout-ok p,
body.auth-body .success__sub {
  color:#6f6251
}
body.auth-body .loader-overlay,
html[data-theme="dark"] body.auth-body .loader-overlay {
  background:rgb(255 253 248 / .92)
}
body.auth-body .loader2 {
  border-color:#d9cfbf;
  border-top-color:#6f8f2f
}
@media (max-width:540px) {
  body.auth-body .page {
    padding:0 8px 24px
  }
  body.auth-body .auth-topbar__scene {
  background:url(../default/img/vip/header-rtl.png) center top no-repeat;
    height:152px
  }
  body.auth-body .nav {
    margin-top:0;
    border-radius:0 0 8px 8px
  }
  body.auth-body .nav~.content .card {
    border-radius:12px
  }
  body.auth-body .card-bd,
  body.auth-body .card-hd,
  body.auth-body .card-hd--simple,
  body.auth-body .card-ft,
  body.auth-body .card-ft--cta,
  body.auth-body .card-stats__grid {
    padding-left:18px;
    padding-right:18px
  }
}
body.auth-body .auth-topbar__scene {
  background:url(../default/img/vip/header-rtl.png) center top no-repeat;
  position:relative;
  overflow:hidden
}
body.auth-body .auth-topbar__scene::after {
  display:none
}
body.auth-body .auth-topbar .auth-topnav,
html[data-theme="dark"] body.auth-body .auth-topbar .auth-topnav {
  position:absolute;
  left:50%;
  bottom:14px;
  z-index:3;
  transform:translateX(-50%);
  display:inline-flex;
  justify-content:center;
  width:100%;
  margin:0;
  background:#fff0;
  border:0;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  overflow:hidden
}
body.auth-body .auth-topbar .auth-topnav a,
html[data-theme="dark"] body.auth-body .auth-topbar .auth-topnav a {
  position:relative;
  flex:1 1 0%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  height:28px;
  padding:0 12px;
  color:#352d24;
  font-size:16px;
  font-weight:700;
  line-height:1;
  border:0;
  background:#fff0;
  text-shadow:0 1px 0 rgb(255 255 255 / .75)
}
body.auth-body .auth-topbar .auth-topnav a+a {
  border-inline-start:1px solid rgb(150 150 150 / .34)
}
body.auth-body .auth-topbar .auth-topnav a::after {
  content:"";
  position:absolute;
  right:10px;
  bottom:0;
  left:10px;
  height:2px;
  background:#fff0
}
body.auth-body .auth-topbar .auth-topnav a:hover,
html[data-theme="dark"] body.auth-body .auth-topbar .auth-topnav a:hover {
  color:#4e6820;
  background:rgb(255 255 255 / .18)
}
body.auth-body .auth-topbar .auth-topnav a.is-on,
body.auth-body .auth-topbar .auth-topnav a.on,
html[data-theme="dark"] body.auth-body .auth-topbar .auth-topnav a.is-on,
html[data-theme="dark"] body.auth-body .auth-topbar .auth-topnav a.on {
  color:#231d16;
  background:rgb(255 255 255 / .14);
  box-shadow:none
}
body.auth-body .auth-topbar .auth-topnav a.is-on::after,
body.auth-body .auth-topbar .auth-topnav a.on::after,
html[data-theme="dark"] body.auth-body .auth-topbar .auth-topnav a.is-on::after,
html[data-theme="dark"] body.auth-body .auth-topbar .auth-topnav a.on::after {
  background:linear-gradient(90deg,#fff0 0%,#7c9840 24%,#7c9840 76%,#fff0 100%)
}
body.auth-body .page {
  width:100%;
  max-width:100%;
  min-height:calc(100svh - 152px);
  padding:18px 16px 28px;
  justify-content:flex-start;
  align-items:center
}
body.auth-body .content {
  width:100%;
  max-width:820px
}
body.auth-body--login .content,
body.auth-body--register .content {
  display:block;
  max-width:820px;
  margin-top:6px;
  padding:0;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none
}
body.auth-body--login .content>.foot-cta a,
body.auth-body--register .content>.foot-cta a,
body.auth-body--register .content>.foot-cta {
  font-size:12px;
  line-height:1.95;
  color:#5d513f
}
body.auth-body--login .content>.foot-cta a,
body.auth-body--register .content>.foot-cta a {
  color:#6f8f2f
}
body.auth-body .card,
body.auth-body .form-card,
html[data-theme="dark"] body.auth-body .card,
html[data-theme="dark"] body.auth-body .form-card {
  background:#fffefb;
  border:1px solid #d8cfbf;
  border-radius:6px;
  box-shadow:0 8px 18px rgb(90 72 43 / .06),0 1px 0 rgb(255 255 255 / .96) inset
}
body.auth-body .card-hd,
body.auth-body .card-hd--simple {
  padding:16px 24px 13px;
  background:linear-gradient(180deg,#faf7f0 0%,#efe7d9 100%);
  border-bottom:1px solid #e2d8c7
}
body.auth-body .card-hd::before,
body.auth-body .card-hd--simple::before {
  display:none
}
body.auth-body .card-bd {
  padding:16px 24px 20px
}
body.auth-body .card-ft,
body.auth-body .card-ft--cta {
  padding:10px 24px 12px;
  background:#faf6ee;
  border-top:1px solid #e7ddcd
}
body.auth-body .card-hd__row {
  align-items:flex-start
}
body.auth-body .card-hd__row>:first-child {
  flex:1
}
body.auth-body .step-name,
html[data-theme="dark"] body.auth-body .step-name {
  font-size:38px;
  font-weight:800;
  line-height:.98
}
body.auth-body .card-hd__sub,
html[data-theme="dark"] body.auth-body .card-hd__sub {
  font-size:12px
}
body.auth-body .srv-pill,
html[data-theme="dark"] body.auth-body .srv-pill {
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  background:#f7f2e7
}
body.auth-body .step-count,
html[data-theme="dark"] body.auth-body .step-count {
  font-size:12px
}
body.auth-body .prog__seg,
body.auth-body .step-seg {
  height:6px;
  border-radius:999px
}
body.auth-body .fg__lbl,
body.auth-body .fg__lbl-txt,
html[data-theme="dark"] body.auth-body .fg__lbl,
html[data-theme="dark"] body.auth-body .fg__lbl-txt {
  font-size:12px;
  font-weight:700
}
body.auth-body .fg {
  margin-bottom:12px
}
body.auth-body .fi,
body.auth-body .phone-row,
body.auth-body .turnstile-wrap,
html[data-theme="dark"] body.auth-body .fi,
html[data-theme="dark"] body.auth-body .phone-row,
html[data-theme="dark"] body.auth-body .turnstile-wrap {
  border-radius:4px;
  border-color:#d7cfbf;
  background:#fff;
  box-shadow:inset 0 1px 1px rgb(63 46 22 / .03)
}
body.auth-body .fi {
  padding:10px 13px;
  font-size:14px
}
body.auth-body .fi:focus,
body.auth-body .phone-row:focus-within,
html[data-theme="dark"] body.auth-body .fi:focus,
html[data-theme="dark"] body.auth-body .phone-row:focus-within {
  border-color:#99af58;
  box-shadow:0 0 0 2px rgb(153 175 88 / .1)
}
body.auth-body .ct-toggle,
html[data-theme="dark"] body.auth-body .ct-toggle {
  border-radius:7px
}
body.auth-body .ct-opt,
html[data-theme="dark"] body.auth-body .ct-opt {
  font-size:12px;
  font-weight:700;
  border-radius:5px
}
body.auth-body .card-stats,
html[data-theme="dark"] body.auth-body .card-stats {
  background:linear-gradient(180deg,#fcfaf6 0%,#f2ebde 100%);
  border-top:1px solid #e5dbc9
}
body.auth-body .card-stats__grid {
  padding:8px 12px
}
body.auth-body .card-stats__row {
  padding:8px 10px
}
body.auth-body .card-stats__val {
  font-size:13px
}
body.auth-body .card-stats__label {
  font-size:11px
}
body.auth-body .card-stats__row:not(:last-child) {
  border-inline-start:1px solid #eee4d5
}
body.auth-body .foot-cta,
html[data-theme="dark"] body.auth-body .foot-cta {
  text-align:center;
  border-radius:0;
  background:none;
  border:0;
  box-shadow:none;
  color:#7c705d;
  font-size:12px
}
body.auth-body--login .foot-cta {
  display:none
}
body.auth-body--register .foot-cta a,
html[data-theme="dark"] body.auth-body--register .foot-cta a {
  color:#6f8f2f
}
body.auth-body .btn,
body.auth-body .modal__btn {
  min-height:44px;
  border-radius:999px;
  font-size:14px
}
body.auth-body .btn--gold,
body.auth-body .btn--green,
html[data-theme="dark"] body.auth-body .btn--gold,
html[data-theme="dark"] body.auth-body .btn--green {
  background:linear-gradient(180deg,#98b756 0%,#81a142 56%,#6d8a34 100%);
  border-color:#65802f;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .3),0 3px 10px rgb(111 143 47 / .18);
  font-size:15px;
  font-weight:800
}
body.auth-body--login,
html[data-theme="dark"] body.auth-body--login {
  --login-stage-width:min(1180px, calc(100vw - 44px));
  --login-aside-width:calc(var(--login-stage-width) * 0.41);
  background:#fff;
  background-attachment:fixed
}
body.auth-body--login::before,
html[data-theme="dark"] body.auth-body--login::before {
  content:"";
  display:block;
  position:fixed;
  inset:150px 0 0;
  background:linear-gradient(180deg,#eef2ea 0%,#e2e8dd 100%) left top / calc(50% - (var(--login-stage-width) / 2) + var(--login-aside-width)) 100% no-repeat,#fff;
  z-index:0;
  pointer-events:none
}
body.auth-body--login .page {
  justify-content:center;
  padding:18px 22px 28px
}
body.auth-body--login .content {
  width:var(--login-stage-width);
  max-width:none;
  margin:0 auto
}
body.auth-body--login .card,
html[data-theme="dark"] body.auth-body--login .card {
  background:#fff;
  border:1px solid rgb(199 205 196 / .9);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 18px 36px rgb(80 92 74 / .12)
}
body.auth-body--login .login-split {
  display:grid;
  direction:ltr;
  grid-template-columns:var(--login-aside-width) minmax(0,calc(var(--login-stage-width) - var(--login-aside-width)));
  min-height:552px;
  align-items:stretch
}
body.auth-body--login .login-split__main,
body.auth-body--login .login-split__aside {
  direction:rtl;
  grid-row:1
}
body.auth-body--login .login-split__main {
  grid-column:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:34px 42px 30px
}
body.auth-body--login .login-split__aside {
  grid-column:1;
  display:flex;
  align-items:center;
  justify-content:center
}
body.auth-body--login .login-split__aside {
  background:linear-gradient(180deg,#eef2ea 0%,#e2e8dd 100%);
  border-inline-start:0;
  border-inline-end:1px solid rgb(170 181 163 / .45)
}
body.auth-body--login .login-split__main {
  background:linear-gradient(180deg,#ffffff 0%,#fcfcfa 100%)
}
body.auth-body--login .card-hd--simple,
html[data-theme="dark"] body.auth-body--login .card-hd--simple {
  background:#fff0;
  border-bottom:0
}
body.auth-body--login .card-bd {
  width:min(100%, 520px);
  max-width:none;
  margin:0 auto;
  padding:0 0 24px;
  background:#fff0
}
body.auth-body--login .card-ft--cta {
  width:min(100%, 520px);
  max-width:none;
  margin:0 auto;
  padding:4px 0 0;
  background:#fff0;
  border-top:0;
  text-align:center
}
body.auth-body--login .step-name,
html[data-theme="dark"] body.auth-body--login .step-name {
  font-size:44px;
  line-height:1;
  color:#2d3127
}
body.auth-body--login .card-hd__sub,
html[data-theme="dark"] body.auth-body--login .card-hd__sub {
  color:#7f847a;
  font-size:14px;
  line-height:1.8
}
body.auth-body--login .srv-pill,
html[data-theme="dark"] body.auth-body--login .srv-pill {
  background:#f8f8f3;
  border:1px solid #d9ddd1;
  color:#666d5f
}
body.auth-body--login #login-form {
  display:block
}
body.auth-body--login #loginModeBar {
  margin:0 0 18px
}
body.auth-body--login .ct-toggle,
html[data-theme="dark"] body.auth-body--login .ct-toggle {
  background:#f3f5ef;
  border:1px solid #dde2d5;
  border-radius:10px
}
body.auth-body--login .ct-opt,
html[data-theme="dark"] body.auth-body--login .ct-opt {
  color:#6f7467;
  font-size:13px
}
body.auth-body--login .ct-opt.is-on,
body.auth-body--login .ct-opt.on,
html[data-theme="dark"] body.auth-body--login .ct-opt.is-on,
html[data-theme="dark"] body.auth-body--login .ct-opt.on {
  color:#2d3127;
  background:#fff;
  box-shadow:inset 0 0 0 1px #d9ddd1
}
body.auth-body--login .fg {
  margin-bottom:18px
}
body.auth-body--login .fg__lbl,
body.auth-body--login .fg__lbl-txt,
html[data-theme="dark"] body.auth-body--login .fg__lbl,
html[data-theme="dark"] body.auth-body--login .fg__lbl-txt {
  font-size:13px;
  color:#34372e
}
body.auth-body--login .fi,
body.auth-body--login .phone-row,
html[data-theme="dark"] body.auth-body--login .fi,
html[data-theme="dark"] body.auth-body--login .phone-row {
  border:1px solid #d8ddd4;
  border-radius:8px;
  background:#fff;
  box-shadow:inset 0 1px 2px rgb(60 67 49 / .04);
  text-align:right
}
body.auth-body--login .fi:focus,
body.auth-body--login .phone-row:focus-within,
html[data-theme="dark"] body.auth-body--login .fi:focus,
html[data-theme="dark"] body.auth-body--login .phone-row:focus-within {
  border-color:#9aae83;
  box-shadow:0 0 0 3px rgb(131 154 105 / .1)
}
body.auth-body--login #letlog>.btn--gold {
  width:100%;
  margin:18px 0 0;
  min-height:54px;
  background:linear-gradient(180deg,#93a65f 0%,#7e914d 100%);
  border-color:#738546;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .16),0 10px 18px rgb(126 145 77 / .16)
}
body.auth-body--login .card-ft--cta a,
html[data-theme="dark"] body.auth-body--login .card-ft--cta a {
  color:#6f8f2f
}
body.auth-body--login .login-aside {
  display:flex;
  width:min(100%, 360px);
  min-height:100%;
  flex-direction:column;
  justify-content:center;
  padding:30px 24px 24px;
  position:relative
}
body.auth-body--login .login-aside::before {
  content:"";
  position:absolute;
  right:22px;
  bottom:24px;
  left:22px;
  height:112px;
  border-radius:999px;
  background:rgb(162 177 147 / .14)
}
body.auth-body--login .login-aside__eyebrow {
  position:relative;
  z-index:1;
  font-size:12px;
  font-weight:800;
  color:#66755f
}
body.auth-body--login .login-aside__title {
  position:relative;
  z-index:1;
  margin:8px 0 10px;
  font-size:30px;
  line-height:1.08;
  color:#344130
}
body.auth-body--login .login-aside__copy {
  position:relative;
  z-index:1;
  margin:0 0 18px;
  color:#737c6e;
  line-height:1.9;
  font-size:13px
}
body.auth-body--login .login-aside__art {
  position:relative;
  z-index:1;
  margin:6px 0 18px;
  min-height:122px
}
body.auth-body--login .login-aside__device {
  position:relative;
  width:138px;
  height:110px;
  border-radius:16px;
  background:rgb(255 255 255 / .52);
  border:1px solid rgb(178 191 169 / .36);
  box-shadow:22px 16px 0 rgb(191 207 181 / .18)
}
body.auth-body--login .login-aside__device::before {
  content:"";
  position:absolute;
  top:10px;
  right:14px;
  width:48px;
  height:6px;
  border-radius:999px;
  background:rgb(126 145 109 / .35)
}
body.auth-body--login .login-aside__device span {
  position:absolute;
  right:14px;
  left:14px;
  height:14px;
  border-radius:999px;
  background:rgb(255 255 255 / .88)
}
body.auth-body--login .login-aside__device span:nth-child(1) {
  top:28px
}
body.auth-body--login .login-aside__device span:nth-child(2) {
  top:50px
}
body.auth-body--login .login-aside__device span:nth-child(3) {
  top:72px
}
body.auth-body--login .login-aside__stats {
  position:relative;
  z-index:1;
  display:grid;
  gap:10px;
  margin-bottom:18px
}
body.auth-body--login .login-aside__stat,
body.auth-body--login .login-aside__notice {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  background:rgb(255 255 255 / .5);
  border:1px solid rgb(183 196 174 / .44);
  border-radius:10px;
  color:#4d5d44
}
body.auth-body--login .login-aside__value {
  font-size:19px;
  font-weight:800;
  color:#405039
}
body.auth-body--login .login-aside__label {
  font-size:12px;
  color:#7d8877
}
body.auth-body--login .login-aside__cta {
  position:relative;
  z-index:1;
  display:inline-flex;
  align-self:flex-start;
  padding:12px 18px;
  border-radius:999px;
  background:rgb(255 255 255 / .82);
  border:1px solid rgb(181 195 172 / .5);
  color:#6f8f2f;
  font-weight:800
}
body.auth-body--login-classic::before,
html[data-theme="dark"] body.auth-body--login-classic::before {
  display:none
}
body.auth-body--login-classic .page,
html[data-theme="dark"] body.auth-body--login-classic .page {
  justify-content:flex-start;
  align-items:flex-start
}
body.auth-body--login-classic .content,
html[data-theme="dark"] body.auth-body--login-classic .content {
  width:min(1040px, calc(100% - 32px));
  max-width:none;
  margin:8px auto 0
}
body.auth-body--login-classic .legacy-login-shell {
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:flex-start;
  gap:0
}
body.auth-body--login-classic .legacy-login-side {
  width:164px;
  min-height:490px;
  display:flex;
  flex-direction:column;
  background:none left 24px no-repeat
}
body.auth-body--login-classic .legacy-login-side__list {
  margin-top:96px;
  padding:0 18px 0 0;
  list-style:none;
  text-align:right
}
body.auth-body--login-classic .legacy-login-side__list li {
  margin-top:0
}
body.auth-body--login-classic .legacy-login-side__list a,
html[data-theme="dark"] body.auth-body--login-classic .legacy-login-side__list a {
  display:block;
  border-right:3px solid #fff0;
  color:#080808;
  font-size:18px;
  font-weight:700;
  text-decoration:none;
  transition:color 0.18s ease,border-color 0.18s ease
}
body.auth-body--login-classic .legacy-login-side__list a:hover,
body.auth-body--login-classic .legacy-login-side__list a.is-on {
  color:#71d000;
  border-right-color:#71d000
}
body.auth-body--login-classic .legacy-login-main {
  width:836px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:18px 20px 28px;
  background:none left 30px no-repeat
}
body.auth-body--login-classic .legacy-login-main__title {
  margin:0 0 12px;
  color:#5f5f5f;
  font-size:38px;
  font-weight:700;
  line-height:1.15;
  text-align:center
}
body.auth-body--login-classic .legacy-login-main__subtitle {
  margin:0 0 10px;
  color:#111;
  font-size:22px;
  font-weight:700;
  text-align:center
}
body.auth-body--login-classic .legacy-login-main__copy {
  width:86%;
  margin:0 0 18px;
  color:#222;
  font-size:15px;
  line-height:1.8;
  text-align:center
}
body.auth-body--login-classic .legacy-login-form {
  width:100%
}
body.auth-body--login-classic .legacy-box {
  width:86%;
  display:block;
  margin:14px auto;
  padding:20px 24px;
  background:#fff;
  border:1px dashed #d7d7d7
}
body.auth-body--login-classic .legacy-box--error {
  text-align:center
}
body.auth-body--login-classic .legacy-box__error {
  color:#d30000;
  font-size:15px;
  font-weight:700;
  line-height:1.7
}
.legacy-box__error a.repeat-account-contact {
  color:var(--gold);
  font-weight:800;
  text-decoration:underline;
  word-break:break-word
}
.legacy-box__error a.repeat-account-contact:hover {
  color:var(--gold-light)
}
body.auth-body--login-classic .legacy-box--form {
  max-width:742px;
  padding-top:22px;
  padding-bottom:20px
}
body.auth-body--login-classic .legacy-login-mode {
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  direction:rtl
}
body.auth-body--login-classic .legacy-field-row--mode {
  margin-bottom:10px
}
body.auth-body--login-classic .legacy-field-row__label--muted {
  color:#6b6b6b;
  font-size:15px;
  font-weight:700
}
body.auth-body--login-classic .legacy-field-row--mode .legacy-field-row__control {
  width:276px
}
body.auth-body--login-classic .legacy-field-row--mode .legacy-login-mode {
  margin:0;
  direction:rtl
}
body.auth-body--login-classic .legacy-login-mode .ct-opt {
  min-height:36px;
  padding:0 12px;
  font-size:14px;
  font-weight:700;
  color:#565656;
  border-radius:4px;
  border:1px solid #d1d6c6;
  background:linear-gradient(to bottom,#ffffff,#f2f4ed);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .95);
  transition:color 0.18s ease,border-color 0.18s ease,background 0.18s ease,box-shadow 0.18s ease
}
body.auth-body--login-classic .legacy-login-mode .ct-opt.is-on,
body.auth-body--login-classic .legacy-login-mode .ct-opt.on {
  color:#254400;
  border-color:#8dbb46;
  background:linear-gradient(to bottom,#fdfef9,#edf5dc);
  box-shadow:inset 0 0 0 1px #d9e8b8
}
body.auth-body--login-classic .legacy-login-mode .ct-opt:hover {
  color:#376b00;
  border-color:#b9c9a1
}
body.auth-body--login-classic #login-form {
  width:100%
}
body.auth-body--login-classic .legacy-field-row {
  display:grid;
  grid-template-columns:212px 276px;
  justify-content:center;
  align-items:center;
  gap:18px;
  padding:11px 0
}
body.auth-body--login-classic .legacy-field-row__label {
  width:auto;
  margin:0;
  color:#222;
  font-size:17px;
  font-weight:700;
  text-align:right
}
body.auth-body--login-classic .legacy-field-row__control {
  width:276px
}
body.auth-body--login-classic .fi,
body.auth-body--login-classic .phone-row,
html[data-theme="dark"] body.auth-body--login-classic .fi,
html[data-theme="dark"] body.auth-body--login-classic .phone-row {
  border:1px solid #71d000;
  border-radius:4px;
  background:#fff;
  box-shadow:none
}
body.auth-body--login-classic .fi,
html[data-theme="dark"] body.auth-body--login-classic .fi {
  font-size:15px
}
body.auth-body--login-classic .fi:hover,
body.auth-body--login-classic .phone-row:hover,
html[data-theme="dark"] body.auth-body--login-classic .fi:hover,
html[data-theme="dark"] body.auth-body--login-classic .phone-row:hover {
  box-shadow:0 0 8px #71d000
}
body.auth-body--login-classic .fi:focus,
body.auth-body--login-classic .phone-row:focus-within,
html[data-theme="dark"] body.auth-body--login-classic .fi:focus,
html[data-theme="dark"] body.auth-body--login-classic .phone-row:focus-within {
  outline:1px solid #71d000;
  border-color:#71d000;
  box-shadow:none
}
body.auth-body--login-classic .phone-row__prefix,
html[data-theme="dark"] body.auth-body--login-classic .phone-row__prefix {
  background:#f5f5f5;
  border-left:1px solid #c9d6b5;
  color:#444
}
body.auth-body--login-classic .phone-row__input {
  padding:6px 10px;
  font-size:15px
}
body.auth-body--login-classic .fi-ico .fi {
  padding-inline-end:34px
}
body.auth-body--login-classic .fi-ico__btn {
  min-width:34px;
  min-height:34px;
  padding:6px;
  color:#7b7b7b;
  font-size:15px
}
body.auth-body--login-classic .legacy-login-forgot,
body.auth-body--login-classic .legacy-login-actions {
  text-align:center
}
body.auth-body--login-classic .legacy-login-forgot {
  margin-top:12px
}
body.auth-body--login-classic .legacy-link-btn,
html[data-theme="dark"] body.auth-body--login-classic .legacy-link-btn {
  background:none;
  border:none;
  color:#4f9a00;
  font-size:17px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer
}
body.auth-body--login-classic .legacy-link-btn:hover {
  opacity:.7
}
body.auth-body--login-classic .legacy-login-actions {
  margin:12px 0 8px
}
body.auth-body--login-classic .legacy-login-btn {
  width:158px;
  height:36px;
  margin:0 auto 10px;
  border:1px solid #71d000;
  border-radius:20px;
  background:linear-gradient(to bottom,#fdfdfd,#c6c6c6);
  color:#080808;
  font-size:18px;
  font-weight:700;
  cursor:pointer
}
body.auth-body--login-classic .legacy-login-btn:hover {
  opacity:.7
}
body.auth-body--login-classic .legacy-help-title {
  margin:0 0 6px;
  color:#d30000;
  font-size:18px;
  font-weight:700;
  text-align:right
}
body.auth-body--login-classic .legacy-box--support {
  text-align:right;
  padding-top:16px;
  padding-bottom:16px
}
body.auth-body--login-classic .legacy-box--support .legacy-link-btn {
  display:inline-block
}
body.auth-body--login-classic .legacy-stats-grid {
  display:grid;
  grid-template-columns:156px 1fr;
  gap:12px 20px;
  text-align:right
}
body.auth-body--login-classic .legacy-stats-grid b,
body.auth-body--login-classic .legacy-stats-grid p {
  margin:0;
  padding:0;
  font-size:15px
}
body.auth-body--login-classic .legacy-stats-grid p {
  color:#000
}
.ended {
  color:blue;
  font-size:20px;
  text-align:center;
  font-weight:700
}
@media (max-width:960px) {
  body.auth-body--login-classic .legacy-login-shell {
    display:block
  }
  body.auth-body--login-classic .legacy-login-side {
    display:none
  }
  body.auth-body--login-classic .legacy-login-main {
    width:100%;
    padding:10px 0 0;
    background:none
  }
  body.auth-body--login-classic .legacy-box,
  body.auth-body--login-classic .legacy-login-main__copy {
    width:100%;
    max-width:none
  }
  body.auth-body--login-classic .legacy-field-row--mode .legacy-field-row__control {
    width:100%
  }
  body.auth-body--login-classic .legacy-login-mode {
    width:100%;
    gap:8px
  }
  body.auth-body--login-classic .legacy-field-row {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px
  }
  body.auth-body--login-classic .legacy-field-row__label,
  body.auth-body--login-classic .legacy-field-row__control {
    width:100%
  }
  body.auth-body--login-classic .legacy-stats-grid {
    grid-template-columns:1fr 1fr;
    gap:10px 14px
  }
}
body.auth-body .logout-ok,
body.auth-body .success,
html[data-theme="dark"] body.auth-body .logout-ok,
html[data-theme="dark"] body.auth-body .success {
  background:#fffdf9;
  border:1px solid #ddd3c2;
  border-radius:10px;
  box-shadow:0 14px 34px rgb(90 72 43 / .08)
}
body.auth-body .logout-ok__icon,
body.auth-body .success__ring,
html[data-theme="dark"] body.auth-body .logout-ok__icon,
html[data-theme="dark"] body.auth-body .success__ring {
  margin-bottom:14px
}
@media (max-width:540px) {
  body.auth-body .auth-topbar .auth-topnav,
  html[data-theme="dark"] body.auth-body .auth-topbar .auth-topnav {
    width:calc(100% - 10px);
    max-width:calc(100% - 16px);
    bottom:1px
  }
  body.auth-body .auth-topbar .auth-topnav a,
  html[data-theme="dark"] body.auth-body .auth-topbar .auth-topnav a {
    height:27px;
    padding:0 5px;
    font-size:11px
  }
  body.auth-body .page {
    min-height:auto;
    padding:14px 8px 24px;
    justify-content:flex-start
  }
  body.auth-body .content {
    max-width:100%
  }
  body.auth-body--login .content,
  body.auth-body--register .content {
    display:block;
    margin-top:0;
    padding:0;
    background:none;
    border:0;
    border-radius:0;
    box-shadow:none
  }
  body.auth-body--login .content>.foot-cta,
  body.auth-body--register .content>.foot-cta {
    display:block;
    min-height:0;
    margin-top:8px;
    padding:12px 14px
  }
  body.auth-body--login .login-split {
    display:block;
    min-height:0
  }
  body.auth-body--login .login-split__main,
  body.auth-body--login .login-split__aside {
    display:block;
    grid-row:auto
  }
  body.auth-body--login .login-split__aside {
    border-inline-start:0;
    border-top:1px solid rgb(185 197 170 / .55)
  }
  body.auth-body--login .card-hd--simple,
  body.auth-body--login .card-bd,
  body.auth-body--login .card-ft--cta,
  body.auth-body--login .login-aside {
    padding-left:18px;
    padding-right:18px;
    max-width:100%
  }
  body.auth-body--login #letlog>.btn--gold {
    width:100%;
    margin-top:4px
  }
  body.auth-body .card,
  body.auth-body .form-card,
  html[data-theme="dark"] body.auth-body .card,
  html[data-theme="dark"] body.auth-body .form-card,
  body.auth-body .logout-ok,
  html[data-theme="dark"] body.auth-body .logout-ok {
    border-radius:9px
  }
  body.auth-body .card-hd,
  body.auth-body .card-hd--simple,
  body.auth-body .card-bd,
  body.auth-body .card-ft,
  body.auth-body .card-ft--cta,
  body.auth-body .card-stats__grid {
    padding-left:18px;
    padding-right:18px
  }
  body.auth-body .step-name,
  html[data-theme="dark"] body.auth-body .step-name {
    font-size:28px
  }
}
body.auth-body.auth-body--register-classic .legacy-register-card {
  width:86%;
  max-width:742px;
  margin:0 auto;
  background:#fff;
  border:1px dashed #d7d7d7;
  border-radius:0;
  box-shadow:none
}
body.auth-body.auth-body--register-classic .legacy-register-card .card-hd--simple {
  padding:12px 22px 10px;
  background:#fff;
  border-bottom:1px dashed #ddd
}
body.auth-body.auth-body--register-classic .legacy-register-card .card-hd__sub,
body.auth-body.auth-body--register-classic .legacy-register-card .srv-pill {
  display:none
}
body.auth-body.auth-body--register-classic .legacy-register-card .card-hd__step-row {
  margin-top:8px
}
body.auth-body.auth-body--register-classic .legacy-register-card .step-name {
  color:#5f5f5f;
  font-size:20px;
  line-height:1.15
}
body.auth-body.auth-body--register-classic .legacy-register-card .step-count {
  padding:0;
  border:0;
  background:none;
  box-shadow:none;
  color:#666;
  font-size:13px
}
body.auth-body.auth-body--register-classic .legacy-register-card .prog {
  background:#ececec
}
body.auth-body.auth-body--register-classic .legacy-register-card .prog__seg {
  background:#d7d7d7
}
body.auth-body.auth-body--register-classic .legacy-register-card .prog__seg.now {
  background:linear-gradient(180deg,#98b756 0%,#81a142 56%,#6d8a34 100%)
}
body.auth-body.auth-body--register-classic .legacy-register-card .card-bd {
  padding:18px 22px 20px
}
body.auth-body.auth-body--register-classic .legacy-register-card .card-ft--cta {
  padding:12px 22px 14px;
  background:#fff;
  border-top:1px dashed #ddd
}
body.auth-body.auth-body--register-classic #rs1 .fg {
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  align-items:start;
  gap:10px 18px;
  margin-bottom:16px
}
body.auth-body.auth-body--register-classic #rs1 .fg__lbl {
  margin:0;
  padding-top:9px;
  text-align:right
}
body.auth-body.auth-body--register-classic #rs1 .fg>:not(.fg__lbl) {
  grid-column:2
}
body.auth-body.auth-body--register-classic #rs1 .fi,
body.auth-body.auth-body--register-classic #rs1 .fi-ico,
body.auth-body.auth-body--register-classic #rs1 .phone-row,
body.auth-body.auth-body--register-classic #rs1 #regPrefixSelect,
body.auth-body.auth-body--register-classic #rs1 #otpTurnstileWrap,
body.auth-body.auth-body--register-classic #rs1 #proxyPhoneBlock,
body.auth-body.auth-body--register-classic #rs1 #otpStatus,
body.auth-body.auth-body--register-classic #rs1 #otpVerifiedBadge,
body.auth-body.auth-body--register-classic #rs1 .f-msg,
body.auth-body.auth-body--register-classic #rs1 .pw-bars,
body.auth-body.auth-body--register-classic #rs1 .pw-strength-label,
body.auth-body.auth-body--register-classic #rs1 .pw-rules {
  width:100%;
  max-width:360px
}
body.auth-body.auth-body--register-classic #rs1 #goStep2Btn,
body.auth-body.auth-body--register-classic #rs3 #register {
  display:block;
  width:180px;
  margin:16px auto 0
}
body.auth-body.auth-body--register-classic .legacy-box--support-register {
  width:86%;
  max-width:742px;
  margin:12px auto 0;
  padding:16px 20px;
  background:#fff;
  border:1px dashed #d7d7d7;
  text-align:right
}
body.auth-body.auth-body--logout-classic .logout-ok {
  width:86%;
  max-width:620px;
  margin:20px auto 0;
  padding:20px 22px 18px;
  background:#fff;
  border:1px dashed #d7d7d7;
  border-radius:0;
  box-shadow:none
}
@media (max-width:960px) {
  body.auth-body.auth-body--register-classic .legacy-register-card,
  body.auth-body.auth-body--register-classic .legacy-box--support-register,
  body.auth-body.auth-body--logout-classic .logout-ok {
    width:100%;
    max-width:none
  }
  body.auth-body.auth-body--register-classic #rs1 .fg {
    grid-template-columns:1fr;
    gap:8px
  }
  body.auth-body.auth-body--register-classic #rs1 .fg>:not(.fg__lbl) {
    grid-column:auto
  }
}
body.auth-body.auth-body--register-classic .legacy-register-card {
  background:none;
  border:0;
  box-shadow:none
}
body.auth-body.auth-body--register-classic .legacy-register-card .card-hd--simple {
  width:86%;
  max-width:742px;
  margin:0 auto 10px;
  padding:0;
  background:none;
  border:0
}
body.auth-body.auth-body--register-classic .legacy-register-card .card-hd__row {
  margin-bottom:8px
}
body.auth-body.auth-body--register-classic .legacy-register-card .card-hd__step-row {
  width:100%;
  gap:10px
}
body.auth-body.auth-body--register-classic .legacy-register-card .step-name {
  font-size:22px;
  color:#5f5f5f
}
body.auth-body.auth-body--register-classic .legacy-register-card .card-bd {
  width:86%;
  max-width:742px;
  margin:0 auto 12px;
  padding:18px 20px;
  background:#fff;
  border:1px dashed #d7d7d7;
  border-radius:0
}
body.auth-body.auth-body--register-classic .legacy-register-card .card-ft--cta {
  width:86%;
  max-width:742px;
  margin:0 auto;
  padding:2px 0 0;
  background:none;
  border:0
}
body.auth-body.auth-body--register-classic #rs1 .alert,
body.auth-body.auth-body--register-classic #rs2 .alert,
body.auth-body.auth-body--register-classic #rs3 .alert {
  background:#fffdf8;
  border:1px dashed #ddd7ca;
  box-shadow:none
}
body.auth-body.auth-body--register-classic #rs1 .f-msg {
  font-size:12px
}
body.auth-body.auth-body--register-classic #rs1 .pw-bars {
  max-width:280px
}
body.auth-body.auth-body--register-classic #rs1 .pw-strength-label {
  color:#6d6d6d
}
body.auth-body.auth-body--register-classic #rs1 .pw-rules {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 10px
}
body.auth-body.auth-body--register-classic #rs1 .pw-rule {
  min-height:auto;
  padding:8px 10px;
  border-radius:4px;
  background:#fbfbfb;
  border:1px solid #e2ddd2
}
body.auth-body.auth-body--register-classic #rs1 #goStep2Btn,
body.auth-body.auth-body--register-classic #rs2 .btn--gold,
body.auth-body.auth-body--register-classic #rs3 #register {
  background:linear-gradient(to bottom,#fdfdfd,#c6c6c6);
  border-color:#71d000;
  box-shadow:none;
  color:#080808
}
body.auth-body.auth-body--register-classic #rs2 .btn--ghost,
body.auth-body.auth-body--register-classic #rs3 .btn--ghost {
  background:#fff;
  border:1px solid #d7d7d7;
  color:#444;
  box-shadow:none
}
body.auth-body.auth-body--register-classic #rs2 .tribe-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px
}
body.auth-body.auth-body--register-classic #rs2 .tc,
body.auth-body.auth-body--register-classic #rs3 .sp,
body.auth-body.auth-body--register-classic #rs3 .minimap__random {
  min-height:auto;
  padding:12px 14px;
  background:#fff;
  border:1px solid #d7d7d7;
  border-radius:4px;
  box-shadow:none
}
body.auth-body.auth-body--register-classic #rs2 .tc::after {
  display:none
}
body.auth-body.auth-body--register-classic #rs2 .tc:hover,
body.auth-body.auth-body--register-classic #rs2 .tc.is-on,
body.auth-body.auth-body--register-classic #rs2 .tc.on,
body.auth-body.auth-body--register-classic #rs3 .sp:hover,
body.auth-body.auth-body--register-classic #rs3 .sp.is-on,
body.auth-body.auth-body--register-classic #rs3 .sp.on,
body.auth-body.auth-body--register-classic #rs3 .minimap__random:hover,
body.auth-body.auth-body--register-classic #rs3 .minimap__random.is-on,
body.auth-body.auth-body--register-classic #rs3 .minimap__random.on {
  background:#f8fbf1;
  border-color:#99af58;
  color:#355d09;
  box-shadow:none
}
body.auth-body.auth-body--register-classic #rs2 .tc__chk {
  width:20px;
  height:20px;
  top:10px;
  inset-inline-start:10px
}
body.auth-body.auth-body--register-classic #rs2 .tc__ico {
  font-size:18px;
  margin-bottom:2px
}
body.auth-body.auth-body--register-classic #rs2 .tc__name {
  font-size:14px
}
body.auth-body.auth-body--register-classic #rs2 .tc__tag {
  font-size:11px;
  color:#7a7a7a
}
body.auth-body.auth-body--register-classic #rs2 .tribe-info {
  margin-top:10px;
  padding:10px 12px;
  background:#fff;
  border:1px dashed #d7d7d7;
  border-radius:0;
  color:#666;
  text-align:center
}
body.auth-body.auth-body--register-classic #rs3 .minimap {
  background:#fafafa;
  border:1px dashed #d7d7d7;
  box-shadow:none
}
body.auth-body.auth-body--register-classic #rs3 .minimap::before {
  opacity:.12
}
body.auth-body.auth-body--register-classic #rs3 .mq__name {
  color:#666
}
body.auth-body.auth-body--register-classic #rs3 .mq.is-on .mq__name,
body.auth-body.auth-body--register-classic #rs3 .mq.on .mq__name {
  color:#355d09
}
@media (max-width:960px) {
  body.auth-body.auth-body--register-classic .legacy-register-card .card-hd--simple,
  body.auth-body.auth-body--register-classic .legacy-register-card .card-bd,
  body.auth-body.auth-body--register-classic .legacy-register-card .card-ft--cta,
  body.auth-body.auth-body--register-classic .legacy-box--support-register {
    width:100%;
    max-width:none
  }
  body.auth-body.auth-body--register-classic #rs1 .pw-rules {
    grid-template-columns:1fr
  }
  body.auth-body.auth-body--register-classic #rs2 .tribe-grid {
    grid-template-columns:1fr 1fr
  }
}
body.auth-body.auth-body--register-classic .legacy-register-card .card-hd--simple,
body.auth-body.auth-body--register-classic .legacy-register-card .card-bd,
body.auth-body.auth-body--register-classic .legacy-register-card .card-ft--cta,
body.auth-body.auth-body--register-classic .legacy-box--support-register {
  width:92%;
  max-width:780px
}
body.auth-body.auth-body--register-classic .legacy-register-card .card-hd--simple {
  margin-bottom:12px
}
body.auth-body.auth-body--register-classic .legacy-register-card .step-name {
  font-size:18px;
  font-weight:700
}
body.auth-body.auth-body--register-classic .legacy-register-card .card-hd__step-row {
  gap:12px
}
body.auth-body.auth-body--register-classic #rs1 .fg {
  grid-template-columns:150px minmax(0,430px);
  justify-content:center;
  gap:12px 22px;
  margin-bottom:18px
}
body.auth-body.auth-body--register-classic #rs1 .fg__lbl,
body.auth-body.auth-body--register-classic #rs1 .fg__lbl-txt {
  font-size:15px
}
body.auth-body.auth-body--register-classic #rs1 .fg__lbl {
  padding-top:11px
}
body.auth-body.auth-body--register-classic #rs1 .fi,
body.auth-body.auth-body--register-classic #rs1 .fi-ico,
body.auth-body.auth-body--register-classic #rs1 .phone-row,
body.auth-body.auth-body--register-classic #rs1 #regPrefixSelect,
body.auth-body.auth-body--register-classic #rs1 #otpTurnstileWrap,
body.auth-body.auth-body--register-classic #rs1 #proxyPhoneBlock,
body.auth-body.auth-body--register-classic #rs1 #otpStatus,
body.auth-body.auth-body--register-classic #rs1 #otpVerifiedBadge,
body.auth-body.auth-body--register-classic #rs1 .f-msg,
body.auth-body.auth-body--register-classic #rs1 .pw-bars,
body.auth-body.auth-body--register-classic #rs1 .pw-strength-label,
body.auth-body.auth-body--register-classic #rs1 .pw-rules,
body.auth-body.auth-body--register-classic #rs1 #registerModeBar {
  max-width:430px
}
body.auth-body.auth-body--register-classic #registerModeBar {
  gap:12px
}
body.auth-body.auth-body--register-classic #registerModeBar .ct-opt {
  min-height:40px;
  font-size:15px
}
body.auth-body.auth-body--register-classic #rs1 .pw-bars,
body.auth-body.auth-body--register-classic #rs1 .pw-strength-label {
  display:none
}
body.auth-body.auth-body--register-classic #rs1 .pw-rules {
  display:block;
  margin-top:10px;
  padding:0;
  background:none;
  border:0;
  border-radius:0
}
body.auth-body.auth-body--register-classic #rs1 .pw-rule {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:0;
  padding:0;
  background:none;
  border:0;
  color:#4a4a4a;
  font-size:13px;
  font-weight:700
}
body.auth-body.auth-body--register-classic #rs1 .pw-rule+.pw-rule {
  margin-top:8px
}
body.auth-body.auth-body--register-classic #rs1 .pw-rule__dot {
  width:18px;
  height:18px;
  border-width:1px;
  font-size:9px
}
body.auth-body.auth-body--register-classic #rs1 .card-help {
  display:none
}
body.auth-body.auth-body--register-classic #rs1 #goStep2Btn,
body.auth-body.auth-body--register-classic #rs2 .btn--gold,
body.auth-body.auth-body--register-classic #rs3 #register {
  width:150px;
  height:30px;
  min-height:30px;
  font-size:15px
}
body.auth-body.auth-body--register-classic #rs2 .btn--ghost,
body.auth-body.auth-body--register-classic #rs3 .btn--ghost {
  width:120px;
  min-height:30px
}
body.auth-body.auth-body--register-classic #rs2 .tribe-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px
}
body.auth-body.auth-body--register-classic #rs2 .tribe-info {
  text-align:right
}
body.auth-body.auth-body--register-classic #rs3 .minimap-wrap {
  max-width:520px;
  margin-inline:auto
}
@media (max-width:960px) {
  body.auth-body.auth-body--register-classic .legacy-register-card .card-hd--simple,
  body.auth-body.auth-body--register-classic .legacy-register-card .card-bd,
  body.auth-body.auth-body--register-classic .legacy-register-card .card-ft--cta,
  body.auth-body.auth-body--register-classic .legacy-box--support-register {
    width:100%;
    max-width:none
  }
  body.auth-body.auth-body--register-classic #rs1 .fg {
    grid-template-columns:1fr;
    gap:8px
  }
  body.auth-body.auth-body--register-classic #rs1 .fi,
  body.auth-body.auth-body--register-classic #rs1 .fi-ico,
  body.auth-body.auth-body--register-classic #rs1 .phone-row,
  body.auth-body.auth-body--register-classic #rs1 #regPrefixSelect,
  body.auth-body.auth-body--register-classic #rs1 #otpTurnstileWrap,
  body.auth-body.auth-body--register-classic #rs1 #proxyPhoneBlock,
  body.auth-body.auth-body--register-classic #rs1 #otpStatus,
  body.auth-body.auth-body--register-classic #rs1 #otpVerifiedBadge,
  body.auth-body.auth-body--register-classic #rs1 .f-msg,
  body.auth-body.auth-body--register-classic #rs1 .pw-rules,
  body.auth-body.auth-body--register-classic #rs1 #registerModeBar {
    max-width:none
  }
}
body.auth-body.auth-body--register-classic .content {
  width:min(1220px, calc(100% - 24px))
}
body.auth-body.auth-body--register-classic .legacy-login-main {
  width:1010px;
  padding:12px 14px 22px
}
body.auth-body.auth-body--register-classic .legacy-login-main__title {
  margin-bottom:6px;
  font-size:40px;
  line-height:1.04
}
body.auth-body.auth-body--register-classic .legacy-login-main__subtitle {
  margin-bottom:6px;
  font-size:15px
}
body.auth-body.auth-body--register-classic .legacy-login-main__copy {
  max-width:780px;
  margin:0 auto 14px;
  color:#5d5d5d;
  font-size:11px;
  line-height:1.7
}
body.auth-body.auth-body--register-classic .legacy-register-form {
  width:100%
}
body.auth-body.auth-body--register-classic .legacy-register-panel,
body.auth-body.auth-body--register-classic .legacy-box--support-register,
body.auth-body.auth-body--register-classic #error-summary {
  width:min(100%, 1010px);
  margin-inline:auto
}
body.auth-body.auth-body--register-classic .legacy-register-panel {
  background:#fff;
  border:1px dashed #dfdfdf;
  box-shadow:none;
  padding:16px 24px
}
body.auth-body.auth-body--register-classic .legacy-register-panel+.legacy-register-panel {
  margin-top:14px
}
body.auth-body.auth-body--register-classic .legacy-register-panel--account {
  padding-top:18px
}
body.auth-body.auth-body--register-classic .legacy-register-panel .alert {
  margin-bottom:14px
}
body.auth-body.auth-body--register-classic .legacy-field-row {
  display:grid;
  grid-template-columns:170px 420px;
  justify-content:center;
  align-items:start;
  gap:8px 16px;
  padding:6px 0
}
body.auth-body.auth-body--register-classic .legacy-field-row__label {
  margin:0;
  padding-top:6px;
  color:#222;
  font-size:13px;
  font-weight:700;
  text-align:right
}
body.auth-body.auth-body--register-classic .legacy-field-row__control {
  width:420px
}
body.auth-body.auth-body--register-classic .legacy-field-row--register-mode .legacy-field-row__label {
  padding-top:5px
}
body.auth-body.auth-body--register-classic .legacy-field-row--register-mode .legacy-field-row__control {
  width:270px
}
body.auth-body.auth-body--register-classic .legacy-register-mode {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  padding:0;
  background:none;
  border:0;
  border-radius:0;
  width:270px
}
body.auth-body.auth-body--register-classic .legacy-register-mode .ct-opt {
  min-height:28px;
  padding:0 8px;
  font-size:11px;
  font-weight:700;
  color:#565656;
  border-radius:3px;
  border:1px solid #d1d6c6;
  background:linear-gradient(to bottom,#ffffff,#f2f4ed);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .95)
}
body.auth-body.auth-body--register-classic .legacy-register-mode .ct-opt.is-on,
body.auth-body.auth-body--register-classic .legacy-register-mode .ct-opt.on {
  color:#254400;
  border-color:#8dbb46;
  background:linear-gradient(to bottom,#fdfef9,#edf5dc);
  box-shadow:inset 0 0 0 1px #d9e8b8
}
body.auth-body.auth-body--register-classic .legacy-register-mode .ct-opt:hover {
  color:#376b00;
  border-color:#b9c9a1
}
body.auth-body.auth-body--register-classic .legacy-register-panel .fi,
body.auth-body.auth-body--register-classic .legacy-register-panel .phone-row,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-register-panel .fi,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-register-panel .phone-row {
  border:1px solid #71d000;
  border-radius:4px;
  background:#fff;
  box-shadow:none
}
body.auth-body.auth-body--register-classic .legacy-register-panel .fi {
  padding:5px 9px;
  font-size:12px
}
body.auth-body.auth-body--register-classic .legacy-register-panel .fi:hover,
body.auth-body.auth-body--register-classic .legacy-register-panel .phone-row:hover {
  box-shadow:0 0 8px #71d000
}
body.auth-body.auth-body--register-classic .legacy-register-panel .fi:focus,
body.auth-body.auth-body--register-classic .legacy-register-panel .phone-row:focus-within {
  outline:1px solid #71d000;
  border-color:#71d000
}
body.auth-body.auth-body--register-classic .legacy-register-panel .fi-ico {
  position:relative
}
body.auth-body.auth-body--register-classic .legacy-register-panel .fi-ico__btn {
  min-width:32px;
  min-height:32px;
  padding:5px;
  color:#7b7b7b;
  font-size:13px
}
body.auth-body.auth-body--register-classic .legacy-register-panel .f-msg,
body.auth-body.auth-body--register-classic .legacy-register-panel #otpStatus {
  margin-top:5px;
  font-size:10px;
  font-weight:700;
  text-align:right
}
body.auth-body.auth-body--register-classic .legacy-register-inline-actions {
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:8px
}
body.auth-body.auth-body--register-classic .legacy-register-inline-actions .btn {
  min-height:32px;
  padding:0 14px;
  font-size:12px
}
body.auth-body.auth-body--register-classic .legacy-field-row--rules {
  align-items:start
}
body.auth-body.auth-body--register-classic .legacy-field-row--rules .legacy-field-row__label {
  padding-top:0
}
body.auth-body.auth-body--register-classic .legacy-register-rules {
  margin:0;
  padding:0;
  list-style:none
}
body.auth-body.auth-body--register-classic .legacy-register-rules .pw-rule {
  display:flex;
  align-items:center;
  gap:6px;
  padding:0;
  border:0;
  background:none;
  color:#686868;
  font-size:10px;
  font-weight:700
}
body.auth-body.auth-body--register-classic .legacy-register-rules .pw-rule+.pw-rule {
  margin-top:4px
}
body.auth-body.auth-body--register-classic .legacy-register-rules .pw-rule__dot {
  width:14px;
  height:14px;
  border:1px solid #c8cfb9;
  border-radius:50%;
  color:#fff0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:7px;
  flex:0 0 auto
}
body.auth-body.auth-body--register-classic .legacy-register-rules .pw-rule.success {
  color:#4f9a00
}
body.auth-body.auth-body--register-classic .legacy-register-rules .pw-rule.success .pw-rule__dot {
  border-color:#71d000;
  color:#4f9a00
}
body.auth-body.auth-body--register-classic .legacy-register-panel .pw-bars,
body.auth-body.auth-body--register-classic .legacy-register-panel .pw-strength-label {
  display:none
}
body.auth-body.auth-body--register-classic .legacy-register-grid {
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(0,3fr);
  gap:18px 22px;
  align-items:start
}
body.auth-body.auth-body--register-classic .legacy-register-choice {
  min-width:0;
  padding:0 14px;
  border-radius:6px
}
body.auth-body.auth-body--register-classic .legacy-register-choice__title {
  margin:0 0 6px;
  color:#ef8b00;
  font-size:16px;
  font-weight:800;
  text-align:right
}
body.auth-body.auth-body--register-classic .legacy-register-choice__list {
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  direction:rtl
}
body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 22px;
  direction:rtl
}
body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list li:first-child {
  grid-column:1 / -1
}
body.auth-body.auth-body--register-classic .legacy-register-choice__list li {
  margin:0
}
body.auth-body.auth-body--register-classic .legacy-register-choice__list label {
  position:relative;
  display:flex;
  align-items:center;
  gap:7px;
  min-height:25px;
  padding:1px 2px;
  cursor:pointer
}
body.auth-body.auth-body--register-classic .legacy-register-choice__list input[type="radio"] {
  position:static;
  width:15px;
  height:15px;
  margin:0;
  opacity:1;
  pointer-events:auto;
  flex:0 0 auto;
  accent-color:#1683ff;
  color-scheme:light;
  cursor:pointer
}
body.auth-body.auth-body--register-classic .legacy-register-option {
  display:block;
  min-width:0;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#171717;
  font-size:15px;
  font-weight:500;
  text-align:right;
  transition:color 0.18s ease
}
body.auth-body.auth-body--register-classic .legacy-register-option::before {
  display:none
}
body.auth-body.auth-body--register-classic .legacy-register-choice__list label:hover .legacy-register-option {
  color:#4f7f18
}
body.auth-body.auth-body--register-classic .legacy-register-choice__list input[type="radio"]:checked+.legacy-register-option {
  border:0;
  background:none;
  box-shadow:none;
  color:#171717;
  font-weight:500
}
body.auth-body.auth-body--register-classic #error-summary {
  margin-top:14px
}
body.auth-body.auth-body--register-classic .legacy-register-actions,
body.auth-body.auth-body--register-classic .legacy-register-login-link {
  text-align:center
}
body.auth-body.auth-body--register-classic .legacy-register-actions {
  margin:14px 0 6px
}
body.auth-body.auth-body--register-classic .legacy-register-submit {
  width:152px;
  height:34px;
  margin:0 auto;
  border:1px solid #71d000;
  border-radius:20px;
  background:linear-gradient(to bottom,#fdfdfd,#c6c6c6);
  color:#080808;
  font-size:14px;
  font-weight:700;
  cursor:pointer
}
body.auth-body.auth-body--register-classic .legacy-register-submit:hover {
  opacity:.7
}
body.auth-body.auth-body--register-classic .legacy-register-login-link .legacy-link-btn,
body.auth-body.auth-body--register-classic .legacy-box--support-register .legacy-link-btn {
  background:none;
  border:none;
  color:#4f9a00;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer
}
body.auth-body.auth-body--register-classic .legacy-box--support-register {
  margin-top:16px;
  padding:14px 18px;
  background:#fff;
  border:1px dashed #dfdfdf;
  text-align:right
}
body.auth-body.auth-body--register-classic .legacy-box--support-register .legacy-help-title {
  margin:0 0 6px;
  color:#111;
  font-size:14px;
  font-weight:700
}
@media (max-width:960px) {
  body.auth-body.auth-body--register-classic .page {
    padding:12px 10px 28px
  }
  body.auth-body.auth-body--register-classic .content {
    width:min(100%, 720px)
  }
  body.auth-body.auth-body--register-classic .legacy-login-main {
    width:100%;
    padding:8px 0 0;
    background:none
  }
  body.auth-body.auth-body--register-classic .legacy-login-main__title {
    font-size:30px
  }
  body.auth-body.auth-body--register-classic .legacy-login-main__copy {
    max-width:none;
    margin-bottom:12px
  }
  body.auth-body.auth-body--register-classic .legacy-register-panel,
  body.auth-body.auth-body--register-classic .legacy-box--support-register,
  body.auth-body.auth-body--register-classic #error-summary {
    width:100%
  }
  body.auth-body.auth-body--register-classic .legacy-register-panel,
  body.auth-body.auth-body--register-classic .legacy-box--support-register {
    padding:13px 12px
  }
  body.auth-body.auth-body--register-classic .legacy-field-row {
    grid-template-columns:1fr;
    justify-content:stretch;
    gap:8px
  }
  body.auth-body.auth-body--register-classic .legacy-field-row__label,
  body.auth-body.auth-body--register-classic .legacy-field-row__control {
    width:100%
  }
  body.auth-body.auth-body--register-classic .legacy-register-grid {
    grid-template-columns:minmax(0,3fr) minmax(0,5fr);
    gap:14px
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice__list {
    grid-template-columns:1fr
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list {
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:8px
  }
  body.auth-body.auth-body--register-classic .legacy-register-option {
    min-height:0;
    padding:0;
    font-size:14px
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice__list label {
    min-height:34px
  }
}
@media (max-width:640px) {
  body.auth-body.auth-body--register-classic .legacy-login-main__title {
    font-size:27px
  }
  body.auth-body.auth-body--register-classic .legacy-login-main__subtitle {
    font-size:14px
  }
  body.auth-body.auth-body--register-classic .legacy-login-main__copy {
    font-size:10px
  }
  body.auth-body.auth-body--register-classic .legacy-field-row__label {
    font-size:13px
  }
  body.auth-body.auth-body--register-classic .legacy-field-row__control {
    width:100%
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice__list {
    grid-template-columns:1fr
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list li:first-child {
    grid-column:1 / -1
  }
}
body.auth-body--login-classic .legacy-login-shell,
body.auth-body--register-classic .legacy-login-shell,
body.auth-body--logout-classic .legacy-login-shell {
  align-items:stretch;
  gap:10px
}
body.auth-body--login-classic .legacy-login-side,
body.auth-body--register-classic .legacy-login-side,
body.auth-body--logout-classic .legacy-login-side {
  width:176px;
  min-height:auto;
  align-self:stretch;
  justify-content:flex-start;
  padding-top:88px;
  background:#fff none left 12px top 20px no-repeat
}
body.auth-body--login-classic .legacy-login-side__list,
body.auth-body--register-classic .legacy-login-side__list,
body.auth-body--logout-classic .legacy-login-side__list {
  margin-top:0;
  padding:0 18px 0 28px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none
}
body.auth-body--login-classic .legacy-login-side__list a,
body.auth-body--register-classic .legacy-login-side__list a,
body.auth-body--logout-classic .legacy-login-side__list a,
html[data-theme="dark"] body.auth-body--login-classic .legacy-login-side__list a {
  border-right:2px solid #fff0;
  border-radius:0;
  background:none;
  color:#1e1e1e;
  font-size:15px;
  transition:color 0.18s ease,border-color 0.18s ease
}
body.auth-body--login-classic .legacy-login-side__list a:hover,
body.auth-body--login-classic .legacy-login-side__list a.is-on,
body.auth-body--register-classic .legacy-login-side__list a:hover,
body.auth-body--register-classic .legacy-login-side__list a.is-on,
body.auth-body--logout-classic .legacy-login-side__list a:hover,
body.auth-body--logout-classic .legacy-login-side__list a.is-on {
  color:#4c7c13;
  border-right-color:#71d000;
  background:none
}
@media (max-width:960px) {
  body.auth-body--login-classic .legacy-login-shell,
  body.auth-body--register-classic .legacy-login-shell,
  body.auth-body--logout-classic .legacy-login-shell {
    gap:0
  }
  body.auth-body--login-classic .legacy-login-side,
  body.auth-body--register-classic .legacy-login-side,
  body.auth-body--logout-classic .legacy-login-side {
    display:none;
    padding-top:0;
    background:none
  }
}
body.auth-body--login-classic .legacy-login-main__title,
body.auth-body--register-classic .legacy-login-main__title,
body.auth-body--logout-classic .legacy-login-main__title {
  margin-bottom:6px;
  line-height:1.04
}
body.auth-body--login-classic .legacy-login-main__title {
  font-size:40px
}
body.auth-body--login-classic .legacy-login-main__subtitle,
body.auth-body--register-classic .legacy-login-main__subtitle {
  margin-bottom:6px;
  font-size:15px
}
body.auth-body--login-classic .legacy-login-main__copy,
body.auth-body--register-classic .legacy-login-main__copy {
  margin-bottom:14px;
  font-size:11px;
  line-height:1.7
}
body.auth-body--login-classic .legacy-field-row__label,
body.auth-body--login-classic .legacy-field-row__label--muted,
body.auth-body--register-classic .legacy-field-row__label,
body.auth-body--register-classic .legacy-field-row__label--muted {
  font-size:13px
}
body.auth-body--login-classic .legacy-field-row--mode .legacy-field-row__control,
body.auth-body--login-classic .legacy-login-mode,
body.auth-body--register-classic .legacy-field-row--register-mode .legacy-field-row__control,
body.auth-body--register-classic .legacy-register-mode {
  width:270px
}
body.auth-body--login-classic .legacy-login-mode,
body.auth-body--register-classic .legacy-register-mode {
  gap:5px
}
body.auth-body--login-classic .legacy-login-mode .ct-opt,
body.auth-body--register-classic .legacy-register-mode .ct-opt {
  min-height:28px;
  padding:0 8px;
  font-size:11px;
  border-radius:3px
}
body.auth-body--login-classic .legacy-field-row {
  grid-template-columns:170px 276px;
  gap:8px 16px;
  padding:6px 0
}
body.auth-body--login-classic .fi,
body.auth-body--login-classic .phone-row,
body.auth-body--register-classic .fi,
body.auth-body--register-classic .phone-row {
  min-height:34px;
  height:34px
}
body.auth-body--login-classic .fi,
body.auth-body--login-classic .phone-row__input,
body.auth-body--register-classic .fi,
body.auth-body--register-classic .phone-row__input {
  font-size:12px
}
body.auth-body--login-classic .fi-ico__btn,
body.auth-body--register-classic .fi-ico__btn {
  min-width:32px;
  min-height:32px;
  font-size:13px
}
body.auth-body--login-classic .legacy-login-btn,
body.auth-body--register-classic .legacy-register-submit,
body.auth-body--logout-classic .logout-ok .btn {
  height:34px;
  font-size:14px
}
body.auth-body--login-classic .legacy-login-btn,
body.auth-body--register-classic .legacy-register-submit {
  width:152px
}
body.auth-body--login-classic .legacy-link-btn,
body.auth-body--register-classic .legacy-register-login-link .legacy-link-btn,
body.auth-body--register-classic .legacy-box--support-register .legacy-link-btn,
body.auth-body--logout-classic .legacy-box--support-register .legacy-link-btn,
body.auth-body--logout-classic .logout-ok__clear {
  font-size:13px
}
body.auth-body--login-classic .legacy-help-title,
body.auth-body--register-classic .legacy-box--support-register .legacy-help-title,
body.auth-body--logout-classic .legacy-box--support-register .legacy-help-title {
  font-size:14px
}
body.auth-body--login-classic .content,
body.auth-body--register-classic .content,
body.auth-body--logout-classic .content,
html[data-theme="dark"] body.auth-body--login-classic .content,
html[data-theme="dark"] body.auth-body--register-classic .content,
html[data-theme="dark"] body.auth-body--logout-classic .content {
  width:min(1040px, calc(100% - 32px));
  max-width:none;
  margin:8px auto 0
}
body.auth-body--login-classic .legacy-login-main,
body.auth-body--register-classic .legacy-login-main,
body.auth-body--logout-classic .legacy-login-main,
html[data-theme="dark"] body.auth-body--login-classic .legacy-login-main,
html[data-theme="dark"] body.auth-body--register-classic .legacy-login-main,
html[data-theme="dark"] body.auth-body--logout-classic .legacy-login-main {
  width:836px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:18px 20px 28px;
  background:none left 30px no-repeat
}
body.auth-body--login-classic .legacy-login-main__title,
body.auth-body--register-classic .legacy-login-main__title,
body.auth-body--logout-classic .legacy-login-main__title {
  margin:0 0 6px;
  color:#5f5f5f;
  font-size:40px;
  font-weight:700;
  line-height:1.04;
  text-align:center
}
body.auth-body--login-classic .legacy-login-main__subtitle,
body.auth-body--register-classic .legacy-login-main__subtitle,
body.auth-body--logout-classic .legacy-login-main__subtitle {
  margin:0 0 6px;
  color:#111;
  font-size:15px;
  font-weight:700;
  text-align:center
}
body.auth-body--login-classic .legacy-login-main__copy,
body.auth-body--register-classic .legacy-login-main__copy,
body.auth-body--logout-classic .legacy-login-main__copy {
  width:86%;
  max-width:742px;
  margin:0 0 14px;
  color:#222;
  font-size:11px;
  line-height:1.7;
  text-align:center
}
body.auth-body--register-classic .legacy-register-panel,
body.auth-body--register-classic .legacy-box--support-register,
body.auth-body--register-classic #error-summary,
body.auth-body--logout-classic .logout-ok,
body.auth-body--logout-classic .legacy-box--support-register {
  width:86%;
  max-width:742px;
  margin-inline:auto
}
body.auth-body--register-classic .legacy-register-panel,
body.auth-body--register-classic .legacy-box--support-register,
body.auth-body--logout-classic .logout-ok,
body.auth-body--logout-classic .legacy-box--support-register {
  background:#fff;
  border:1px dashed #d7d7d7;
  box-shadow:none
}
body.auth-body--register-classic .legacy-register-panel {
  padding:20px 24px
}
body.auth-body--register-classic .legacy-register-panel--account {
  padding-top:22px;
  padding-bottom:20px
}
body.auth-body--register-classic .legacy-register-panel--choices {
  padding-top:18px;
  padding-bottom:18px
}
body.auth-body--register-classic .legacy-box--support-register,
body.auth-body--logout-classic .legacy-box--support-register {
  margin-top:14px;
  padding:14px 18px;
  text-align:right
}
body.auth-body--logout-classic .logout-ok {
  margin:14px auto;
  padding:20px 24px
}
body.auth-body--register-classic .legacy-field-row {
  grid-template-columns:170px 276px;
  gap:8px 16px;
  padding:6px 0
}
body.auth-body--register-classic .legacy-field-row__control,
body.auth-body--register-classic .legacy-register-mode,
body.auth-body--register-classic .legacy-field-row--register-mode .legacy-field-row__control {
  width:276px
}
body.auth-body--register-classic #phoneRow.is-readonly,
html[data-theme="dark"] body.auth-body--register-classic #phoneRow.is-readonly {
  border-color:#d6dbce;
  background:#f3f4ee
}
body.auth-body--register-classic #phoneRow.is-readonly .phone-row__input {
  color:#676b61;
  cursor:not-allowed
}
body.auth-body--register-classic #phonePrefix.is-disabled,
html[data-theme="dark"] body.auth-body--register-classic #phonePrefix.is-disabled {
  opacity:.7;
  cursor:default!important
}
@media (max-width:960px) {
  body.auth-body--register-classic .content,
  body.auth-body--logout-classic .content {
    width:min(100%, 720px)
  }
  body.auth-body--register-classic .legacy-login-main,
  body.auth-body--logout-classic .legacy-login-main {
    width:100%;
    max-width:none
  }
  body.auth-body--register-classic .legacy-register-panel,
  body.auth-body--register-classic .legacy-box--support-register,
  body.auth-body--register-classic #error-summary,
  body.auth-body--logout-classic .logout-ok,
  body.auth-body--logout-classic .legacy-box--support-register {
    width:100%;
    max-width:none
  }
}
body.auth-body.auth-body--login-classic .content,
body.auth-body.auth-body--register-classic .content,
body.auth-body.auth-body--logout-classic .content {
  width:min(1040px, calc(100% - 32px));
  max-width:none;
  margin:8px auto 0
}
body.auth-body.auth-body--login-classic .legacy-login-shell,
body.auth-body.auth-body--register-classic .legacy-login-shell,
body.auth-body.auth-body--logout-classic .legacy-login-shell {
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:stretch;
  gap:10px
}
body.auth-body.auth-body--login-classic .legacy-login-side,
body.auth-body.auth-body--register-classic .legacy-login-side,
body.auth-body.auth-body--logout-classic .legacy-login-side {
  width:176px;
  min-height:auto;
  display:flex;
  flex-direction:column;
  align-self:stretch;
  justify-content:flex-start;
  padding-top:88px;
  background:#fff none left 12px top 20px no-repeat
}
body.auth-body.auth-body--login-classic .legacy-login-side__list,
body.auth-body.auth-body--register-classic .legacy-login-side__list,
body.auth-body.auth-body--logout-classic .legacy-login-side__list {
  margin-top:0;
  padding:0 18px 0 28px;
  list-style:none;
  text-align:right;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none
}
body.auth-body.auth-body--login-classic .legacy-login-side__list a,
body.auth-body.auth-body--register-classic .legacy-login-side__list a,
body.auth-body.auth-body--logout-classic .legacy-login-side__list a {
  display:block;
  padding:8px 10px 8px 0;
  border-right:2px solid #fff0;
  color:#1e1e1e;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  border-radius:0;
  background:none;
  transition:color 0.18s ease,border-color 0.18s ease
}
body.auth-body.auth-body--login-classic .legacy-login-side__list a:hover,
body.auth-body.auth-body--login-classic .legacy-login-side__list a.is-on,
body.auth-body.auth-body--register-classic .legacy-login-side__list a:hover,
body.auth-body.auth-body--register-classic .legacy-login-side__list a.is-on,
body.auth-body.auth-body--logout-classic .legacy-login-side__list a:hover,
body.auth-body.auth-body--logout-classic .legacy-login-side__list a.is-on {
  color:#4c7c13;
  border-right-color:#71d000;
  background:none
}
body.auth-body.auth-body--login-classic .legacy-login-main,
body.auth-body.auth-body--register-classic .legacy-login-main,
body.auth-body.auth-body--logout-classic .legacy-login-main {
  width:836px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:18px 20px 28px;
  background:none left 30px no-repeat
}
body.auth-body.auth-body--login-classic .legacy-login-main__title,
body.auth-body.auth-body--register-classic .legacy-login-main__title,
body.auth-body.auth-body--logout-classic .legacy-login-main__title {
  margin:0 0 6px;
  color:#5f5f5f;
  font-size:40px;
  font-weight:700;
  line-height:1.04;
  text-align:center
}
body.auth-body.auth-body--login-classic .legacy-login-main__subtitle,
body.auth-body.auth-body--register-classic .legacy-login-main__subtitle,
body.auth-body.auth-body--logout-classic .legacy-login-main__subtitle {
  margin:0 0 6px;
  color:#111;
  font-size:15px;
  font-weight:700;
  text-align:center
}
body.auth-body.auth-body--login-classic .legacy-login-main__copy,
body.auth-body.auth-body--register-classic .legacy-login-main__copy,
body.auth-body.auth-body--logout-classic .legacy-login-main__copy {
  width:86%;
  max-width:742px;
  margin:0 0 14px;
  color:#222;
  font-size:11px;
  line-height:1.7;
  text-align:center
}
body.auth-body.auth-body--login-classic .legacy-box--form,
body.auth-body.auth-body--register-classic .legacy-register-panel,
body.auth-body.auth-body--register-classic .legacy-box--support-register,
body.auth-body.auth-body--register-classic #error-summary,
body.auth-body.auth-body--logout-classic .logout-ok,
body.auth-body.auth-body--logout-classic .legacy-box--support-register {
  width:86%;
  max-width:742px;
  margin-inline:auto
}
body.auth-body.auth-body--register-classic .legacy-register-panel,
body.auth-body.auth-body--register-classic .legacy-box--support-register,
body.auth-body.auth-body--logout-classic .logout-ok,
body.auth-body.auth-body--logout-classic .legacy-box--support-register {
  background:#fff;
  border:1px dashed #d7d7d7;
  box-shadow:none
}
body.auth-body.auth-body--register-classic .legacy-register-panel {
  padding:20px 24px
}
body.auth-body.auth-body--register-classic .legacy-register-panel--account {
  padding-top:22px;
  padding-bottom:20px
}
body.auth-body.auth-body--register-classic .legacy-register-panel--choices,
body.auth-body.auth-body--register-classic .legacy-box--support-register,
body.auth-body.auth-body--logout-classic .legacy-box--support-register {
  padding:14px 18px
}
body.auth-body.auth-body--logout-classic .logout-ok {
  margin:14px auto;
  padding:20px 24px
}
body.auth-body.auth-body--login-classic .legacy-field-row,
body.auth-body.auth-body--register-classic .legacy-field-row {
  grid-template-columns:170px 276px;
  justify-content:center;
  gap:8px 16px;
  padding:6px 0
}
body.auth-body.auth-body--login-classic .legacy-field-row__label,
body.auth-body.auth-body--login-classic .legacy-field-row__label--muted,
body.auth-body.auth-body--register-classic .legacy-field-row__label,
body.auth-body.auth-body--register-classic .legacy-field-row__label--muted {
  font-size:13px
}
body.auth-body.auth-body--login-classic .legacy-field-row--mode .legacy-field-row__control,
body.auth-body.auth-body--login-classic .legacy-field-row__control,
body.auth-body.auth-body--login-classic .legacy-login-mode,
body.auth-body.auth-body--register-classic .legacy-field-row__control,
body.auth-body.auth-body--register-classic .legacy-field-row--mode .legacy-field-row__control,
body.auth-body.auth-body--register-classic .legacy-field-row--register-mode .legacy-field-row__control,
body.auth-body.auth-body--register-classic .legacy-login-mode,
body.auth-body.auth-body--register-classic .legacy-register-mode {
  width:276px;
  max-width:100%
}
body.auth-body.auth-body--login-classic .legacy-login-mode,
body.auth-body.auth-body--register-classic .legacy-login-mode,
body.auth-body.auth-body--register-classic .legacy-register-mode {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:0;
  padding:0;
  direction:rtl;
  background:none;
  border:0;
  border-radius:0
}
body.auth-body.auth-body--login-classic .legacy-login-mode .ct-opt,
body.auth-body.auth-body--register-classic .legacy-login-mode .ct-opt,
body.auth-body.auth-body--register-classic .legacy-register-mode .ct-opt {
  min-height:36px;
  padding:0 12px;
  font-size:14px;
  font-weight:700;
  color:#565656;
  border-radius:4px;
  border:1px solid #d1d6c6;
  background:linear-gradient(to bottom,#ffffff,#f2f4ed);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .95);
  transition:color 0.18s ease,border-color 0.18s ease,background 0.18s ease,box-shadow 0.18s ease
}
body.auth-body.auth-body--login-classic .legacy-login-mode .ct-opt.is-on,
body.auth-body.auth-body--login-classic .legacy-login-mode .ct-opt.on,
body.auth-body.auth-body--register-classic .legacy-login-mode .ct-opt.is-on,
body.auth-body.auth-body--register-classic .legacy-login-mode .ct-opt.on,
body.auth-body.auth-body--register-classic .legacy-register-mode .ct-opt.is-on,
body.auth-body.auth-body--register-classic .legacy-register-mode .ct-opt.on {
  color:#254400;
  border-color:#8dbb46;
  background:linear-gradient(to bottom,#fdfef9,#edf5dc);
  box-shadow:inset 0 0 0 1px #d9e8b8
}
body.auth-body.auth-body--login-classic .legacy-login-mode .ct-opt:hover,
body.auth-body.auth-body--register-classic .legacy-login-mode .ct-opt:hover,
body.auth-body.auth-body--register-classic .legacy-register-mode .ct-opt:hover {
  color:#376b00;
  border-color:#b9c9a1
}
body.auth-body.auth-body--login-classic .legacy-field-row__control>.fi,
body.auth-body.auth-body--login-classic .legacy-field-row__control>.phone-row,
body.auth-body.auth-body--login-classic .legacy-field-row__control>.fi-ico,
body.auth-body.auth-body--register-classic .legacy-field-row__control>.fi,
body.auth-body.auth-body--register-classic .legacy-field-row__control>.phone-row,
body.auth-body.auth-body--register-classic .legacy-field-row__control>.fi-ico {
  width:100%;
  max-width:100%;
  box-sizing:border-box
}
@media (max-width:960px) {
  body.auth-body.auth-body--login-classic .legacy-login-shell,
  body.auth-body.auth-body--register-classic .legacy-login-shell,
  body.auth-body.auth-body--logout-classic .legacy-login-shell {
    gap:0
  }
  body.auth-body.auth-body--login-classic .legacy-login-side,
  body.auth-body.auth-body--register-classic .legacy-login-side,
  body.auth-body.auth-body--logout-classic .legacy-login-side {
    display:none;
    padding-top:0;
    background:none
  }
  body.auth-body.auth-body--login-classic .legacy-login-main,
  body.auth-body.auth-body--register-classic .legacy-login-main,
  body.auth-body.auth-body--logout-classic .legacy-login-main {
    width:100%;
    max-width:none
  }
  body.auth-body.auth-body--register-classic .legacy-register-panel,
  body.auth-body.auth-body--register-classic .legacy-box--support-register,
  body.auth-body.auth-body--register-classic #error-summary,
  body.auth-body.auth-body--logout-classic .logout-ok,
  body.auth-body.auth-body--logout-classic .legacy-box--support-register {
    width:100%;
    max-width:none
  }
}
body.auth-body.auth-body--login-classic #loginModeBar,
body.auth-body.auth-body--register-classic #registerModeBar {
  width:244px;
  max-width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px;
  padding:3px;
  direction:rtl;
  background:linear-gradient(to bottom,#f4f4f2,#ddddda);
  border:1px solid #cdcec8;
  border-radius:999px;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .92),0 1px 0 rgb(0 0 0 / .02)
}
body.auth-body.auth-body--login-classic #loginModeBar .ct-opt,
body.auth-body.auth-body--register-classic #registerModeBar .ct-opt {
  min-height:27px;
  padding:0 9px;
  border:0;
  border-radius:999px;
  background:#fff0;
  box-shadow:none;
  color:#66655d;
  font-size:11px;
  font-weight:700;
  transition:background 0.18s ease,color 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease
}
body.auth-body.auth-body--login-classic #loginModeBar .ct-opt.is-on,
body.auth-body.auth-body--login-classic #loginModeBar .ct-opt.on,
body.auth-body.auth-body--register-classic #registerModeBar .ct-opt.is-on,
body.auth-body.auth-body--register-classic #registerModeBar .ct-opt.on {
  background:linear-gradient(to bottom,#ffffff,#f1f2ed);
  color:#4c5537;
  box-shadow:inset 0 0 0 1px #d8ddd0,0 1px 1px rgb(0 0 0 / .05)
}
body.auth-body.auth-body--login-classic #loginModeBar .ct-opt:hover,
body.auth-body.auth-body--register-classic #registerModeBar .ct-opt:hover {
  color:#555a46
}
@media (max-width:960px) {
  body.auth-body.auth-body--login-classic .page,
  body.auth-body.auth-body--register-classic .page,
  body.auth-body.auth-body--logout-classic .page {
    padding:12px 10px 28px
  }
  body.auth-body.auth-body--login-classic .content,
  body.auth-body.auth-body--register-classic .content,
  body.auth-body.auth-body--logout-classic .content {
    width:min(100%, 720px);
    margin-top:4px
  }
  body.auth-body.auth-body--login-classic .legacy-login-main,
  body.auth-body.auth-body--register-classic .legacy-login-main,
  body.auth-body.auth-body--logout-classic .legacy-login-main {
    width:100%;
    max-width:none;
    padding:8px 0 0;
    background:none
  }
  body.auth-body.auth-body--login-classic .legacy-login-main__title,
  body.auth-body.auth-body--register-classic .legacy-login-main__title,
  body.auth-body.auth-body--logout-classic .legacy-login-main__title {
    font-size:30px
  }
  body.auth-body.auth-body--login-classic .legacy-login-main__subtitle,
  body.auth-body.auth-body--register-classic .legacy-login-main__subtitle,
  body.auth-body.auth-body--logout-classic .legacy-login-main__subtitle {
    font-size:14px
  }
  body.auth-body.auth-body--login-classic .legacy-login-main__copy,
  body.auth-body.auth-body--register-classic .legacy-login-main__copy,
  body.auth-body.auth-body--logout-classic .legacy-login-main__copy {
    width:100%;
    max-width:none;
    margin-bottom:12px;
    font-size:10px;
    line-height:1.8
  }
  body.auth-body.auth-body--login-classic .legacy-box,
  body.auth-body.auth-body--register-classic .legacy-register-panel,
  body.auth-body.auth-body--register-classic .legacy-box--support-register,
  body.auth-body.auth-body--register-classic #error-summary,
  body.auth-body.auth-body--logout-classic .logout-ok,
  body.auth-body.auth-body--logout-classic .legacy-box--support-register {
    width:100%;
    max-width:none
  }
  body.auth-body.auth-body--login-classic .legacy-box,
  body.auth-body.auth-body--register-classic .legacy-register-panel,
  body.auth-body.auth-body--register-classic .legacy-box--support-register,
  body.auth-body.auth-body--logout-classic .logout-ok,
  body.auth-body.auth-body--logout-classic .legacy-box--support-register {
    padding:13px 12px
  }
  body.auth-body.auth-body--register-classic .legacy-register-panel--choices {
    padding:0
  }
  body.auth-body.auth-body--login-classic .legacy-field-row,
  body.auth-body.auth-body--register-classic .legacy-field-row {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    padding:7px 0
  }
  body.auth-body.auth-body--login-classic .legacy-field-row__label,
  body.auth-body.auth-body--login-classic .legacy-field-row__control,
  body.auth-body.auth-body--register-classic .legacy-field-row__label,
  body.auth-body.auth-body--register-classic .legacy-field-row__control {
    width:100%;
    max-width:none;
    padding-top:0
  }
  body.auth-body.auth-body--login-classic .legacy-field-row--mode .legacy-field-row__control,
  body.auth-body.auth-body--register-classic .legacy-field-row--mode .legacy-field-row__control,
  body.auth-body.auth-body--register-classic .legacy-field-row--register-mode .legacy-field-row__control,
  body.auth-body.auth-body--login-classic #loginModeBar,
  body.auth-body.auth-body--register-classic #registerModeBar {
    width:100%;
    max-width:none
  }
  body.auth-body.auth-body--login-classic .legacy-login-actions,
  body.auth-body.auth-body--register-classic .legacy-register-actions,
  body.auth-body.auth-body--logout-classic .logout-ok .btns {
    margin-top:12px
  }
  body.auth-body.auth-body--login-classic .legacy-login-btn,
  body.auth-body.auth-body--register-classic .legacy-register-submit,
  body.auth-body.auth-body--logout-classic .logout-ok .btn {
    width:min(100%, 220px);
    height:36px
  }
  body.auth-body.auth-body--register-classic .legacy-register-grid {
    grid-template-columns:minmax(0,3fr) minmax(0,5fr);
    gap:8px
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice {
    padding:8px 8px 10px
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice__list {
    gap:0
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 8px
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list label {
    gap:6px
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list li:first-child {
    grid-column:1 / -1
  }
}
@media (max-width:540px) {
  body.auth-body.auth-body--login-classic .auth-topbar .auth-topnav,
  body.auth-body.auth-body--register-classic .auth-topbar .auth-topnav,
  body.auth-body.auth-body--logout-classic .auth-topbar .auth-topnav,
  html[data-theme="dark"] body.auth-body.auth-body--login-classic .auth-topbar .auth-topnav,
  html[data-theme="dark"] body.auth-body.auth-body--register-classic .auth-topbar .auth-topnav,
  html[data-theme="dark"] body.auth-body.auth-body--logout-classic .auth-topbar .auth-topnav {
    width:calc(100% - 14px);
    max-width:calc(100% - 18px);
    bottom:14px;
    padding-inline:2px
  }
  body.auth-body.auth-body--login-classic .auth-topbar .auth-topnav a,
  body.auth-body.auth-body--register-classic .auth-topbar .auth-topnav a,
  body.auth-body.auth-body--logout-classic .auth-topbar .auth-topnav a,
  html[data-theme="dark"] body.auth-body.auth-body--login-classic .auth-topbar .auth-topnav a,
  html[data-theme="dark"] body.auth-body.auth-body--register-classic .auth-topbar .auth-topnav a,
  html[data-theme="dark"] body.auth-body.auth-body--logout-classic .auth-topbar .auth-topnav a {
    height:24px;
    padding:0 4px;
    font-size:14px;
    white-space:nowrap
  }
  body.auth-body.auth-body--login-classic .page,
  body.auth-body.auth-body--register-classic .page,
  body.auth-body.auth-body--logout-classic .page {
    padding:10px 8px 22px
  }
  body.auth-body.auth-body--login-classic .legacy-login-main__title,
  body.auth-body.auth-body--register-classic .legacy-login-main__title,
  body.auth-body.auth-body--logout-classic .legacy-login-main__title {
    font-size:27px
  }
  body.auth-body.auth-body--login-classic .legacy-login-main__subtitle,
  body.auth-body.auth-body--register-classic .legacy-login-main__subtitle,
  body.auth-body.auth-body--logout-classic .legacy-login-main__subtitle {
    font-size:13px
  }
  body.auth-body.auth-body--login-classic .legacy-login-main__copy,
  body.auth-body.auth-body--register-classic .legacy-login-main__copy,
  body.auth-body.auth-body--logout-classic .legacy-login-main__copy {
    font-size:9.5px
  }
  body.auth-body.auth-body--login-classic #loginModeBar,
  body.auth-body.auth-body--register-classic #registerModeBar {
    width:100%;
    gap:2px;
    padding:2px
  }
  body.auth-body.auth-body--login-classic #loginModeBar .ct-opt,
  body.auth-body.auth-body--register-classic #registerModeBar .ct-opt {
    min-height:29px;
    padding:0 8px;
    font-size:10.5px
  }
  body.auth-body.auth-body--login-classic .fi,
  body.auth-body.auth-body--login-classic .phone-row,
  body.auth-body.auth-body--register-classic .fi,
  body.auth-body.auth-body--register-classic .phone-row {
    min-height:36px;
    height:36px
  }
  body.auth-body.auth-body--login-classic .fi,
  body.auth-body.auth-body--login-classic .phone-row__input,
  body.auth-body.auth-body--register-classic .fi,
  body.auth-body.auth-body--register-classic .phone-row__input {
    font-size:16px
  }
  body.auth-body.auth-body--login-classic input:not([type="checkbox"]):not([type="radio"]),
  body.auth-body.auth-body--login-classic select,
  body.auth-body.auth-body--login-classic textarea,
  body.auth-body.auth-body--register-classic input:not([type="checkbox"]):not([type="radio"]),
  body.auth-body.auth-body--register-classic select,
  body.auth-body.auth-body--register-classic textarea,
  body.auth-body.auth-body--logout-classic input:not([type="checkbox"]):not([type="radio"]),
  body.auth-body.auth-body--logout-classic select,
  body.auth-body.auth-body--logout-classic textarea {
    font-size:16px!important
  }
  body.auth-body.auth-body--login-classic .fi::placeholder,
  body.auth-body.auth-body--login-classic .phone-row__input::placeholder,
  body.auth-body.auth-body--register-classic .fi::placeholder,
  body.auth-body.auth-body--register-classic .phone-row__input::placeholder {
    font-size:12.5px
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list {
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:8px
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list li:first-child {
    grid-column:1 / -1
  }
  body.auth-body.auth-body--logout-classic .logout-ok .btns {
    flex-direction:column;
    align-items:stretch;
    gap:8px
  }
  body.auth-body.auth-body--logout-classic .logout-ok .btn,
  body.auth-body.auth-body--logout-classic .logout-ok__clear {
    width:100%;
    text-align:center
  }
}
@media (max-width:360px) {
  body.auth-body.auth-body--register-classic .legacy-register-grid {
    grid-template-columns:minmax(0,1fr) minmax(0,2fr);
    gap:6px
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice {
    padding-inline:4px
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list {
    column-gap:4px
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list label {
    gap:4px
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list input[type="radio"] {
    width:14px;
    height:14px
  }
  body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-option {
    font-size:13px
  }
}
body.auth-body--login-classic .legacy-login-main--worldjoin {
  justify-content:flex-start
}
body.auth-body--login-classic .legacy-box--worldjoin {
  max-width:742px;
  padding-top:18px;
  padding-bottom:18px
}
body.auth-body--login-classic .legacy-worldjoin-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px 24px;
  align-items:start
}
body.auth-body--login-classic .legacy-worldjoin-section {
  min-width:0
}
body.auth-body--login-classic .legacy-worldjoin-title {
  margin:0 0 10px;
  color:#5a5a52;
  font-size:16px;
  font-weight:700;
  text-align:right
}
body.auth-body--login-classic .legacy-worldjoin-list {
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:1fr;
  gap:8px
}
body.auth-body--login-classic .legacy-worldjoin-list--location {
  grid-template-columns:repeat(2,minmax(0,1fr))
}
body.auth-body--login-classic .legacy-worldjoin-list__full {
  grid-column:1 / -1
}
body.auth-body--login-classic .legacy-worldjoin-option {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  min-height:36px;
  padding:0 12px;
  border:1px solid #dddeda;
  border-radius:4px;
  background:#fff;
  color:#212121;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  text-align:right;
  transition:border-color 0.18s ease,background 0.18s ease,box-shadow 0.18s ease,color 0.18s ease
}
body.auth-body--login-classic .legacy-worldjoin-option input[type="radio"] {
  margin:0 0 0 8px;
  accent-color:#7c9840;
  flex:0 0 auto
}
body.auth-body--login-classic .legacy-worldjoin-option img {
  width:18px;
  height:18px;
  object-fit:contain;
  flex:0 0 auto
}
body.auth-body--login-classic .legacy-worldjoin-option:hover {
  border-color:#c8d4b1;
  background:#fbfbf8
}
body.auth-body--login-classic .legacy-worldjoin-option:has(input:checked) {
  border-color:#c8d4b1;
  background:linear-gradient(to bottom,#fffefb,#f4f7ec);
  box-shadow:inset 0 0 0 1px #dce4ca;
  color:#34411b
}
body.auth-body--login-classic .legacy-worldjoin-actions {
  margin-top:14px
}
body.auth-body--login-classic .legacy-box--support-worldjoin {
  max-width:742px
}
@media (max-width:960px) {
  body.auth-body--login-classic .legacy-worldjoin-grid {
    grid-template-columns:1fr;
    gap:14px
  }
}
@media (max-width:540px) {
  body.auth-body--login-classic .legacy-box--worldjoin {
    padding-top:14px;
    padding-bottom:14px
  }
  body.auth-body--login-classic .legacy-worldjoin-title {
    font-size:14px
  }
  body.auth-body--login-classic .legacy-worldjoin-list--location {
    grid-template-columns:1fr
  }
  body.auth-body--login-classic .legacy-worldjoin-list__full {
    grid-column:auto
  }
}
body.auth-body.auth-body--login-classic .fi,
body.auth-body.auth-body--login-classic .phone-row__input,
body.auth-body.auth-body--login-classic input:not([type="checkbox"]):not([type="radio"]),
body.auth-body.auth-body--login-classic select,
body.auth-body.auth-body--login-classic textarea,
body.auth-body.auth-body--register-classic .fi,
body.auth-body.auth-body--register-classic .phone-row__input,
body.auth-body.auth-body--register-classic input:not([type="checkbox"]):not([type="radio"]),
body.auth-body.auth-body--register-classic select,
body.auth-body.auth-body--register-classic textarea,
body.auth-body.auth-body--logout-classic input:not([type="checkbox"]):not([type="radio"]),
body.auth-body.auth-body--logout-classic select,
body.auth-body.auth-body--logout-classic textarea {
  font-size:16px!important
}
.reset-overlay {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 0.16s ease,visibility 0s linear 0.16s
}
.reset-overlay.open {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s
}
.reset-overlay .reset-modal {
  opacity:0;
  transform:translateY(8px) scale(.985);
  animation:none;
  transition:opacity 0.16s ease,transform 0.16s var(--ease-out)
}
.reset-overlay.open .reset-modal {
  opacity:1;
  transform:translateY(0) scale(1)
}
@media (prefers-reduced-motion:reduce) {
  .reset-overlay,
  .reset-overlay .reset-modal {
    transition:none
  }
}
.reset-overlay {
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:rgb(8 4 1 / .42)
}
.reset-overlay .reset-modal {
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:rgb(252 248 242 / .98);
  will-change:opacity,transform
}
#resetPhoneTurnstileWrap {
  contain:layout paint;
  min-height:0
}
#resetPhoneTurnstileWrap[aria-hidden="false"] {
  min-height:70px
}
body.auth-body .eu-modal__close,
html[data-theme="dark"] body.auth-body .eu-modal__close {
  background:linear-gradient(180deg,#fffdfa 0%,#efe4d2 100%);
  color:#6c5a45;
  border:1px solid #d2c4b0;
  box-shadow:0 2px 6px rgb(77 60 35 / .12)
}
body.auth-body .eu-modal__close:hover,
body.auth-body .eu-modal__close:focus-visible {
  background:linear-gradient(180deg,#fff 0%,#f4ead8 100%);
  color:#4f4334;
  border-color:#c3b394;
  box-shadow:0 4px 10px rgb(77 60 35 / .16);
  outline:none
}
html[data-theme="dark"] body.auth-body.auth-body--login,
html[data-theme="dark"] body.auth-body.auth-body--login-classic,
html[data-theme="dark"] body.auth-body.auth-body--register-classic {
  --classic-dark-bg:#15110d;
  --classic-dark-panel:#211b16;
  --classic-dark-panel-soft:#282119;
  --classic-dark-field:#17130f;
  --classic-dark-border:#46392d;
  --classic-dark-border-strong:#60763a;
  --classic-dark-text:#eee7dd;
  --classic-dark-muted:#b9ada0;
  --classic-dark-green:#a5cf62;
  color-scheme:dark;
  color:var(--classic-dark-text);
  background:var(--classic-dark-bg)
}
html[data-theme="dark"] body.auth-body.auth-body--login .auth-topbar .auth-topnav,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .auth-topbar .auth-topnav,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .auth-topbar .auth-topnav {
  background:linear-gradient(180deg,rgb(39 32 25 / .94),rgb(24 20 16 / .96));
  border-color:#493b2e;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .04),0 1px 4px rgb(0 0 0 / .35)
}
html[data-theme="dark"] body.auth-body.auth-body--login .auth-topbar .auth-topnav a,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .auth-topbar .auth-topnav a,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .auth-topbar .auth-topnav a {
  color:#c9bcae
}
html[data-theme="dark"] body.auth-body.auth-body--login .auth-topbar .auth-topnav a:hover,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .auth-topbar .auth-topnav a:hover,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .auth-topbar .auth-topnav a:hover {
  color:#edf4df;
  background:rgb(255 255 255 / .04)
}
html[data-theme="dark"] body.auth-body.auth-body--login .auth-topbar .auth-topnav a.on,
html[data-theme="dark"] body.auth-body.auth-body--login .auth-topbar .auth-topnav a.is-on,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .auth-topbar .auth-topnav a.on,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .auth-topbar .auth-topnav a.is-on,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .auth-topbar .auth-topnav a.on,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .auth-topbar .auth-topnav a.is-on {
  color:#f3eee7;
  background:rgb(255 255 255 / .07);
  border-bottom-color:#91b64f
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-login-main__title,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-login-main__title {
  color:var(--classic-dark-text)
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-login-main__subtitle,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-login-main__subtitle,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-help-title,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-help-title {
  color:#f5f0e8
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-login-main__copy,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-login-main__copy,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-stats-grid,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .foot-cta {
  color:var(--classic-dark-muted)
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-box,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-register-panel,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-register-choice,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-box--support-register,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .foot-cta {
  color:var(--classic-dark-text)
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-stats-grid b {
  color:var(--classic-dark-muted)
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-stats-grid p {
  color:var(--classic-dark-text)
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-field-row__label,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-field-row__label--muted,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-field-row__label,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-field-row__label--muted,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-register-choice__title {
  color:#e7dfd5
}
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-register-choice__title {
  color:#f2a22c
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .fi,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .phone-row,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .fi,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .phone-row,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-register-panel .fi,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-register-panel .phone-row {
  color:var(--classic-dark-text);
  background:var(--classic-dark-field);
  border-color:var(--classic-dark-border-strong);
  box-shadow:inset 0 1px 2px rgb(0 0 0 / .3)
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .fi:focus,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .phone-row:focus-within,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .fi:focus,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .phone-row:focus-within {
  color:var(--classic-dark-text);
  background:#1d1813;
  border-color:#91b64f;
  outline-color:#91b64f;
  box-shadow:0 0 0 3px rgb(145 182 79 / .16)
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .fi::placeholder,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .phone-row__input::placeholder,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .fi::placeholder,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .phone-row__input::placeholder {
  color:#8f8275
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .phone-row__input,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .phone-row__input {
  color:var(--classic-dark-text)
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .phone-row__prefix,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .phone-row__prefix {
  color:#d1c5b7;
  background:var(--classic-dark-panel-soft);
  border-left-color:var(--classic-dark-border)
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .fi-ico__btn,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .fi-ico__btn {
  color:#bfb2a4
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic #loginModeBar,
html[data-theme="dark"] body.auth-body.auth-body--register-classic #registerModeBar {
  background:#17130f;
  border-color:var(--classic-dark-border);
  box-shadow:inset 0 1px 2px rgb(0 0 0 / .45)
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic #loginModeBar .ct-opt,
html[data-theme="dark"] body.auth-body.auth-body--register-classic #registerModeBar .ct-opt {
  color:#aaa095;
  background:#fff0
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic #loginModeBar .ct-opt.is-on,
html[data-theme="dark"] body.auth-body.auth-body--login-classic #loginModeBar .ct-opt.on,
html[data-theme="dark"] body.auth-body.auth-body--register-classic #registerModeBar .ct-opt.is-on,
html[data-theme="dark"] body.auth-body.auth-body--register-classic #registerModeBar .ct-opt.on {
  color:#eff6e4;
  background:linear-gradient(180deg,#42552c,#304020);
  box-shadow:inset 0 0 0 1px #607a3a
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-login-btn,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-register-submit {
  color:#fff;
  background:linear-gradient(180deg,#89ad49 0%,#6f9137 58%,#5c792d 100%);
  border-color:#91c34c;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .18),0 2px 7px rgb(0 0 0 / .3)
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-link-btn,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-link-btn,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .foot-cta a {
  color:var(--classic-dark-green)
}
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-register-option {
  color:#171717;
  background:none;
  border-color:#fff0;
  box-shadow:none
}
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-register-choice__list label:hover .legacy-register-option {
  color:#4f7f18;
  background:none;
  border-color:#fff0
}
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-register-choice__list input[type="radio"]:checked+.legacy-register-option {
  color:#171717;
  background:none;
  border-color:#fff0;
  box-shadow:none
}
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-register-rules .pw-rule {
  color:#b9ada0
}
html[data-theme="dark"] body.auth-body.auth-body--register-classic .legacy-register-rules .pw-rule__dot {
  background:#17130f;
  border-color:#55483a
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-box--error,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .alert--err {
  color:#ffc2bd;
  background:#321c1a;
  border-color:#70403b
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .reset-modal,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .eu-modal,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .eu-modal {
  color:var(--classic-dark-text);
  background:#211b16;
  border-color:#4b3d31;
  box-shadow:0 18px 42px rgb(0 0 0 / .55)
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .reset-modal__head,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .eu-modal__head,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .eu-modal__head {
  color:var(--classic-dark-text);
  background:linear-gradient(180deg,#30271f,#251e18);
  border-bottom-color:#4b3d31
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .reset-tabs {
  background:#17130f
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .reset-tab {
  color:#aaa095
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .reset-tab.is-on {
  color:var(--classic-dark-green);
  background:#2a241d
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .reset-modal .fg__lbl,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .reset-modal .fg__lbl-txt,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .reset-modal .reset-status {
  color:#e7dfd5
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .password-reset-form .password-requirements,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .password-reset-form .note,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .password-reset-form .pw-rules {
  color:var(--classic-dark-muted);
  background:var(--classic-dark-panel-soft);
  border-color:var(--classic-dark-border)
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .reset-modal__close,
html[data-theme="dark"] body.auth-body.auth-body--login-classic .eu-modal__close,
html[data-theme="dark"] body.auth-body.auth-body--register-classic .eu-modal__close {
  color:#ddd3c7;
  background:#30271f;
  border-color:#59493a;
  box-shadow:none
}
html[data-theme="dark"] body.auth-body.auth-body--login::before {
  background:var(--classic-dark-bg)
}
html[data-theme="dark"] body.auth-body.auth-body--login .card {
  color:var(--classic-dark-text);
  background:var(--classic-dark-panel);
  border-color:var(--classic-dark-border);
  box-shadow:0 18px 36px rgb(0 0 0 / .38)
}
html[data-theme="dark"] body.auth-body.auth-body--login .card-hd {
  background:linear-gradient(180deg,#30271f,#251e18);
  border-bottom-color:#4b3d31
}
html[data-theme="dark"] body.auth-body.auth-body--login .card-hd__brand {
  border-bottom-color:#4b3d31
}
html[data-theme="dark"] body.auth-body.auth-body--login .brand-icon {
  color:#e8dfd3;
  background:#30271f;
  border-color:#59493a
}
html[data-theme="dark"] body.auth-body.auth-body--login .brand-name,
html[data-theme="dark"] body.auth-body.auth-body--login .step-name,
html[data-theme="dark"] body.auth-body.auth-body--login .fg__lbl,
html[data-theme="dark"] body.auth-body.auth-body--login .fg__lbl-txt,
html[data-theme="dark"] body.auth-body.auth-body--login .password-reset-form .password-requirements h3 {
  color:var(--classic-dark-text)
}
html[data-theme="dark"] body.auth-body.auth-body--login .brand-sub {
  color:var(--classic-dark-muted)
}
html[data-theme="dark"] body.auth-body.auth-body--login .fi {
  color:var(--classic-dark-text);
  background:var(--classic-dark-field);
  border-color:var(--classic-dark-border-strong);
  box-shadow:inset 0 1px 2px rgb(0 0 0 / .3)
}
html[data-theme="dark"] body.auth-body.auth-body--login .fi:focus {
  color:var(--classic-dark-text);
  background:#1d1813;
  border-color:#91b64f;
  box-shadow:0 0 0 3px rgb(145 182 79 / .16)
}
html[data-theme="dark"] body.auth-body.auth-body--login .fi::placeholder {
  color:#8f8275
}
html[data-theme="dark"] body.auth-body.auth-body--login .fi-ico__btn {
  color:#bfb2a4
}
html[data-theme="dark"] body.auth-body.auth-body--login .password-reset-form .password-requirements,
html[data-theme="dark"] body.auth-body.auth-body--login .password-reset-form .note,
html[data-theme="dark"] body.auth-body.auth-body--login .password-strength-meter {
  color:var(--classic-dark-muted);
  background:var(--classic-dark-panel-soft);
  border-color:var(--classic-dark-border)
}
html[data-theme="dark"] body.auth-body.auth-body--login .password-reset-form .password-requirements li {
  color:#ef9a93
}
html[data-theme="dark"] body.auth-body.auth-body--login .password-reset-form .password-requirements li.passed {
  color:var(--classic-dark-green)
}
html[data-theme="dark"] body.auth-body.auth-body--login .error-container {
  background:#321c1a;
  border-color:#70403b
}
html[data-theme="dark"] body.auth-body.auth-body--login .error-message {
  color:#ffc2bd
}
html[data-theme="dark"] body.auth-body.auth-body--login .strength-text {
  color:var(--classic-dark-muted)
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-worldjoin-title {
  color:#e7dfd5
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-worldjoin-option {
  color:#e8e1d8;
  background:#191510;
  border-color:#463a2e;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .03)
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-worldjoin-option:hover {
  color:#f3eee8;
  background:#211c16;
  border-color:#627345
}
html[data-theme="dark"] body.auth-body.auth-body--login-classic .legacy-worldjoin-option:has(input:checked) {
  color:#eff6e4;
  background:linear-gradient(180deg,#29341f,#202a19);
  border-color:#789548;
  box-shadow:inset 0 0 0 1px rgb(145 182 79 / .2)
}

/* ===== EXACT TATAR ZONE 4 VIP IMAGES ===== */
.auth-topbar,
body.auth-body .auth-topbar {
  width: 100%;
  min-width: 100%;
  background: url(../default/img/vip/RL.png) repeat-x !important;
  position: relative;
  z-index: 100;
}

.auth-topbar__scene,
body.auth-body .auth-topbar__scene {
  max-width: 100%;
  width: 100%;
  min-width: 100%;
  height: 152px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background: url(../default/img/vip/mainHeader.png) center top no-repeat !important;
  position: relative;
}

.legacy-login-side,
body.auth-body .legacy-login-side,
body.auth-body--login-classic .legacy-login-side,
body.auth-body--register-classic .legacy-login-side,
body.auth-body--logout-classic .legacy-login-side {
  width: 176px;
  min-height: auto;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: flex-start;
  padding-top: 88px;
  background: #fff url(../default/img/vip/shR.webp) left 12px top 20px no-repeat !important;
}

.legacy-login-main,
body.auth-body .legacy-login-main,
body.auth-body--login-classic .legacy-login-main,
body.auth-body--register-classic .legacy-login-main,
body.auth-body--logout-classic .legacy-login-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 18px 20px 28px;
  background: #fff url(../default/img/vip/shL.png) left 30px no-repeat !important;
}