html, body {     overflow-x: hidden;     margin: 0; } body {     width: 100%;     height: 100%;     background: #0e0e11;     color: #eee;     font-size:  16px;     font-family: "Inter", sans-serif;     font-style: normal;     font-weight: normal;     touch-action: manipulation;     -webkit-text-size-adjust: 100%;     -webkit-tap-highlight-color: transparent;     -webkit-font-smoothing: antialiased;     scroll-behavior: smooth;     text-rendering: optimizeLegibility; } *, *:before, *:after {     box-sizing: border-box; } img {     max-width: 100%;     height: auto;     display: block; } .container {     max-width: 1140px;     padding: 8px 12px;     margin: 0 auto; } .header .container {     display: flex;     align-items: center;     justify-content: space-between;     width: 100%;     height: 100px; } .header__top__logo {     display: block;     height: 100%; } .header__top__logo img {     max-width: 155px;     height: auto; } .header__buttons {     display: flex;     align-items: center;     gap: 10px; } .mobile-menu-btn {     display: none;     width: 36px;     height: 36px;     border: 1px solid #3a3d42;     border-radius: 4px;     background: #26292e;     padding: 8px;     cursor: pointer;     position: relative; } .mobile-menu-btn span {     display: block;     height: 2px;     width: 100%;     background: #bfc4cb;     border-radius: 4px;     transform-origin: center;     transition: transform .2s ease, opacity .2s ease, background-color .2s ease; } .mobile-menu-btn span + span {     margin-top: 4px; }  .btn {     background: #26292e;     padding: 8px 12px;     height: 35px;     min-width: unset;     font-size: .813rem;     font-weight: 600;     line-height: 17px;     cursor: pointer;     overflow: unset;     white-space: nowrap;     color: #eee;     border-radius: 8px;     transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s, background-size .2s cubic-bezier(.64, .09, .08, 1);     margin: 0;     display: inline-flex;     user-select: none;     align-items: center;     vertical-align: bottom;     text-align: center;     position: relative;     text-decoration: none; }  .btn img {     width: 18px;     height: 18px;     margin-right: 8px; } .btn:hover {     background: #3b3d44; } .btn--register {     background: #e90129; } .btn--register:hover {     background: #b80020; } .btn--profile {     display: none;     width: 35px;     padding: 0;     justify-content: center; } .btn--profile img {     margin-right: 0; } .language {     position: relative; }  .language__trigger {     width: 48px;     height: 36px;     border: 0;     border-radius: 4px;     background: #2d2d2d;     display: inline-flex;     align-items: center;     justify-content: center;     cursor: pointer;     position: relative; } .language img {     width: 22px;     height: 22px;     margin: 0; } .language__menu {     position: absolute;     right: 0;     top: calc(100% + 8px);     min-width: 132px;     background: #2b2b2b;     color: #eee;     border: 0 none;     border-radius: 4px;     box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f;     display: none;     z-index: 10; }  .language:hover .language__menu {     display: block; }  .language.is-open .language__menu {     display: block; }  .language__item {     display: flex;     align-items: center;     gap: 8px;     color: #fff;     text-decoration: none;     padding: 8px 12px;     line-height: 1; }  .language__item span:last-child {     line-height: 1;     color: #d7d7d7; }  .language__item:hover {     background: #b5b6b73d;     color: #b5b6b7; }  .header__bottom {     padding: 0 15px;     box-shadow: inset 0 1px 0 0 #34373a;     background: #181a1d;     min-height: 60px;     border-bottom: 2px solid #cfaa24; }  .header__menu {     height: 100%; } .header__bottom .container {     height: 60px;     width: 100%;     padding-top: 0;     padding-bottom: 0; } .header__menu {     width: 100%; } .header__menu__item {     height: 100%; } .header__menu__list {     display: flex;     align-items: center;     justify-content: space-between;     width: 100%;     height: 100%;     list-style: none;     padding: 0;     margin: 0; } .header__menu__item:hover {     background: linear-gradient(rgba(12, 14, 15, .65) 0%, #191B1E 86%);     box-shadow: inset 0 1px 0 0 #34373a;     border-radius: 8px; } .header__menu__link {     display: flex;     align-items: center;     border-radius: 8px;     font-size: 13px;     gap: .5rem;     padding: 0 1rem;     flex-grow: 1;     white-space: nowrap;     text-decoration: none;     color: #eee;     font-weight: 600;     text-transform: uppercase;     height: 100%; }  .header__menu__icon {     display: flex;     justify-content: center;     align-items: center;     background: #26292e;     border-radius: 8px;     padding: 5px;     box-shadow: inset 0 1px 0 0 #34373a;     height: 28px;     width: 28px;     position: relative;     transition: .2s; }  .header__menu__icon svg {     fill: #6c7279; }  .header__menu__item:hover .header__menu__icon {     background: #ffb102; }  .header__menu__item:hover .header__menu__icon svg {     fill: #26292e; }  main {     display: block; }  .banner {     padding: 16px 0; }  .banner__picture {     display: block;     height: 100%; }  .banner__image {     width: 100%;     height: 100%;     display: block;     border-radius: 8px;     object-fit: cover; } .banner__link {     display: block;     height: 400px; }  .content__title {     margin-top: 0; }  .content {     color: #d6d8dc;     line-height: 1.6; }  .content a {     color: #ffb102;     text-decoration: underline;     text-underline-offset: 2px;     transition: color .2s ease; }  .content a:hover {     color: #ffd46a; }  .content p {     margin: 0 0 1rem; }  .content ul, .content ol {     margin: 0 0 1rem;     padding-left: 1.4rem; }  .content ul {     list-style: disc; }  .content ol {     list-style: decimal; }  .content ul li, .content ol li {     color: #d6d8dc; }  .content ul li::marker {     color: #ffb102; }  .content ol li::marker {     color: #febd04;     font-weight: 700; }  .content li + li {     margin-top: .45rem; }  .content ul ul, .content ul ol, .content ol ul, .content ol ol {     margin-top: .5rem;     margin-bottom: 0; }  .content table {     width: 100%;     border-collapse: collapse;     border-spacing: 0;     margin: 0 0 1.25rem;     background: #181a1d;     border: 1px solid #34373a;     border-radius: 8px;     overflow: hidden; }  .content th, .content td {     padding: .7rem .8rem;     border: 1px solid #34373a;     text-align: left;     vertical-align: top;     color: #d6d8dc; }  .content thead th {     background: #22252a;     color: #febd04;     font-weight: 700; }  .content tbody td:first-child {     font-weight: 600; }  .content tbody tr:nth-child(even) {     background: #141619; }  .content tbody tr:hover {     background: #1f2227; }  .footer {     display: block;     background: #181a1d;     min-height: 100px;     margin-top: 60px;     z-index: 3;     position: relative;     border-top: 1px solid #cfaa24;     position: relative;     height: 100%;     padding-top: 1.5rem;     padding-bottom: 1.5rem; } .footer__top {     width: 100%;     border-bottom: 1px solid rgba(0, 0, 0, .9);     padding-bottom: 1.5rem } .footer__top__flex {     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap;     gap: 1rem;     width: 100%; } .copyright-logo {     display: block;     width: 150px; } .copyright-logo img {     width: 100%;     height: auto; } .footer .logo {     max-width: 150px; } .social-links {     display: flex;     align-items: center;     justify-content: center; } .social-link {     display: flex;     justify-content: center;     align-items: center;     width: 38px;     height: 38px;     cursor: pointer;     transition: .3s;     margin-right: .25rem;     margin-left: .25rem; } .footer__top p {     text-align: center;     font-size: 13px;     margin-top: 1.5rem; }  .footer__middle__head {     display: flex;     justify-content: space-between;     align-items: center;     gap: 1rem;     border-bottom: 1px solid rgba(0, 0, 0, .9);     padding-top: 1.5rem !important;     padding-bottom: 1.5rem !important; }  .footer__notice {     margin: 0;     color: #c3c6cc;     font-size: 14px;     display: flex;     align-items: center;     gap: .5rem; }  .footer__notice__icon {     width: 20px;     height: 20px;     border-radius: 50%;     border: 1px solid #e90129;     color: #e90129;     font-size: 11px;     font-weight: 700;     display: inline-flex;     align-items: center;     justify-content: center; }  .footer__head__links {     display: flex;     gap: 1.2rem; }  .footer__head__links a, .footer__links-col a {     color: #c3c6cc;     text-decoration: none;     font-weight: 600;     font-size: 14px; }  .footer__head__links a:hover, .footer__links-col a:hover {     color: #fff; }  .footer__links-grid {     padding-top: 1.5rem;     padding-bottom: 1.5rem;     display: grid;     grid-template-columns: repeat(5, minmax(0, 1fr));     gap: 1rem 2rem; }  .footer__links-col h4 {     margin: 0 0 .65rem;     color: #fff;     font-size: 13px;     line-height: 1.1;     text-transform: uppercase; }  .footer__links-col a {     display: block;     margin-bottom: .45rem;     color: #ffffffad;     font-size: 13px;     line-height: 1.3;     margin-bottom: .5rem;     font-weight: 400; } .footer__links-col a:hover {     color: #e90129; } .footer__providers {     display: flex;     align-items: center;     justify-content: center;     flex-wrap: wrap;     border-top: 1px solid rgba(0, 0, 0, .9);     border-bottom: 1px solid rgba(0, 0, 0, .9);     gap: 1rem;     padding-top: 1.5rem;     padding-bottom: 1.5rem; } .footer__anjuan {     text-align: center; } .footer__anjuan img {     margin: 0 auto; } .footer__anjuan span {     display: inline-block;     line-height: 20px;     text-align: center;     cursor: pointer;     color: #ffffffad;     font-size: 12px;     margin-top: 1rem;     padding-bottom: 1.5rem;     border-bottom: 1px solid rgba(0, 0, 0, .9); } .footer__anjuan span a {     color: #c0b5ff; } .footer__anjuan  .white-space {     color: #fff;     text-decoration: none; } .content p img {     display: block;     margin: 10px auto; } @media (max-width: 1199px) {     .container {         padding-left: 10px;         padding-right: 10px;     }      .header__top {         border-bottom: 2px solid #cfaa24;         box-shadow: inset 0 1px 0 0 #34373a;         background: #181a1d;         padding-top: 15px;     }      .header .container {         height: 58px;     }      .mobile-menu-btn {         display: block;         flex: 0 0 36px;     }      .header__top__logo {         display: flex;         align-items: center;         justify-content: center;         height: auto;         flex: 1;         text-align: center;     }      .header__top__logo img {         max-width: 150px;         width: 100%;     }      .header__buttons {         gap: 6px;         margin-left: 8px;     }      .header__buttons .btn:not(.btn--register):not(.btn--profile),     .language {         display: none;     }      .btn--register {         height: 34px;         padding: 8px 10px;         border-radius: 3px;         font-size: 12px;         text-transform: uppercase;     }      .btn--register img {         display: none;     }      .btn--profile {         display: inline-flex;         height: 34px;         border-radius: 3px;         background: #26292e;     }      .btn--profile img {         width: 13px;         height: 13px;     }      .header__bottom {         display: none;         padding: 0;     }      .header.is-mobile-menu-open .header__bottom {         display: block;     }      .header.is-mobile-menu-open .header__bottom .container {         height: auto;         padding-top: 8px;         padding-bottom: 8px;     }      .header.is-mobile-menu-open .header__menu__list {         flex-direction: column;         align-items: stretch;         gap: 4px;     }      .header.is-mobile-menu-open .header__menu__item {         height: auto;     }      .header.is-mobile-menu-open .header__menu__link {         height: 44px;         padding: 0 10px;     }      .header.is-mobile-menu-open .header__menu__icon {         height: 24px;         width: 24px;     }      .header.is-mobile-menu-open .mobile-menu-btn {         border-color: #cfaa24;     }      .header.is-mobile-menu-open .mobile-menu-btn span {         background: #cfaa24;     }      .header.is-mobile-menu-open .mobile-menu-btn span:nth-child(1) {         transform: translateY(6px) rotate(45deg);     }      .header.is-mobile-menu-open .mobile-menu-btn span:nth-child(2) {         opacity: 0;     }      .header.is-mobile-menu-open .mobile-menu-btn span:nth-child(3) {         transform: translateY(-6px) rotate(-45deg);     }      .banner {         padding: 10px 0;     }      .banner__image {         border-radius: 6px;     }      .content ul,     .content ol {         padding-left: 1.2rem;     }      .content th,     .content td {         padding: .6rem .65rem;         font-size: .92rem;     }      .content table {         display: block;         overflow-x: auto;         -webkit-overflow-scrolling: touch;     }      .content table thead,     .content table tbody,     .content table tr {         white-space: nowrap;     }      .footer__middle__head {         flex-direction: column;         align-items: flex-start;     }      .footer__links-grid {         grid-template-columns: repeat(2, minmax(0, 1fr));         gap: 1.25rem;     } }