:root {
    --accent: #C8963E;
    --accent-light: #E0AE55;
    --accent-dim: #9A7028;
    --accent-tint: rgba(200,150,62,.1);
    --accent-glow: rgba(200,150,62,.25);
    --green: #5ab300;
    --green-dark: #4a9600;
    --green-tint: #f0f8e8;
    --green-glow: rgba(90,179,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,.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(.34,1.4,.64,1);
    --ease-out: cubic-bezier(.22,1,.36,1);
    --gold: #C8963E;
    --gold-light: #E0AE55;
    --gold-dim: #9A7028;
    --gold-tint: rgba(200,150,62,.1);
    --gold-glow: rgba(200,150,62,.25);
    --cream: rgba(252,248,242,.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 url(https://rumane.com/assets/newItems/imgs/shR.png) 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 .18s ease,border-color .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: url(https://rumane.com/assets/newItems/imgs/shL.png) 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 .18s ease,border-color .18s ease,background .18s ease,box-shadow .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;
    
    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 / .30);
    backdrop-filter: blur(8px);
    color: rgb(255 255 255 / .52);
    transition: all .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 .6s var(--ease-out) .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 .6s var(--ease-out) .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 .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 .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 .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 .4s var(--ease-out) .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 .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 .35s var(--ease-out),box-shadow .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 .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 .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 .2s,box-shadow .2s,background .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 .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 .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 .2s,box-shadow .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 .28s,transform .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 .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 .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 .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 .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 .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 .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 .22s,box-shadow .22s,transform .22s,background .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 .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 / .20);
    border-radius: var(--r-sm);
    font-size: 12px;
    color: var(--ink-mid);
    line-height: 1.65;
    min-height: 38px;
    transition: all .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 .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 .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 .2s
}

.mq__name {
    font-size: 11px;
    font-weight: 700;
    color: rgb(60 50 30 / .35);
    transition: color .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 .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 .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 .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 .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 .5s var(--ease-out) .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 .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 / .10);
    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 / .10);
    backdrop-filter: blur(10px);
    transition: all .25s
}

.mode-pill.is-on {
    background: var(--white);
    border-color: var(--border);
    color: var(--ink);
    box-shadow: 0 2px 12px rgb(0 0 0 / .10)
}

.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 .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 .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 .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 .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 .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 .55s var(--ease-spring) .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .55s var(--ease-spring) .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,.92);
    --border: #2A2218;
    --border-light: #3A3028;
    --cream: rgba(26,21,16,.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,.08);
    --accent-glow: rgba(200,150,62,.15);
    --gold: #C8963E;
    --gold-light: #E0AE55;
    --gold-dim: #9A7028;
    --gold-tint: rgba(200,150,62,.08);
    --gold-glow: rgba(200,150,62,.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 {
    position: relative;
    z-index: 4;
    width: 100%;
    min-width: 100%;
    background: url(https://rumane.com/assets/newImgs/i/Mp/RL.png) repeat-x
}

body.auth-body .auth-topbar__scene {
    height: 152px;
    display: block;
    width: 100%;
    min-width: 100%;
    background: url(https://rumane.com/assets/default/img/vip/header-rtl.png) 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 {
    height: 118px;
    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;
    padding: 11px 12px 10px;
    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;
    width: 32px;
    height: 32px;
    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 .18s ease,color .18s ease,border-color .18s ease,box-shadow .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 {
    width: 68px;
    height: 68px;
    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 {
        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 {
    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 {
    width: 100%;
    max-width: 820px;
    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 {
    margin-top: 4px;
    font-size: 12px
}

body.auth-body .srv-pill,html[data-theme="dark"] body.auth-body .srv-pill {
    padding: 5px 10px;
    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 {
    padding: 4px 12px;
    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 {
    min-height: 42px;
    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 / .10)
}

body.auth-body .ct-toggle,html[data-theme="dark"] body.auth-body .ct-toggle {
    padding: 3px;
    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 {
    margin-top: 10px;
    text-align: center;
    border-radius: 0;
    background: none;
    border: 0;
    box-shadow: none;
    color: #7c705d;
    font-size: 12px;
    padding: 0
}

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 {
    width: 100%;
    max-width: none;
    margin-inline:auto;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 {
    width: min(100%, 520px);
    max-width: none;
    margin: 0 auto;
    padding: 0 0 18px;
    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 {
    margin-top: 8px;
    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 {
    min-height: 52px;
    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 / .10)
}

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 {
    min-height: auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 16px 40px
}

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: url(https://rumane.com/assets/newItems/imgs/shR.png) 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;
    padding: 8px 12px 8px 0;
    border-right: 3px solid #fff0;
    color: #080808;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    transition: color .18s ease,border-color .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: url(https://rumane.com/assets/newItems/imgs/shL.png) 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
}

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 .18s ease,border-color .18s ease,background .18s ease,box-shadow .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 {
    min-height: 36px;
    height: 36px;
    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 {
    padding: 6px 10px;
    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 {
    height: 34px;
    padding-inline:12px;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: bold
}

@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 {
    max-width: 560px;
    margin: 0 auto;
    padding: 26px 24px 20px;
    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 {
    min-height: 34px;
    height: 34px;
    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: repeat(2,minmax(0,1fr));
    gap: 18px 22px;
    align-items: start
}

body.auth-body.auth-body--register-classic .legacy-register-choice {
    min-width: 0;
    padding: 12px 14px 14px;
    border: 1px solid #e5e7de;
    border-radius: 6px;
    background: linear-gradient(180deg,#fcfcfb 0%,#f7f7f3 100%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .92)
}

body.auth-body.auth-body--register-classic .legacy-register-choice__title {
    margin: 0 0 10px;
    color: #55594e;
    font-size: 15px;
    font-weight: 700;
    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: 6px;
    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: 8px 10px;
    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: block;
    cursor: pointer
}

body.auth-body.auth-body--register-classic .legacy-register-choice__list input[type="radio"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none
}

body.auth-body.auth-body--register-classic .legacy-register-option {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid #dddfd8;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .95);
    color: #2c2c2c;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    transition: border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease
}

body.auth-body.auth-body--register-classic .legacy-register-option::before {
    content: "";
    width: 12px;
    height: 12px;
    border: 1px solid #bcc4ae;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 1px 0 rgb(0 0 0 / .03);
    flex: 0 0 auto
}

body.auth-body.auth-body--register-classic .legacy-register-choice__list label:hover .legacy-register-option {
    border-color: #c7cebb;
    background: #fbfbf8
}

body.auth-body.auth-body--register-classic .legacy-register-choice__list input[type="radio"]:checked+.legacy-register-option {
    border-color: #c8d4b1;
    background: linear-gradient(to bottom,#fffefb,#f4f7ec);
    box-shadow: inset 0 0 0 1px #e0e8cf;
    color: #31372a
}

body.auth-body.auth-body--register-classic .legacy-register-choice__list input[type="radio"]:checked+.legacy-register-option::before {
    border-color: #8fb45b;
    background: radial-gradient(circle at center,#73963f 0 42%,#ffffff 48% 100%)
}

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: 1fr;
        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))
    }

    body.auth-body.auth-body--register-classic .legacy-register-option {
        min-height: 38px;
        padding: 0 10px;
        font-size: 12px
    }
}

@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: 1fr
    }

    body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list li:first-child {
        grid-column: auto
    }
}

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 url(https://rumane.com/assets/newItems/imgs/shR.png) 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 {
    padding: 8px 10px 8px 0;
    border-right: 2px solid #fff0;
    border-radius: 0;
    background: none;
    color: #1e1e1e;
    font-size: 15px;
    transition: color .18s ease,border-color .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: url(https://rumane.com/assets/newItems/imgs/shL.png) 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 url(https://rumane.com/assets/newItems/imgs/shR.png) 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 .18s ease,border-color .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: url(https://rumane.com/assets/newItems/imgs/shL.png) 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 .18s ease,border-color .18s ease,background .18s ease,box-shadow .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 .18s ease,color .18s ease,box-shadow .18s ease,transform .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--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: 1fr;
        gap: 12px
    }

    body.auth-body.auth-body--register-classic .legacy-register-choice {
        padding: 10px 11px 12px
    }

    body.auth-body.auth-body--register-classic .legacy-register-choice__list {
        gap: 6px
    }

    body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 6px 8px
    }

    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: 1fr
    }

    body.auth-body.auth-body--register-classic .legacy-register-choice--location .legacy-register-choice__list li:first-child {
        grid-column: auto
    }

    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
    }
}

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 .18s ease,background .18s ease,box-shadow .18s ease,color .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
    }
}