@font-face {     font-family: 'Onest';     src: url(/shared/3713/Onest-Bold.eot);     src: url(/shared/3713/Onest-Bold.eot) format('embedded-opentype'),         url(/shared/3713/Onest-Bold.woff2) format('woff2'),         url(/shared/3713/Onest-Bold.woff) format('woff'),         url(/shared/3713/Onest-Bold.ttf) format('truetype');     font-weight: bold;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'Onest';     src: url(/shared/3713/Onest-ExtraBold.eot);     src: url(/shared/3713/Onest-ExtraBold.eot) format('embedded-opentype'),         url(/shared/3713/Onest-ExtraBold.woff2) format('woff2'),         url(/shared/3713/Onest-ExtraBold.woff) format('woff'),         url(/shared/3713/Onest-ExtraBold.ttf) format('truetype');     font-weight: bold;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'Agbalumo';     src: url(/shared/3713/Agbalumo-Regular.eot);     src: url(/shared/3713/Agbalumo-Regular.eot) format('embedded-opentype'),         url(/shared/3713/Agbalumo-Regular.woff2) format('woff2'),         url(/shared/3713/Agbalumo-Regular.woff) format('woff'),         url(/shared/3713/Agbalumo-Regular.ttf) format('truetype');     font-weight: normal;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'Onest';     src: url(/shared/3713/Onest-Medium.eot);     src: url(/shared/3713/Onest-Medium.eot) format('embedded-opentype'),         url(/shared/3713/Onest-Medium.woff2) format('woff2'),         url(/shared/3713/Onest-Medium.woff) format('woff'),         url(/shared/3713/Onest-Medium.ttf) format('truetype');     font-weight: 500;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'Onest';     src: url(/shared/3713/Onest-Regular.eot);     src: url(/shared/3713/Onest-Regular.eot) format('embedded-opentype'),         url(/shared/3713/Onest-Regular.woff2) format('woff2'),         url(/shared/3713/Onest-Regular.woff) format('woff'),         url(/shared/3713/Onest-Regular.ttf) format('truetype');     font-weight: normal;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'Onest';     src: url(/shared/3713/Onest-SemiBold.eot);     src: url(/shared/3713/Onest-SemiBold.eot) format('embedded-opentype'),         url(/shared/3713/Onest-SemiBold.woff2) format('woff2'),         url(/shared/3713/Onest-SemiBold.woff) format('woff'),         url(/shared/3713/Onest-SemiBold.ttf) format('truetype');     font-weight: 600;     font-style: normal;     font-display: swap; }  *, :after, :before, ::backdrop {     box-sizing: border-box;     border: 0 solid;     margin: 0;     padding: 0;     list-style: none; }  html, body {     color: #fff;     font-family: 'Onest', sans-serif;     box-sizing: border-box;     width: 100%;     line-height: normal;     position: relative; }  body {     background: #030922; } img {     max-width: 100%;     height: auto;     object-fit: contain;     object-position: center;     vertical-align: middle;     border-style: none; } .container {     max-width: 1400px;     margin: 0 auto; } .flex {     display: flex; }  .sidebar {     position: fixed;     flex-direction: column;     align-items: center;     gap: 12px;     background-color: #040e29;     padding: 16px 10px 10px;     border-radius: 30px;     width: 84px;     height: calc(100% - 20px);     z-index: 1200;     left: 10px;     top: 10px;     bottom: -12px;     transition-duration: .3s;     box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0px -2px 4px 0px #333b4f40 inset, 0px 2px 4px 0px #333b4f40 inset;     overflow: auto; overflow: auto;   scrollbar-width: none;   -ms-overflow-style: none; }  .sideba::-webkit-scrollbar {   display: none; } .sidebar__logo img {     width: 44px;     height: auto;     object-fit: contain; }  .sidebar__body {     width: 100%; }  .sidebar__menu {     padding: 1px;     overflow-y: auto;     -ms-overflow-style: none;     scrollbar-width: none;     flex-direction: column;     align-items: center;     gap: 24px;     margin-top: 12px;     border-top: 1px solid;     border-image: linear-gradient(90deg,             #464f7a1a 0%,             #333b63 49.99%,             #464f7a1a 100%) 1;     width: 100%; }  .sidebar__menu-list {     margin-top: 24px;     flex-direction: column;     align-items: center;     justify-content: center;     gap: 4px;     width: 100%; }  .sidebar__menu-item {     width: 100%;     position: relative; }  .sidebar__menu-link {     position: relative;     height: 48px;     width: 100%;     cursor: pointer;     align-items: center;     justify-content: center;     overflow: hidden;     border-radius: 14px;     background-color: #172346;     padding: 1px;     text-align: center;     font-weight: 700;     box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0px -2px 4px 0px #333b4f40 inset, 0px 2px 4px 0px #333b4f40 inset; }  .sidebar__menu-link:after {     content: '';     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;     background-image: linear-gradient(90deg, #667af3 0%, #4b62fd 100%);     border-radius: 3.40282e38px;     z-index: 1;     filter: blur(4px);     opacity: .7;     overflow: hidden; }  .sidebar__menu-link img {     width: auto;     height: 42px;     z-index: 2;     transition: transform 1s ease;     position: relative;     bottom: -5px; }  .sidebar__menu-link::before {     content: attr(data-tooltip);     position: absolute;     left: 110%;     top: 50%;     transform: translateY(-50%);     background: #1c2a52;     color: #fff;     padding: 6px 12px;     border-radius: 10px;     white-space: nowrap;     font-size: 14px;     opacity: 0;     pointer-events: none;     transition: 0.3s ease;     box-shadow: 0 4px 10px rgba(0, 0, 0, .3); }  .sidebar__menu-link:hover::before {     opacity: 1; }  .sidebar__menu-link:hover img {     transform: rotateY(360deg);     bottom: 0; }  .sidebar__menu-link.wheel:after {     background-image: linear-gradient(180deg, #9b27ff 0%, #5d1799 100%); }  .sidebar__menu-link.boom:after {     background-image: linear-gradient(90deg, #bc1e928a 0.04%, #bc1e9229 51.94%, #bc1e920f 99.3%); }  .sidebar__menu-link.mission:after {     background-image: linear-gradient(90deg, #ae00ff8a 0.04%, #ae00ff66 13.71%, #ae00ff29 54.65%, #ae00ff14 84.1%, #ae00ff0f 99.96%); }  .sidebar__menu-link.vip:after {     background-image: linear-gradient(90deg, #fed0078a 0.04%, #fed00729 54.65%, #fed0070f 99.96%); }  .sidebar__menu-link.promo:after {     background-image: linear-gradient(90deg, #2eb8e18a 0.04%, #2eb8e129 54.65%, #2eb8e10f 99.96%); }  .sidebar__menu-link.jackpots:after {     background-image: linear-gradient(180deg, #ff5d5d00 0%, #99171700 100%); }  .sidebar__menu-link.tournament:after {     background-image: linear-gradient(90deg, #07ff038a 0.04%, #07ff0329 54.65%, #07ff030f 99.96%); }  .sidebar__menu-list-bottom .sidebar__menu-link:after {     background-image: linear-gradient(180deg, #ff5d5d00 0%, #99171700 100%); }  .sidebar__menu-list-bottom {     gap: 8px;     flex-direction: column;     border-top: 1px solid;     border-image: linear-gradient(90deg,             #464f7a1a 0%,             #333b63 49.99%,             #464f7a1a 100%) 1;     margin-top: 0;     padding-top: 24px; }  .sidebar__menu-list-bottom .sidebar__menu-link {     background-color: #101a32;     border-color:         color-mix(in oklab, #fff 8%, transparent);     border-style: solid;     border-width: 1px;     border-radius: 22px;     gap: 10px;     height: 52px;     align-items: center;     width: 100%;     justify-content: flex-start;     position: relative;     padding-inline: 10px;     transition: border-color 0.4s ease; }  .sidebar__menu-list-bottom .sidebar__menu-link:hover {     border-color: color-mix(in oklab, #fff 52%, transparent); }  .sidebar__menu-list-bottom .sidebar__menu-link svg {     border-radius: 3.40282e38px;     background-color: #0c1326;     padding: 9px;     color: #7d90c1;     box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0px 4px 4px 0px #00000040 inset; }   .sidebar__menu-list-bottom .language {     height: 56px;     width: 56px;     justify-content: center;     align-items: center; }  .sidebar__menu-list-bottom .language img {     height: 24px;     width: 24px;     object-fit: cover;     border-radius: 3.40282e38px;     bottom: 0; }  /* Language dropdown */ .language-dropdown {     position: fixed;     left: calc(9% + 12px);     top: 76%;     transform: translateY(-50%);     background: #040e29;     border-radius: 24px;     padding: 14px 16px;     min-width: 170px;     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);     border: 1px solid rgba(58, 76, 122, 0.7);     display: none;     z-index: 1300; } .language-dropdown.is-open {     display: block; } .language-dropdown__header {     font-size: 12px;     font-weight: 600;     color: #7d90c1;     margin-bottom: 10px;     text-transform: uppercase;     letter-spacing: 0.03em; } .language-dropdown__grid {     display: grid;     grid-template-columns: repeat(2, minmax(0, 1fr));     gap: 10px 18px; } .language-dropdown__option {     display: flex;     align-items: center;     justify-content: center;     text-decoration: none;     gap: 4px;     width: 70px;     height: 52px;     border-radius: 20px;     border: none;     cursor: pointer;     background: #101a32;     color: #a9b5ec;     font-size: 12px;     font-weight: 600;     padding: 10px 12px;     transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;     position: relative; } .language-dropdown__option:hover {     background: #172346;     color: #fff;     box-shadow: 0 0 0 1px rgba(102, 122, 243, 0.6);     transform: translateY(-1px); } .language-dropdown__option.is-active {     background: #101a32;     color: #fff; } .language-dropdown__option.is-active:before {     content: "";     border-radius: inherit;     z-index: -1;     inset: -2px;     background: linear-gradient(83deg,#00baff 5.34%,#117bff 29.89%,#5116ff 61.37%,#9634eb 95.04%);     position: absolute; } .language-dropdown__flag img {     width: 24px;     height: 24px;     border-radius: 999px;     object-fit: cover; } .language-dropdown__code {     font-size: 11px;     font-weight: 700; }  .page {     padding-left: 94px; } .header {     padding: 10px 24px;     height: 100px;     justify-content: space-between;     align-items: center; } .header__logo {     width: auto;     height: 84px; } .header__logo-link {     width: 100%;     height: 100%;     display: block; } .header__logo-link img {     width: 100%;     height: 100%;     object-fit: contain;     object-position: center; }  .header__nav-list {     gap: 24px;     list-style: none;     margin: 0;     padding: 0; } .header__nav-item {     list-style: none;     margin: 0;     padding: 0; } .header__nav-link {     text-decoration: none;     line-height: 1.5;     font-weight: 500;     font-size: .875rem;     color: #a9b5ec; } .header__nav-link:hover {     color: #318dff; } .buttons {     gap: 10px;     align-items: center;     justify-content: center; } .btn {     display: flex;     align-items: center;     justify-content: center;     text-decoration: none;     transition: .3s ease all;     text-transform: uppercase;     background-color: #040e29;     border: 1px solid #3a4c7a;     border-radius: 30px;     min-width: 120px;     min-height: 56px;     font-size: 16px;     color: #fff;     font-weight: 700;     padding: 0 10px; } .btn:hover {     transition: .3s ease all; } .btn-login:hover {     border-color: #7d90c1; } .btn-signup {     position: relative;     box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0px -1.71px 3.421px 0px ,#0000004d inset,0px 1.71px 3.421px 0px #ffffff4d inset;     background-image: linear-gradient(83deg,#00baff 5.34%,#117bff 29.89%,#5116ff 61.37%,#9634eb 95.04%);     border: none; } .btn-signup img {     position: absolute;     top: 0;     right: 3px;     transform: translate(0, -50%);     transition: .3s ease all; }  .btn-signup:hover img {     --tw-scale-x: 110%;     --tw-scale-y: 110%;     --tw-scale-z: 110%;     scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);     transition: .3s ease all; }  .btn-signup:hover {     background-image: linear-gradient(83deg,#9634eb 5.34%,#5116ff 29.89%,#117bff 61.37%,#00baff 95.04%); }  .btn-logo {     box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0px -1.71px 3.421px 0px ,#0000004d inset,0px 1.71px 3.421px 0px #ffffff4d inset;     background-image: linear-gradient(87deg,#3d00d5 3.31%,#016ff5 97.17%);     border-radius: 20px;     gap: 8px;     text-transform: none;     padding: 16px;     height: 56px;     border: none; }  .btn-logo:hover {     background-image: linear-gradient(283deg,#00baff 5.34%,#117bff 29.89%,#5116ff 61.37%,#9634eb 95.04%); }  /* Mobile menu & burger */ .header__burger {     display: none;     flex-direction: column;     justify-content: center;     gap: 6px;     width: 44px;     height: 44px;     padding: 10px;     background: #172346;     border: 1px solid #3a4c7a;     border-radius: 14px;     cursor: pointer;     transition: 0.3s ease; } .header__burger:hover {     border-color: #7d90c1; } .header__burger-line {     display: block;     width: 100%;     height: 2px;     background: #a9b5ec;     border-radius: 2px;     transition: 0.3s ease; } .header__burger[aria-expanded="true"] .header__burger-line:nth-child(1) {     transform: translateY(8px) rotate(45deg); } .header__burger[aria-expanded="true"] .header__burger-line:nth-child(2) {     opacity: 0; } .header__burger[aria-expanded="true"] .header__burger-line:nth-child(3) {     transform: translateY(-8px) rotate(-45deg); }  .mobile-menu {     position: fixed;     inset: 0;     z-index: 1000;     pointer-events: none;     visibility: hidden;     transition: visibility 0.3s ease; } .mobile-menu.is-open {     pointer-events: auto;     visibility: visible; } .mobile-menu__overlay {     position: absolute;     inset: 0;     background: rgba(3, 9, 34, 0.7);     opacity: 0;     transition: opacity 0.3s ease; } .mobile-menu.is-open .mobile-menu__overlay {     opacity: 1; } .mobile-menu__panel {     position: absolute;     top: 0;     right: 0;     width: min(320px, 85vw);     max-width: 100%;     height: 100%;     background: #030922;     box-shadow: -4px 0 24px rgba(0, 0, 0, 0.4);     display: flex;     flex-direction: column;     padding: 24px 20px;     transform: translateX(100%);     transition: transform 0.3s ease;     overflow-y: auto; } .mobile-menu.is-open .mobile-menu__panel {     transform: translateX(0); } .mobile-menu__close {     align-self: flex-end;     width: 44px;     height: 44px;     padding: 10px;     background: #172346;     border: 1px solid #3a4c7a;     border-radius: 14px;     cursor: pointer;     position: relative;     margin-bottom: 24px;     transition: 0.3s ease; } .mobile-menu__close:hover {     border-color: #7d90c1; } .mobile-menu__close span {     position: absolute;     left: 50%;     top: 50%;     width: 20px;     height: 2px;     background: #a9b5ec;     border-radius: 2px; } .mobile-menu__close span:first-child {     transform: translate(-50%, -50%) rotate(45deg); } .mobile-menu__close span:last-child {     transform: translate(-50%, -50%) rotate(-45deg); } .mobile-menu__nav {     flex: 1; } .mobile-menu__list {     display: flex;     flex-direction: column;     gap: 4px; } .mobile-menu__link {     display: block;     padding: 14px 16px;     color: #a9b5ec;     text-decoration: none;     font-weight: 500;     font-size: 1rem;     border-radius: 14px;     transition: 0.2s ease;     background-color: #0e162c; } .mobile-menu__link:hover {     color: #318dff;     background: rgba(49, 141, 255, 0.1); } .mobile-menu__buttons {     display: flex;     flex-direction: column;     gap: 10px;     margin-top: 24px;     padding-top: 24px;     border-top: 1px solid rgba(70, 79, 122, 0.3); } .mobile-menu__buttons .btn {     width: 100%;     justify-content: center; }  @media (max-width: 1125px) {     .header__burger {         display: flex;         order: 1;     }     .header__nav,     .buttons .btn-login,     .buttons .btn-logo {         display: none;     }     .header__logo {         width: 75%;         height: 84px;     }     .header__logo-link img {         width: auto;         height: 100%;     }     .btn-signup {         margin-right: 10px;     } } @media (max-width: 890px) {     .header__logo {         width: 70%;     }     .sidebar {         display: none;     }     .page {         padding-left: 0;     } } @media (max-width: 412px) {     .header__logo {         width: 50%;     } } @media (min-width: 1126px) {     .mobile-menu {         display: none;     } }  /* Promo slider */ .promo-slider {     position: relative;     width: 100%;     margin: 24px 0;     padding: 0 56px; } .promo-slider__inner {     overflow: hidden;     border-radius: 24px; } .promo-slider__track {     display: flex;     gap: 20px;     width: 100%;     transition: transform 0.4s ease;     will-change: transform; } .promo-slider__slide {     flex: 0 0 calc((100% - 40px) / 2.1);     min-width: calc((100% - 40px) / 2.1);     border-radius: 24px;     overflow: hidden; } .promo-slider__slide-link {     display: block;     width: 100%;     height: 100%;     text-decoration: none; } .promo-slider__img {     max-width: 590px;     width: calc(100dvw - 20px);     height: auto;     object-fit: cover;     object-position: center;     display: block;     border-radius: 24px; } .promo-slider__btn {     position: absolute;     top: 50%;     transform: translateY(-50%);     z-index: 2;     width: 48px;     height: 48px;     border-radius: 50%;     border: none;     background: #172346;     color: #fff;     cursor: pointer;     display: flex;     align-items: center;     justify-content: center;     transition: background 0.2s ease, color 0.2s ease;     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);     border: 1px solid #101a32; } .promo-slider__btn:hover {     border-color: #a302f1; } .promo-slider__btn--prev {     left: 30px; } .promo-slider__btn--next {     right: 30px; }  @media (max-width: 991px) {     .promo-slider {         padding: 0 48px;     }     .promo-slider__slide {         flex: 0 0 calc((85% - 20px) / 1.1);         min-width: calc((85% - 20px) / 1.1);     }     .promo-slider__btn {         display: none;     } } @media (max-width: 576px) {     .promo-slider {         padding: 0;         margin: 0 0 16px 0;         width: 100%;     }     .promo-slider__inner {         border-radius: 0;     }     .promo-slider__track {         gap: 23px;     }     .promo-slider__slide {         flex: 0 0 100%;         min-width: 100%;     }     .promo-slider__img {         width: 100%;         max-width: none;     } } .main {     padding: 0 10px; } .baground-img {     height: 188px;     background-repeat: no-repeat;     background-size: 100% 100%;     background-image: url(/shared/3713/background.webp); }  .main__title {     margin-bottom: 14px;     font-size: 24px;     font-weight: 700; }  .main__content p, .faq__answer p {     color: #6d7a9c;     font-size: 16px;     line-height: 1.6;     padding-bottom: 14px;     font-weight: 500; } .main__content li {     padding-bottom: 14px;     line-height: 1.5;     font-weight: 500;     list-style-type: disc;     color: #6d7a9c; } .main__content ul {     padding-left: 20px;     list-style: disc; }  /* Links in text */ .main__content a {     color: #667af3;     text-decoration: none;     border-bottom: 1px solid rgba(102, 122, 243, 0.4);     transition: color 0.2s ease, border-color 0.2s ease; } .main__content a:hover {     color: #318dff;     border-bottom-color: #318dff; } .main__content a:focus-visible {     outline: 2px solid #318dff;     outline-offset: 2px; }  /* Table of contents (toc) */ .toc {     margin: 1em 0 1.5em;     background: #0e162c;     border: 1px solid rgba(58, 76, 122, 0.5);     border-radius: 14px;     overflow: hidden; } .toc__summary {     padding: 14px 18px;     font-weight: 600;     color: #fff;     cursor: pointer;     list-style: none;     user-select: none;     transition: background 0.2s ease, color 0.2s ease; } .toc__summary::-webkit-details-marker {     display: none; } .toc__summary::before {     content: '';     display: inline-block;     width: 0;     height: 0;     margin-right: 8px;     border-left: 5px solid #a9b5ec;     border-top: 4px solid transparent;     border-bottom: 4px solid transparent;     vertical-align: middle;     transition: transform 0.2s ease; } .toc[open] .toc__summary::before {     transform: rotate(90deg); } .toc__summary:hover {     background: rgba(23, 35, 70, 0.6);     color: #a9b5ec; } .toc__list {     padding: 8px 18px 14px;     margin: 0;     border-top: 1px solid rgba(58, 76, 122, 0.35);     list-style: none; } .toc__list li {     padding: 6px 0;     padding-bottom: 14px; } .toc__list li:last-child {     padding-bottom: 0; } .toc__list a {     color: #a9b5ec;     text-decoration: none;     font-size: 0.9375rem;     line-height: 1.4;     border-bottom: none;     transition: color 0.2s ease; } .toc__list a:hover {     color: #318dff;     border-bottom-color: transparent; }  /* Tables */ .main__content table {     width: 100%;     border-collapse: collapse;     font-size: 0.9375rem;     line-height: 1.5;     color: #a9b5ec;     background: #0e162c;     border-radius: 14px;     overflow: hidden;     border: 1px solid rgba(58, 76, 122, 0.5); } .main__content thead {     background: #172346; } .main__content th {     padding: 14px 18px;     text-align: left;     font-weight: 600;     color: #fff;     border-bottom: 1px solid rgba(58, 76, 122, 0.6); } .main__content td {     padding: 12px 18px;     border-bottom: 1px solid rgba(58, 76, 122, 0.25); } .main__content tbody tr:last-child td {     border-bottom: none; } .main__content tbody tr:hover {     background: rgba(23, 35, 70, 0.5); } .main__content caption {     padding: 10px 18px;     font-weight: 600;     color: #a9b5ec;     text-align: left;     caption-side: top; } .main__content table {     margin: 1em 0; }  /* Ordered (numbered) lists */ .main__content ol {     padding-left: 1.75em;     margin: 0 0 1em;     list-style-type: decimal; } .main__content ol li {     padding-bottom: 0.5em;     line-height: 1.5;     color: #6d7a9c;     list-style-type: decimal; } .main__content ol li::marker {     color: #667af3; }  /* Definition lists (dl, dt, dd) */ dl {     margin: 1em 0;     padding: 0; } dt {     font-weight: 600;     color: #fff;     margin-top: 0.75em;     padding-bottom: 0.25em; } dt:first-child {     margin-top: 0; } dd {     margin-left: 1.25em;     padding-bottom: 0.5em;     line-height: 1.5;     color: #6d7a9c; } .main__content dl {     margin: 1em 0; } .main__content dt {     font-weight: 600;     color: #a9b5ec; } .main__content dd {     margin-left: 1.25em;     color: #6d7a9c; } .footer {     margin-top: 100px; } .footer__language {     display: none;     justify-content: center;     margin-bottom: 16px; } .footer__language-btn {     display: flex;     align-items: center;     justify-content: center;     width: 56px;     height: 56px;     border-radius: 50%;     background-color: #101a32;     border: 1px solid color-mix(in oklab, #fff 8%, transparent);     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);     text-decoration: none; } .footer__language-btn img {     width: 24px;     height: 24px;     border-radius: 999px;     object-fit: cover; } .payment-methods__title {     display: flex;     align-items: center;     justify-content: space-between;     gap: 10px;     color: #263660;     line-height: 1.1;     font-size: 14px;     font-weight: 600;     white-space: nowrap; } .payment-methods__title span {     background-image: linear-gradient(90deg,#464f7a1a 0%,#333b63 49.99%,#464f7a1a 100%);     height: 1px;     display: block;     width: 40%; } .payment-methods__title-bottom span {     width: 100%; } .payment-methods__list {     display: flex;     gap: 40px;     flex-wrap: wrap;     justify-content: center;     align-items: center;     padding: 10px;     border-radius: 10px;     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); }  .payment-methods__item img {     height: 30px;     width: auto; }  .copyright {     display: flex;     align-items: center;     justify-content: space-between;     flex-wrap: wrap;     gap: 10px;     padding: 20px 10px;     color: #7d90c1;     line-height: 1.6;     font-size: 14px;     font-weight: 400; } .copyright svg {     color: #fff;     margin-right: 10px; } .trust-images {     gap: 10px; } .to-top-up {     position: fixed;     bottom: 145px;     right: -40px;     z-index: 1000;     background-color: color-mix(in oklab, #101a32 80%, transparent);     color: #6d7a9c;     border: none;     border-radius: 20px;     padding: 10px;     font-weight: 700;     rotate: 270deg;     font-size: 16px;     opacity: 0;     visibility: hidden;     pointer-events: none;     transition: opacity 0.3s ease, visibility 0.3s ease;     cursor: pointer; }  .to-top-up.visible {     opacity: 1;     pointer-events: auto;     visibility: visible; } .to-top-up svg {     rotate: 180deg; }  /* FAQ accordion */ .faq__title {     font-size: 1.5rem;     font-weight: 700;     color: #fff;     margin-bottom: 1rem; } .faq__list {     display: flex;     flex-direction: column;     gap: 12px; } .faq__item {     background: #0e162c;     border: 1px solid rgba(58, 76, 122, 0.5);     border-radius: 14px;     overflow: hidden; } .faq__question {     padding: 24px;     font-size: 1.25rem;     font-weight: 600;     color: #6d7a9c;     cursor: pointer;     list-style: none;     position: relative;     transition: background 0.2s ease;     cursor: pointer; } .faq__question::-webkit-details-marker, .faq__question::marker {     display: none; } .faq__question::after {     content: '';     position: absolute;     right: 18px;     top: 50%;     transform: translateY(-50%);     width: 0;     height: 0;     border-left: 6px solid transparent;     border-right: 6px solid transparent;     border-top: 6px solid #a9b5ec;     transition: transform 0.25s ease; } .faq__item[open] .faq__question::after {     transform: translateY(-50%) rotate(180deg); } .faq__item[open] .faq__question {     color: #fff; } .faq__question:hover {     background: rgba(23, 35, 70, 0.6); } .faq__answer {     padding: 14px 18px 18px;     border-top: 1px solid rgba(58, 76, 122, 0.35); } @media (max-width: 889px) {     .footer__language {         display: flex;     }     .language-dropdown {         position: absolute;         left: 54%;         top: auto;       bottom: 102px;     } } @media (max-width: 590px) {     .language-dropdown {         position: absolute;         left: 24%;         transform: translateX(-50%);         top: auto;       bottom: 215px;     } } @media (max-width: 524px) {     .language-dropdown {         position: absolute;         left: 24%;         transform: translateX(-50%);         top: auto;         bottom: 270px;     } } @media (max-width: 470px) {     .language-dropdown {         position: absolute;         left: 24%;         transform: translateX(-50%);         top: auto;         bottom: 371px;     } } main > section > p > img {   display: block;   margin: 0 auto;   padding: 20px 0px;   max-width: 80%; }