body {     color: rgb(255, 255, 255);     min-height: 100vh;     scroll-behavior: smooth;     text-rendering: optimizespeed;     background: rgb(23, 23, 34);     margin: 0;     padding: 0;     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; }  * {     box-sizing: border-box; }  a, button {     cursor: pointer;     color: inherit;     padding: 0px;     border-width: initial;     border-style: none;     border-color: initial;     border-image: initial;     outline: 0px;     text-decoration: none;     background: inherit; }  .wrapper {     max-width: 1200px;     padding: 8px 10px;     margin: 0px auto; }  .header {     position: fixed;     left: 0px;     top: 0px;     width: 100%;     z-index: 1000;     background: rgb(37, 37, 54); }  .header::before {     content: "";     position: absolute;     top: 0px;     left: 0px;     width: 100%;     height: 100%;     border-width: 0px 0px 1px;     background: radial-gradient(50% 2066.33% at 50% 100%, rgba(255, 255, 255, 0.1) 0px, rgba(255, 255, 255, 0) 100%); }  .header .wrapper, .action-buttons {     display: flex;     align-items: center;     justify-content: space-between;     gap: 10px; }  .logo {     cursor: pointer;     z-index: 1000;     height: 28px; }  .logo img {     display: block; }  .btn {     overflow: hidden;     background: radial-gradient(100.01% 100% at 50% 0px, rgb(72, 72, 104) 0px, rgb(51, 51, 74) 100%), linear-gradient(rgba(255, 255, 255, 0.1) 0px, rgba(255, 255, 255, 0) 100%);     transition: background-color 0.3s ease-out;     position: relative;     height: 48px;     display: flex;     justify-content: center;     align-items: center;     box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 4px 0px;     padding: 0px 16px;     border-radius: 4px;     z-index: 1;     font-size: 14px;     font-weight: 400;     line-height: 16px;     letter-spacing: 0px;     text-align: center; }  .btn::after {     width: 100%;     background: linear-gradient(rgba(255, 255, 255, 0.1) 0px, rgba(255, 255, 255, 0) 100%), radial-gradient(99.97% 100% at 50% 0px, rgb(85, 85, 125) 0px, rgb(65, 65, 94) 100%); }  .signup-btn {     position: relative;     overflow: hidden;     background: radial-gradient(100% 100% at 50% 0px, rgb(254, 40, 74) 0px, rgb(204, 32, 59) 100%), linear-gradient(rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.2) 0.01%, rgba(255, 255, 255, 0.01) 100%);     transition: background-color 0.3s ease-out; }  .choose_lang_box {     margin: 0; }  @media screen and (max-width: 1024px) {     .logo img {         height: 24px;         width: 158px;     }      .btn {         height: 40px;         min-height: 40px;     } }  @media screen and (max-width: 668px) {     .logo img {         height: 18px;         width: 110px;     }      .logo {         height: 20px;     } }  @media screen and (max-width: 389px) {     .logo img {         height: 16px;         width: 90px;     }      .btn {         height: 32px;         min-height: 32px;     }      .flag_lang {         width: 25px;         height: 25px;     } }  .main {     margin-top: 64px; }  .banner {     position: relative; }  .banner-img {     min-height: 380px;     display: block;     width: 100%;     height: auto;     object-fit: cover; }  .banner__content {     background-color: #252536c9;     padding: 24px;     border-radius: 12px;     position: absolute;     top: 50%;     transform: translateY(-50%);     left: 10%;     max-width: 690px; }  .banner__content__inner {     margin-bottom: 26px; }  .banner__content .btn {     background: linear-gradient(90deg, #d141f5 0, #8531da 100%); }  .btn:hover {     transform: scale(1.05); }  .action-buttons__flex {     display: flex;     gap: 10px;     margin-left: 30px; }  .download-button {     align-items: center;     justify-content: space-between;     width: 160px;     background: radial-gradient(circle, #96e000 100%, #529900 100%);     font-family: Arial, sans-serif;     transition: transform .2s, box-shadow .2s;     color: #fff;     border-radius: 4px;     display: flex;     padding: 4px 10px; }  .ios {     background-color: #89c559; }  .android {     background-color: #79b657; }  .download-button .icon {     display: flex;     align-items: center;     margin-right: 10px; }  .download-button .icon img {     width: 30px;     height: 30px; }  .download-button .text {     flex: 1;     text-align: left;     line-height: 1.2;     font-size: 16px;     font-weight: 600; }  .download-button .text .line1 {     font-size: 9px;     font-weight: 300;     opacity: 95%; }  .download-button .text .line2 {     font-size: 10px;     font-weight: 700; }  .download-button .arrow {     display: flex;     align-items: center; }  .download-button .arrow img {     width: 15px;     height: 15px; }  .download-button:hover {     transform: scale(1.05);     box-shadow: 0 4px 10px rgba(0, 0, 0, .2); }  .bnr__title {     text-align: center; }  .banner__images {     display: block; }  @media screen and (max-width: 840px) {     .banner__content {         right: 10%;     } }  @media screen and (max-width: 640px) {     .banner {         display: flex;         flex-direction: column;     }      .banner__content {         position: relative;         left: 0;         right: 0;         order: 1;         top: 0;         transform: translateY(-0);     }      .banner-img {         min-height: 120px;     } }  @media screen and (max-width: 560px) {     .bnr__title {         margin-top: 0;     }      .banner__content {         padding: 10px;     }      .banner__content__inner p {         font-size: 14px;     }      br {         display: none;     }      .download-button .text .line1,     .download-button .text .line2 {         display: block;     }      .banner__content .btn {         display: none;     }      .action-buttons__flex {         margin: 0;     }      .banner__content__inner {         margin-bottom: 10px;     }      .bnr__title {         font-size: 26px;         margin-bottom: 0;     }      .download-button {         width: 140px;     } }  .navigation {     background: #252536;     box-shadow: 0 1px 0 0 #00000029; }  .navigation-menu {     display: flex;     flex-wrap: nowrap;     max-width: 1200px;     margin: 0 auto;     justify-content: center; }  .menu-item {     position: relative;     height: 72px;     display: flex;     flex-wrap: wrap;     justify-content: center;     align-items: center;     flex: 0 0 20%;     box-sizing: border-box;     transition: background-color .3s ease-out; }  .menu-item:first-child {     color: #07bcf7; }  .navigation-menu .menu-item::before {     background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 0) 100%) border-box; }  .navigation-menu .menu-item::before {     border-style: solid;     border-color: transparent;     bottom: 0;     right: 0;     -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff);     mask-composite: exclude; }  .navigation-menu .menu-item::before {     content: '';     position: absolute;     top: 0;     left: 0;     border-width: 0 1px; }  .navigation-menu .menu-item img {     margin-right: 12px; }  .navigation-menu .menu-item .menu-item-text {     font-size: 16px;     font-weight: 500;     line-height: 16px;     letter-spacing: 0; }  .navigation-menu .menu-item::after {     content: '';     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     z-index: 2; }  .navigation-menu .menu-item:nth-child(2) {     color: #9b7af4; }  .navigation-menu .menu-item:nth-child(3) {     color: #fb7903; }  .navigation-menu .menu-item:nth-child(4) {     color: #7dfa00; }  .navigation-menu .menu-item:nth-child(5) {     color: #ffde26; }  .navigation-menu .menu-item:first-child:hover {     background: radial-gradient(48.61% 48.61% at 50% 100%, rgba(8, 193, 250, .1) 0, rgba(10, 194, 250, 0) 100%); }  .navigation-menu .menu-item:nth-child(2):hover {     background: radial-gradient(48.61% 48.61% at 50% 100%, rgba(198, 74, 255, 0.1) 0, rgba(255, 161, 74, 0) 100%); }  .navigation-menu .menu-item:nth-child(3):hover {     background: radial-gradient(48.61% 48.61% at 50% 100%, rgba(251, 121, 3, .1) 0, rgba(251, 121, 3, 0) 100%); }  .navigation-menu .menu-item:nth-child(4):hover {     background: radial-gradient(48.61% 48.61% at 50% 100%, rgba(125, 250, 0, .1) 0, rgba(125, 250, 0, 0) 100%); }  .navigation-menu .menu-item:nth-child(5):hover {     background: radial-gradient(48.61% 48.61% at 50% 100%, rgba(255, 161, 74, .1) 0, rgba(255, 161, 74, 0) 100%); }  @media screen and (max-width: 767px) {     .menu-item {         flex-direction: column;         align-items: center;         height: 100px;     }      .navigation-menu .menu-item img {         margin-right: 0;         margin-bottom: 12px;     } }  @media screen and (max-width: 668px) {     .navigation-menu .menu-item img {         margin-right: 0;         margin-bottom: 4px;         width: 24px;         height: 24px;     }      .navigation-menu .menu-item .menu-item-text {         font-size: 10px;         font-weight: 500;         line-height: 12px;         letter-spacing: 0;     }      .navigation-menu .menu-item:first-child {         background: radial-gradient(48.61% 48.61% at 50% 100%, rgba(8, 193, 250, .1) 0, rgba(10, 194, 250, 0) 100%);     }      .navigation-menu .menu-item:nth-child(2) {         background: radial-gradient(48.61% 48.61% at 50% 100%, rgba(198, 74, 255, 0.1) 0, rgba(255, 161, 74, 0) 100%);     }      .navigation-menu .menu-item:nth-child(3) {         background: radial-gradient(48.61% 48.61% at 50% 100%, rgba(251, 121, 3, .1) 0, rgba(251, 121, 3, 0) 100%);     }      .navigation-menu .menu-item:nth-child(4) {         background: radial-gradient(48.61% 48.61% at 50% 100%, rgba(125, 250, 0, .1) 0, rgba(125, 250, 0, 0) 100%);     }      .navigation-menu .menu-item:nth-child(5) {         background: radial-gradient(48.61% 48.61% at 50% 100%, rgba(255, 161, 74, .1) 0, rgba(255, 161, 74, 0) 100%);     }      .navigation {         border-radius: 8px;         margin: 32px 8px 0;     }      .navigation-menu .menu-item:first-child::before {         border-radius: 8px 0;         border-width: 1px;     }      .navigation-menu .menu-item:last-child::before {         border-radius: 0 8px;         border-width: 1px;     } }  .no_bullets {     background-color: #252536;     border-radius: 12px;     padding: 16px; }  .toc_title {     cursor: pointer;     display: flex;     justify-content: space-between;     align-items: center;     border-radius: 12px;     margin: 0; }  .toc_title span {     display: block;     font-size: 1.17em;     font-weight: bold;     margin: 0; }  .toggle-icon {     transition: transform .3s ease-out !important; }  .no_bullets.open img {     transform: rotate(180deg); }  .no_bullets img {     transform: rotate(0); }  .toc_list {     max-height: 0;     overflow: hidden;     transition: max-height .5s ease-in-out;     display: flex;     align-items: flex-start;     flex-wrap: wrap;     margin: 0;     padding: 0; }  .no_bullets.open .toc_list {     max-height: 1000px;     margin-top: 20px; }  .toc_list a {     position: relative;     display: flex;     flex: 0 0 50%;     align-items: center;     padding: 16px 12px;     border-radius: 4px;     color: #7575a1;     transition: color .3s ease-out;     overflow: hidden;     z-index: 1; }  .toc_list a::before {     content: '';     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     background: radial-gradient(99.97% 100% at 50% 0, #55557d 0, #41415e 100%);     opacity: 0;     transition: opacity .3s ease-out;     border-radius: inherit;     z-index: -1; }  .toc_list a:hover::before {     opacity: 1; }  .toc_list a:hover {     color: #fff; }  .games-header-wrapper {     display: flex;     padding-top: 15px;     justify-content: space-between;     margin-bottom: 24px; }  .games-header {     display: flex;     column-gap: 8px;     cursor: pointer; }  .games-header-selector-wrapper {     box-sizing: border-box;     height: 48px;     transition: .3s ease-out;     width: 232px;     background: #101018;     border: 1px solid transparent;     background: linear-gradient(#101018, #101018) padding-box, linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 100%) border-box;     position: relative;     margin-right: 8px;     border-radius: 8px; }  .visually-hidden {     position: absolute;     width: 1px;     height: 1px;     margin: -1px;     padding: 0;     overflow: hidden;     clip: rect(0, 0, 0, 0);     border: 0; }  .games-header-selector {     line-height: 16px;     letter-spacing: 0;     width: 100%;     height: 48px;     background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16" fill="none"><mask id="mask0_723_6182" style="mask-type:alpha" maskunits="userSpaceOnUse" x="0" y="0" width="16" height="16"><path d="M12.6666 6L7.99998 10L3.33331 6" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" /><g mask="url(%23mask0_723_6182)"><rect width="16" height="16" fill="%238A8AAE" />') right 16px center no-repeat;     -webkit-appearance: none;     -moz-appearance: none;     appearance: none;     font-size: 16px;     font-weight: 300;     padding: 0 16px;     border: none;     border-radius: 8px;     color: #8a8aae; }  .games-header-selector-wrapper:hover {     outline: 0;     box-shadow: 0 0 0 1px #ffde26; }  .header-button {     overflow: hidden;     position: relative;     background: radial-gradient(100.01% 100% at 50% 0, #3a3a54 0, #252536 100%);     transition: background-color .3s ease-out;     position: relative;     height: 48px;     padding: 0 16px;     display: flex;     justify-content: center;     align-items: center;     box-shadow: 0 2px 4px 0 #0000003D;     border-radius: 4px;     max-width: 100px;     margin: 0 auto; }  .header-button::before {     position: absolute;     right: 0;     bottom: 0;     content: '';     top: 0;     left: 0;     border: 1px solid transparent;     background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 0) 100%) border-box;     -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff);     mask-composite: exclude;     pointer-events: none;     border-radius: 4px; }  .header-button-content {     z-index: 1;     font-size: 14px;     font-weight: 400;     line-height: 16px;     letter-spacing: 0;     text-align: center; }  .header-button::after {     opacity: 0;     transition: opacity .3s ease-out;     content: '';     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;     background: radial-gradient(99.97% 100% at 50% 0, #55557d 0, #41415e 100%);     z-index: -1; }  .header-button:hover::after {     z-index: 0;     opacity: 1; }  .games-header-search-input-box {     position: relative;     display: flex;     flex-direction: column;     align-items: center; }  .games-header-search-input-box .search_submit {     height: 16px;     width: 16px;     position: absolute;     left: 16px;     top: 50%;     transform: translateY(-50%);     cursor: pointer; }  .games-header-search input {     box-sizing: border-box;     height: 48px;     transition: .3s ease-out;     width: 480px;     border: 1px solid transparent;     border-radius: 24px;     background: linear-gradient(#101018, #101018) padding-box, linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 100%) border-box;     padding: 16px 16px 16px 40px;     font-size: 16px;     font-weight: 300;     line-height: 16px;     letter-spacing: 0;     color: #8a8aae; }  @media (max-width: 1024px) {     .games-header-wrapper {         justify-content: flex-start;     }      .games-header-selector-wrapper {         width: 148px;     }      .games-header-selector {         width: 100%;     }      .games-header-search {         margin-left: 20px;         width: 100%;     }      .games-header-search input {         width: 100%;     } }  @media (max-width: 668px) {     .games-header-wrapper {         display: flex;         flex-direction: column;         gap: 12px;     }      .games-header {         order: 2;     }      .games-header-selector,     .games-header-selector-wrapper {         height: 40px;         width: 100%;         font-size: 14px;     }      .games-header-selector,     .games-header-selector-wrapper {         height: 40px;         width: 100%;         font-size: 14px;     }      .header-button {         height: 40px;     }      .games-header-search {         margin-left: 0;         order: 1;     }      .games-header-search input,     .games-header-search input::placeholder {         font-size: 14px;     }      .games-header-search input {         height: 40px;         width: 100%;     }      .toc_list a {         flex: 0 0 100%;     } }  .content h2 {     text-align: center; }  .content a:not([class]) {     color: #df3a3a;     text-decoration: none; }  .content a:not([class]):hover {     text-decoration: underline; }  .content img {     max-width: 100%;     height: auto;   	margin: 15px 0; }  table {     width: 100%;     border-collapse: collapse;     text-align: left;     margin: 20px 0;     background-color: #171722;     color: #FFFFFF;     table-layout: fixed; }  table tr {     border-left: 1px solid #fff;     border-top: 1px solid #fff; }  table td, table th {     border-right: 1px solid #fff;     border-bottom: 1px solid #fff;     padding: 10px;     min-width: 120px; }  tr:first-child th {     background-color: #9d1116;     color: #FFFFFF;     text-align: center;     font-weight: bold;     padding: 10px; }  table td {     background-color: #171722;     color: #FFFFFF;     text-align: center;     font-weight: normal;     border: 1px solid #CAD1DF;     padding: 10px; }  .footer {     margin: 0px 28px; }  .footer-first-part {     border-top: 1px solid #1E1E2C;     border-bottom: 1px solid #1E1E2C; }  .footer-content-first-part, .footer-content-second-part {     padding: 32px 20px;     display: flex;     justify-content: space-between;     column-gap: 40px;     row-gap: 20px;     align-items: center;     max-width: 1200px;     margin: 0 auto; }  .footer-nav {     display: flex;     flex-wrap: wrap;     column-gap: 24px;     row-gap: 4px; }  .footer-nav-item {     padding: 12px 4px;     font-size: 16px;     font-weight: 600;     line-height: 16px;     letter-spacing: 0px;     color: #BCBCD1; }  .footer-nav-item:hover {     color: white;     transition: 0.3s ease-out; }  .footer-social-btns-wrappper {     display: flex;     column-gap: 8px; }  .footer-social-btn {     display: flex;     justify-content: center;     align-items: center;     height: 40px;     width: 40px;     border-radius: 4px;     transition: all 0.3s ease-out; }  .footer-social-btn-instagram {     background: radial-gradient(230.93% 230.93% at 102.01% 2.03%, #F9ED32 0%, #EE2A7B 36%, #D22A8A 44%, #8B2AB2 60%, #1B2AF0 83%, #002AFF 88%); }  .footer-social-btn-vk {     background: #0077FF; }  .footer-social-btn-x {     background: #282828; }  .footer-social-btn-youtube {     background: #F40000; }  .footer-second-part-item {     max-width: 465px;     display: flex;     align-items: center;     column-gap: 16px; }  .footer-second-part-item-text {     font-size: 12px;     font-weight: 300;     line-height: 16px;     letter-spacing: 0em;     color: #8A8AAE; }  .choose-lang {     position: relative;     cursor: pointer; }  .footer-lang .choose-lang-button {     display: flex;     align-items: center;     justify-content: center;     cursor: pointer;     border-radius: 4px;     transition: all 0.3s ease-out; }  .footer-lang .choose-lang-button {     height: 60px;     width: 174px;     padding: 12px; }  .choose-lang span {     padding-left: 12px;     font-size: 14px;     font-weight: 400;     line-height: 16px;     letter-spacing: 0px; }  .toggle-icon {     transition: transform 0.3s ease-out; } .footer-lang .toggle-icon {     margin-left: 16px; }  .footer-lang .choose-lang-list {     display: grid;     position: absolute;     grid-template-columns: repeat(2, 1fr);     column-gap: 4px;     background-color: #1E1E2C;     border: 1px solid #FFFFFF1A;     visibility: hidden;     transform: scale(0);     transition: transform 0.3s ease-out;     z-index: 1000;     margin: 0; }  .choose-lang-list {     border-radius: 8px;     padding: 12px;     bottom: 0px;     left: -200px;     transform-origin: bottom right; }  .choose-lang-list.show {     visibility: visible;     transform: scale(1); }  .choose-lang-list li {     display: flex;     align-items: center;     border-radius: 4px;     padding: 12px;     height: 60px;     width: 173px; } .choose-lang-list .choose-lang-box {     width: 100%;     height: 100%;     display: flex;     align-items: center; } .choose-lang span {     padding-left: 12px;     font-size: 14px;     font-weight: 400;     line-height: 16px;     letter-spacing: 0px; }  .choose-lang-list li:nth-last-child(1):nth-child(odd) {     grid-column: 2; }  .choose-lang-list li:hover {     background-color: rgb(45, 48, 71); } .footer-social-btn:hover {     opacity: 0.8; } @media screen and (max-width: 1024px) {     .footer-content-first-part, .footer-content-second-part {         flex-wrap: wrap;     }     .footer-content-first-part {         justify-content: center;     }     .footer-content-second-part .footer-second-part-item:first-child {         max-width: 100%;     }     .footer-content-second-part .footer-second-part-item:nth-child(2) {         max-width: calc(100% - 214px);     } }  @media screen and (max-width: 668px) {     .footer-nav {         justify-content: center;     }     .footer-content-first-part {         justify-content: center;         padding: 20px 0px;     }     .footer-content-second-part {         justify-content: center;         padding: 20px 0px;     }     .footer-content-second-part .footer-second-part-item:nth-child(1) {         order: 2;     }     .footer-content-second-part .footer-second-part-item:nth-child(2) {         max-width: 100%;         order: 3;     }     .footer-lang .choose-lang-list {         display: flex;         flex-direction: column;         border-radius: 4px;         bottom: -130px;         left: -10px;         transform-origin: bottom right;     } }