@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/inter-cyrillic-ext.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/inter-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/inter-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/inter-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/robotocondensed-cyrillic-ext.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/robotocondensed-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/robotocondensed-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/robotocondensed-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --gold: #a82a2a;
    --gold-rgb: 168 42 42;
    --gold-soft: #ff6659;
    --gold-dark: #7f1010;
    --gold-bg: rgba(168, 42, 42, .12);
    --font-display: 'Roboto Condensed', 'Cinzel Decorative', serif;
    --font-heading: 'Roboto Condensed', 'Cinzel', serif;
    --font-body: 'Inter', 'Raleway', sans-serif;
}

:root[data-theme="dark"] {
    --page-bg: #0a0808;
    --white: #161212;
    --bone: #1a1414;
    --ivory: #201818;
    --parchment: #281c1a;
    --stone-100: #241a14;
    --stone-200: #2c1a12;
    --stone-300: #4a2a20;
    --has-border-inset: rgba(211, 47, 47, .1);
    --has-border-inner: rgba(255, 255, 255, .05);
    --gold: #a82a2a;
    --gold-rgb: 168 42 42;
    --gold-soft: #ff6659;
    --gold-dark: #7f1010;
    --gold-bg: rgba(168, 42, 42, .16);
}

body:has(.ib-auth-page) {
    background: #0a0808 !important;
}

body:has(.ib-auth-page) .c-mobile-bar,
body:has(.ib-auth-page) .c-skip-link,
body:has(.ib-auth-page) .c-sidebar-overlay,
body:has(.ib-auth-page) #sidebar {
    display: none !important;
}

body:has(.ib-auth-page) .l-wrapper {
    display: block;
    padding: 0 !important;
}

body:has(.ib-auth-page) .l-main {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

body:has(.ib-auth-page) .l-page {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

.ib-auth-page {
    display: flex;
    min-height: 100vh;
    width: 100%;
    font-family: 'Inter', system-ui, sans-serif;
}

.ib-auth-video-side {
    position: relative;
    flex: 1 1 50%;
    min-height: 100vh;
    overflow: hidden;
    background: radial-gradient(120% 100% at 30% 0%, #2a0e0e 0%, #0a0808 60%);
}

.ib-auth-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ib-auth-video-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(10, 8, 8, .35) 0%, rgba(10, 8, 8, .55) 60%, rgba(10, 8, 8, .92) 100%),
    linear-gradient(90deg, rgba(10, 8, 8, .2) 0%, transparent 40%, transparent 60%, rgba(10, 8, 8, .55) 100%);
}

.ib-auth-logo {
    position: absolute;
    top: 32px;
    left: 40px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.ib-auth-logo img {
    width: 44px;
    height: auto;
    display: block;
}

.ib-auth-logo span {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .8);
}

.ib-auth-video-text {
    position: absolute;
    left: 40px;
    bottom: 44px;
    right: 40px;
    z-index: 2;
    max-width: 440px;
}

.ib-auth-rate {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    margin-bottom: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
    font-size: .8rem;
    letter-spacing: 2px;
    color: #fff;
    background: rgba(211, 47, 47, .15);
    border: 1px solid rgba(211, 47, 47, .4);
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
}

.ib-auth-video-text h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
    font-size: 1.9rem;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 10px;
    text-shadow: 0 4px 18px rgba(0, 0, 0, .7);
}

.ib-auth-video-text p {
    font-family: 'Inter', sans-serif;
    font-size: .92rem;
    color: #c8c8c8;
    line-height: 1.6;
    margin: 0;
}

.ib-auth-form-side {
    flex: 1 1 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 56px 24px;
    background: #0d0b0b;
    position: relative;
}

.ib-auth-form-side::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    z-index: 4;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(120, 30, 30, .35) 0%, rgba(168, 42, 42, .45) 30%, rgba(168, 42, 42, .45) 70%, rgba(120, 30, 30, .35) 100%);
    box-shadow: 0 0 9px 0 rgba(168, 42, 42, .22);
}

.ib-auth-form-side::after {
    content: '';
    position: absolute;
    left: -4px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    z-index: 5;
    pointer-events: none;
    width: 8px;
    height: 8px;
    background: linear-gradient(135deg, #b03434, #7f1010);
    box-shadow: 0 0 10px 1px rgba(168, 42, 42, .4);
}

.ib-auth-form-side .c-login,
.ib-auth-form-side .c-register {
    width: 100%;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

.ib-auth-form-side .c-login__head,
.ib-auth-form-side .c-register__head {
    text-align: center;
    margin-bottom: 22px;
}

.ib-auth-form-side .c-login__logo,
.ib-auth-form-side .c-register__title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
    font-size: 1.55rem;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #fff;
}

.ib-auth-form-side .c-login__subtitle,
.ib-auth-form-side .c-register__subtitle {
    color: #8d8d8d;
    font-size: .9rem;
    margin-top: 4px;
}

.ib-auth-form-side .c-divider {
    opacity: .5;
}

.ib-auth-form-side .c-field,
.ib-auth-form-side .c-reg-field {
    margin-bottom: 16px;
}

.ib-auth-form-side .c-field__label,
.ib-auth-form-side .c-reg-field__label,
.ib-auth-form-side .c-select__label {
    font-family: 'Inter', sans-serif;
    font-size: .74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #8d8d8d;
    margin-bottom: 6px;
}

.ib-auth-form-side .c-field__input,
.ib-auth-form-side .c-reg-field__input,
.ib-auth-form-side .c-select__trigger,
.ib-auth-form-side input[type="text"],
.ib-auth-form-side input[type="email"],
.ib-auth-form-side input[type="password"] {
    background-color: #0a0808 !important;
    background-image: linear-gradient(180deg, #100d0d 0%, #0a0808 100%) !important;
    border: 1px solid #2c1a12 !important;
    border-radius: 0 !important;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
    color: #fff !important;
    font-weight: 600;
    padding: 11px 14px !important;
    height: auto !important;
    box-shadow: none !important;
    transition: border-color .3s ease;
}

.ib-auth-form-side .c-field__input:focus,
.ib-auth-form-side .c-reg-field__input:focus,
.ib-auth-form-side .c-select__trigger:focus,
.ib-auth-form-side .c-select.is-open .c-select__trigger {
    border-color: rgba(211, 47, 47, .75) !important;
}

.ib-auth-form-side .c-field__input::placeholder {
    color: #555 !important;
}

.ib-auth-form-side .c-field__icon,
.ib-auth-form-side .c-select__icon {
    color: #a82a2a;
}

.ib-auth-form-side .c-field__toggle,
.ib-auth-form-side .c-field__eye {
    color: #999;
}

.ib-auth-form-side .c-select__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.ib-auth-form-side .c-select__dropdown {
    background: #100d0d !important;
    border: 1px solid #2c1a12 !important;
    border-radius: 0 !important;
}

.ib-auth-form-side .c-select__option {
    color: #d0d0d0;
}

.ib-auth-form-side .c-select__option:hover,
.ib-auth-form-side .c-select__option.is-active {
    background: rgba(168, 42, 42, .25) !important;
    color: #fff;
}

.ib-auth-form-side .c-reg-field__login-row {
    display: flex;
}

.ib-auth-form-side .c-login__options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 4px 0 18px;
    flex-wrap: wrap;
}

.ib-auth-form-side .c-login__forgot {
    color: #999;
    font-size: .84rem;
}

.ib-auth-form-side .c-login__forgot:hover {
    color: #ff6659;
}

.ib-auth-form-side .c-check__box,
.ib-auth-form-side .c-reg-check__box {
    border-color: #2c1a12 !important;
    border-radius: 0 !important;
}

.ib-auth-form-side .c-check__input:checked ~ .c-check__box,
.ib-auth-form-side .c-reg-check__input:checked ~ .c-reg-check__box {
    background: #a82a2a !important;
    border-color: #a82a2a !important;
}

.ib-auth-form-side .c-check,
.ib-auth-form-side .c-reg-check {
    color: #b0b0b0;
    font-size: .85rem;
}

.ib-auth-form-side .c-reg-agree a,
.ib-auth-form-side .c-reg-check a {
    color: #ff6659;
}

.ib-auth-form-side .g-btn {
    width: 100%;
    background: linear-gradient(160deg, #c62828 0%, #7f1010 55%, #2b0404 100%) !important;
    border: none !important;
    color: #fff !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 13px 0 !important;
    border-radius: 0 !important;
    clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15) !important;
    transition: filter .3s ease, transform .3s ease;
}

.ib-auth-form-side .g-btn:hover {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.ib-auth-form-side .c-login__foot,
.ib-auth-form-side .c-register__foot {
    margin-top: 18px;
    text-align: center;
}

.ib-auth-form-side .c-login__sep,
.ib-auth-form-side .c-register__sep {
    color: #666;
}

.ib-auth-form-side .c-login__sep::before,
.ib-auth-form-side .c-login__sep::after {
    background: rgba(255, 255, 255, .08);
}

.ib-auth-form-side .c-login__socials {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 14px 0;
}

.ib-auth-form-side .c-social-icon-btn {
    background: linear-gradient(180deg, #201c1c 0%, #100e0e 100%) !important;
    border: 1px solid #2c1a12 !important;
    color: #ccc !important;
    border-radius: 0 !important;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
}

.ib-auth-form-side .c-social-icon-btn:hover {
    border-color: rgba(211, 47, 47, .6) !important;
}

.ib-auth-form-side .c-login__register,
.ib-auth-form-side .c-register__login-link {
    color: #999;
    font-size: .85rem;
    margin-top: 6px;
}

.ib-auth-form-side .c-login__register a,
.ib-auth-form-side .c-register__login-link a {
    color: #ff6659;
    font-weight: 700;
}

.ib-auth-form-side .c-pw-strength__bar {
    border-radius: 0 !important;
}

.ib-auth-form-side .c-notice {
    border-radius: 0 !important;
}

@media (max-width: 991.98px) {
    .ib-auth-page {
        flex-direction: column;
    }

    .ib-auth-video-side {
        flex: 0 0 auto;
        min-height: 0;
        height: 130px;
    }

    .ib-auth-video {
        display: none;
    }

    .ib-auth-video-text {
        display: none;
    }

    .ib-auth-logo {
        top: 18px;
        left: 20px;
    }

    .ib-auth-form-side {
        padding: 32px 18px;
    }

    .ib-auth-form-side::before {
        left: 0;
        right: 0;
        top: 0;
        bottom: auto;
        width: auto;
        height: 1px;
        background: linear-gradient(90deg, rgba(120, 30, 30, .3) 0%, rgba(168, 42, 42, .45) 30%, rgba(168, 42, 42, .45) 70%, rgba(120, 30, 30, .3) 100%);
    }

    .ib-auth-form-side::after {
        left: 50%;
        top: -4px;
        transform: translateX(-50%) rotate(45deg);
    }
}

/* ============ Кабинет — радикальный ib-рестайл компонентов ============ */

.g-btn {
    font-family: 'Roboto Condensed', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 700;
    border-radius: 0 !important;
    clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
    background: linear-gradient(180deg, #1a1414 0%, #100c0c 100%) !important;
    color: #cfc8c8 !important;
    border: none !important;
    box-shadow: inset 0 0 0 1px #2c1a12 !important;
    transition: filter .25s ease, transform .2s ease, box-shadow .25s ease !important;
}

.g-btn:hover {
    filter: brightness(1.18);
    box-shadow: inset 0 0 0 1px rgba(211, 47, 47, .5) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.g-btn--primary, .g-btn--action {
    background: linear-gradient(160deg, #c62828 0%, #7f1010 55%, #2b0404 100%) !important;
    color: #fff !important;
    border: none !important;
    clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15) !important;
}

.g-btn--primary:hover, .g-btn--action:hover {
    filter: brightness(1.12);
    color: #fff !important;
}

.g-btn--danger {
    background: linear-gradient(160deg, #c62828 0%, #7f1010 100%) !important;
    color: #fff !important;
}

.c-stats {
    gap: 1rem;
}

.c-card {
    background: repeating-linear-gradient(135deg, rgba(255, 255, 255, .02) 0 1px, transparent 1px 6px),
    linear-gradient(180deg, #161212 0%, #0c0a0a 100%) !important;
    border: none !important;
    border-radius: 0 !important;
    clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
    box-shadow: inset 0 0 0 1px #2c1a12, inset 0 0 40px rgba(0, 0, 0, .4) !important;
}

.c-card__icon {
    background: linear-gradient(135deg, #241a18 0%, #140f0e 100%) !important;
    border: none !important;
    border-radius: 0 !important;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
    color: #a82a2a !important;
    box-shadow: inset 0 0 0 1px #2c1a12 !important;
}

.c-card__label {
    color: #8d8d8d !important;
}

.c-card__value {
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #fff !important;
}

.c-panel {
    background: linear-gradient(180deg, #161212 0%, #0c0a0a 100%) !important;
    border: none !important;
    border-radius: 0 !important;
    clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
    box-shadow: inset 0 0 0 1px #2c1a12, inset 0 0 50px rgba(0, 0, 0, .5) !important;
}

.c-panel__header {
    background: linear-gradient(180deg, rgba(211, 47, 47, .06), transparent) !important;
    border-bottom: 1px solid #2c1a12 !important;
}

.c-panel__title {
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #fff !important;
    text-transform: uppercase;
}

.c-panel__count.g-btn {
    background: rgba(168, 42, 42, .15) !important;
    border: none !important;
    color: #ff8f87 !important;
    box-shadow: inset 0 0 0 1px rgba(211, 47, 47, .45) !important;
    clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
}

.c-table thead {
    background: rgba(211, 47, 47, .08) !important;
}

.c-table th {
    color: #8d8d8d !important;
    border-color: rgba(255, 255, 255, .06) !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.c-table td {
    color: #b0b0b0 !important;
    border-color: rgba(255, 255, 255, .05) !important;
}

.c-table tbody tr:hover {
    background: rgba(211, 47, 47, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(211, 47, 47, .15) !important;
}

.c-acct__icon {
    color: #a82a2a !important;
}

.c-sidebar {
    background: #0a0808 !important;
}

.c-sidebar__logo {
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #fff !important;
}
.c-sidebar__logo-img {
    max-height: 4rem;
}
.c-sidebar__link {
    color: rgb(255 255 255 / 0.81) !important;
}

.c-sidebar__link-icon {
    color: rgb(255 255 255 / 0.81) !important;
    opacity: 1 !important;
}

.c-sidebar__link:hover:before {
    background: rgba(211, 47, 47, .12) !important;
}

.c-sidebar__link:hover, .c-sidebar__link:hover.c-sidebar__link-icon{
    color: #fff !important;
}

.c-sidebar__link.is-active {
    background: rgba(168, 42, 42, .18) !important;
    color: #fff !important;
}

.c-sidebar__link.is-active .c-sidebar__link-icon {
    color: #ff6659 !important;
    opacity: 1 !important;
}

.c-sidebar__link:after {
    background: linear-gradient(#ff6659, #a82a2a) !important;
}

.c-navbar {
    background: linear-gradient(180deg, #161212 0%, #0c0a0a 100%) !important;
    border: 1px solid #2c1a12 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.c-nb-srv__name {
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #fff !important;
}

.c-nb-srv__icon {
    background: #241a18 !important;
    border-radius: 0 !important;
    clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
    color: #a82a2a !important;
}

.c-locale__btn, .c-notif__btn {
    background: linear-gradient(180deg, #1a1414, #100c0c) !important;
    border: none !important;
    box-shadow: inset 0 0 0 1px #2c1a12 !important;
    border-radius: 0 !important;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
    color: #cfc8c8 !important;
}

.c-locale__btn:hover, .c-notif__btn:hover {
    box-shadow: inset 0 0 0 1px rgba(211, 47, 47, .5) !important;
}

.c-user {
    background: linear-gradient(180deg, #1a1414, #100c0c) !important;
    border: 1px solid #2c1a12 !important;
    border-radius: 4px !important;
}

.c-user:hover {
    border-color: rgba(211, 47, 47, .55) !important;
}

.c-user__name {
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #fff !important;
}

.c-user__email {
    color: #8d8d8d !important;
}

.c-user__avatar {
    background: linear-gradient(135deg, #a82a2a 0%, #7f1010 100%) !important;
    color: #fff !important;
    border-radius: 0 !important;
    clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
}

.c-navbar__srv {
    background: linear-gradient(180deg, #161212, #0c0a0a) !important;
    border: 1px solid #2c1a12 !important;
    border-radius: 4px !important;
}

.c-navbar__srv-name {
    color: #fff !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.c-navbar__srv-progress-fill {
    background: linear-gradient(90deg, #c62828, #7f1010) !important;
}

.c-user__dropdown, .c-locale__dropdown, .c-notif__dropdown, .c-srv-sel__dropdown, .c-srv-tip {
    background: linear-gradient(180deg, #161212, #0c0a0a) !important;
    border: 1px solid #2c1a12 !important;
    border-radius: 4px !important;
}

.c-locale__item.is-active, .c-user__dropdown-item:hover, .c-locale__item:hover, .c-notif__item.is-unread {
    background: rgba(211, 47, 47, .12) !important;
}

.c-locale__item-name,
.c-locale__current {
    text-transform: capitalize !important;
}

/* Анимированный webm-логотип в сайдбаре/мобилбаре */
.c-sidebar__logo .ib-logo-vid {
    width: auto;
    height: 42px;
    max-width: 100%;
    display: block;
    object-fit: contain;
}

.c-mobile-bar__logo .ib-logo-vid {
    max-height: 30px;
    width: auto;
    display: block;
    object-fit: contain;
}

.c-sidebar.is-collapsed .c-sidebar__logo .ib-logo-vid {
    max-height: 34px;
}

.l-main {
    position: relative;
    z-index: 0;
}

.ib-cab-bg {
    position: fixed;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    border-radius: inherit;
}
[data-theme=dark] .wiki-article .re-block--spoiler details summary {
        background: #2a1616;
}
.wiki-article .re-block--banner {
    padding: 1.25rem 1.5rem 1.25rem 2.5rem;
}
.wiki-article .re-block--banner:before {
    left: .4rem;
}
.ib-cab-bg-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .5;
}
[data-theme=dark] .dn-slider-tip {
    background: var(--stone-100);
    color: var(--stone-900);
}
.ib-cab-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(120% 90% at 50% 0%, rgba(10, 8, 8, .5) 0%, rgba(10, 8, 8, .82) 65%, rgba(10, 8, 8, .95) 100%);
}
.wiki-menu__button-icon {
     width: 2rem;
     height: 2rem;
}
.wiki-article .re-block--countdown {
    background: linear-gradient(359deg, #161515, #000000);
    border: 1px solid var(--stone-200);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: 0 4px 16px #0000000f;
}
.wiki-article .re-countdown-eyebrow {
    color: #fff;
}
[data-theme=dark] .wiki-article .re-block--spoiler {
     border-color: transparent;
    border-radius: 0;
}
.wiki-article .re-block--media-body>:last-child {
    color: #bbb5b5;
    margin-top: .4rem;
    font-size: .8rem;
}

[data-theme=dark] .wiki-article .re-block--popover {
    background: var(--bone);
    border-color: 
color-mix(in srgb, #000000 35%, var(--stone-300));
}

.wiki-article .re-block--popover {
    border: 1px solid 
    color-mix(in srgb, #5e323200 30%, var(--stone-200));
        max-width: 36rem;
        box-shadow: 0 4px 16px 
    color-mix(in srgb, var(--gold) 12%, #00000014);
    
}
[data-theme=dark] .wiki-article .re-block--popover {
margin: 0;
}
.wiki-article {
    color: #bfbfbf;
}
.wiki-article .re-block--timeline-item:before {
    left: -2rem;
}
.wiki-article ul:not([data-type="taskList"]) {
    list-style: none;
    padding-left: 0;
}
.wiki-article ul:not([data-type="taskList"]) > li {
    position: relative;
    padding-left: 1.25rem;
}
.wiki-article [class*=re-block--toast] {
    padding: 1rem 1.125rem 1rem 2.25rem;
}
.wiki-article [class*=re-block--toast]:before {
    left: .6rem;
}
@media (max-width: 560px) {
    .wiki-article p {
        margin-bottom: 0rem;
    }
}
.wiki-article ul:not([data-type="taskList"]) > li::before {
    content: "";
    position: absolute;
    left: 0.1rem;
    top: 0.68em;
    width: 0.4rem;
    height: 0.4rem;
    background: var(--gold);
    border-radius: 2px;
    transform: translateY(-50%) rotate(45deg);
    box-shadow: 0 0 4px rgb(var(--gold-rgb) / 0.5);
}
@media (max-width: 560px) {
    .wiki-article .re-block--timeline-item:before {
        left: -1.6rem;
    }
}
.dn-curpick {
    grid-template-columns: repeat(3, 1fr);
}
.dn-grid {
    --gold: #e13535;
}
body:has(.ib-auth-page) .ib-cab-bg {
    display: none !important;
}