::-webkit-scrollbar {     width: 10px;     background: #232f4b; }  ::-webkit-scrollbar-thumb {     background: #ff2e9a;     border-radius: 8px; }  * {     box-sizing: border-box; }  html, body {     overflow-x: hidden; }  body {     background: #101a2b;     color: #c1c3c8;     font-family: 'Segoe UI', 'Arial', sans-serif;     margin: 0;     padding: 0; }  body, .banner, .main-blocks, .content-menu, .info-table, .main-text, .footer {     margin-top: 0; }  img {     max-width: 100%;     height: auto; }  h1, h2, h3, h4, h5, h6 {     color: #F2F3F7; }  .container {     max-width: 1150px;     margin: 0 auto;     padding: 0 10px;     width: 100%; }  .header {     position: fixed;     top: 0;     left: 0;     right: 0;     z-index: 100;     display: flex;     justify-content: space-between;     align-items: center;     padding: 0;     background: #131e33ee;     box-shadow: 0 2px 16px #0004;     backdrop-filter: blur(6px); }  .header__wrapper {     display: flex;     justify-content: space-between;     align-items: center; }  .header__logo {     display: block;     height: 50px;     width: auto;     margin-right: 10px; }  .header__logo img {     width: 100%;     height: 100%; }  .header__nav ul {     list-style: none;     display: flex;     align-items: center;     gap: 15px;     padding: 0; }  .header__nav a {     background: rgb(167 31 103);     color: rgb(255 255 255);     font-size: 14px;     padding: 0 10px;     height: 28px;     font-weight: 500;     cursor: pointer;     border: none;     border-radius: 4px;     text-transform: uppercase;     display: flex;     justify-content: center;     align-items: center;     text-decoration: none;     transition: all .24s; }  .header__nav a:hover {     background: rgb(211 21 122); }  .header__nav a.green {     background: #109121; }  .header__nav a.green:hover {     background: #12bb28; }  .header__nav a svg {     width: 15px;     height: 15px;     margin-right: 5px; }  @media (max-width: 650px) {      .header__nav a.green,     .header__nav a span {         display: none;     }      .header__nav ul {         gap: 10px;     } }  @media (max-width: 400px) {     .header__logo {         height: 40px;     }      .header__nav ul {         gap: 5px;     } }  .banner {     display: flex;     flex-direction: row;     align-items: stretch;     justify-content: space-between;     gap: 20px;     width: 100%;     margin-top: 75px; }  .slider {     position: relative;     width: 50%;     display: flex;     align-items: center;     justify-content: center;     flex-shrink: 0; }  .slider-track {     width: 100%;     height: 100%;     position: relative;     overflow: hidden; }  .slider-slide {     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;     opacity: 0;     pointer-events: none;     display: flex;     align-items: center;     justify-content: center;     transition: opacity 0.4s; }  .slider-slide.active {     opacity: 1;     pointer-events: auto;     z-index: 1; }  .slider-slide img {     width: 100%;     height: 210px;     object-fit: cover; }  .slider-btn {     position: absolute;     top: 50%;     transform: translateY(-50%);     background: #232f4b;     color: #fff;     border: none;     border-radius: 50%;     width: 38px;     height: 38px;     font-size: 1.5rem;     cursor: pointer;     z-index: 2;     opacity: 0.85;     transition: background 0.2s, color 0.2s; }  .slider-btn:hover {     background: #ff2e9a;     color: #fff; }  .slider-btn--left {     left: 8px; }  .slider-btn--right {     right: 8px; }  .banner .content {     width: 50%;     min-width: 220px;     display: flex;     flex-direction: column;     justify-content: center; }  .title {     margin: 0; }  @media (max-width: 900px) {     .banner {         flex-direction: column;         gap: 18px;     }      .slider,     .banner .content {         width: 100%;         min-width: 0;         max-width: 100%;     }      .slider-track {         display: block;         height: 325px;     }      .slider-slide img {         width: 100%;         height: 100%;         object-position: right;     } }  .cards {     display: flex;     justify-content: center;     align-items: center;     gap: 10px;     flex-wrap: wrap; }  .card {     display: block; }  .toc {     background: #232b3b;     border-radius: 12px;     padding: 16px 32px 16px 32px;     margin-bottom: 32px;     color: #fff;     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);     max-width: 100%;     transition: max-height 0.4s cubic-bezier(.4, 0, .2, 1), padding 0.3s;     overflow: hidden; }  .toc-header {     display: flex;     align-items: center;     justify-content: space-between;     cursor: pointer; }  .toc-header h2 {     font-size: 1.2rem;     font-weight: 700;     margin: 0; }  #toc-toggle {     font-size: 2rem;     color: #ff4081;     transition: transform 0.3s;     transform: rotate(90deg); }  .toc-list {     display: flex;     flex-wrap: wrap;     gap: 12px 32px;     list-style: none;     padding: 0;     margin: 15px 0 0; }  .toc-list li {     flex: 1 1 220px;     min-width: 180px; }  .toc-list a {     color: #fff;     text-decoration: none;     font-weight: 500;     font-size: 1.1rem;     transition: color 0.2s; }  .toc-list a span {     color: #ff4081; }  .toc-list a:hover {     text-decoration: underline; }  .toc.collapsed .toc-list {     display: none; }  .toc.collapsed #toc-toggle {     transform: rotate(-90deg); }  .content a, .content__main a {     color: #4986f5; }  .content a:hover, .content__main a:hover {     color: #d22769; }  .content__main table {     width: 100%;     border-collapse: separate;     border-spacing: 0;     background: #232b3b;     color: #F2F3F7;     overflow: hidden;     margin: 24px 0;     border: 3px solid #4051b8; }  .content__main th, .content__main td {     padding: 12px 18px;     text-align: left;     vertical-align: middle; }  .content__main th {     background: #17233b;     color: #ff4081;     font-weight: 700;     font-size: 1.05rem; }  .content__main td {     font-size: 1rem; }  .content__main td .icon, .content__main th .icon {     margin-right: 8px;     vertical-align: middle;     font-size: 1.1em; }  .content__main tr:nth-child(even) {     background: #17233b; }  .content__main tr:nth-child(odd) {     background: #132a53; }  .footer__nav {     padding-bottom: 8px;     margin-bottom: 36px;     display: flex;     justify-content: space-between;     align-items: flex-start;     flex-wrap: wrap;     gap: 20px;     padding-top: 32px;     border-top: 1px solid rgba(255, 255, 255, .1); }  .nav__list {     list-style: none;     padding: 0;     margin: 0;     margin-bottom: 20px; }  .nav__item {     display: flex;     align-items: center;     width: 100%;     text-transform: uppercase;     font-size: 12px;     line-height: 14px;     font-weight: 700;     color: rgb(255 255 255 / 70%); }  .nav__item:first-child {     margin-bottom: 18px; }  .nav__item svg {     width: 14px;     height: 14px; }  .nav__link {     text-transform: capitalize;     font-size: 12px;     line-height: 14px;     color: rgb(255 255 255 / 40%);     transition: color .24s;     margin-bottom: 12px;     text-decoration: none; }  .nav__link:hover {     color: rgb(255 255 255 / 100%); }  .slider__title {     letter-spacing: 2px;     font-size: 10px;     line-height: 12px;     margin-bottom: 17px;     text-indent: 2px;     width: 100%;     text-align: center;     text-transform: uppercase;     color: rgba(255, 255, 255, .7); }  @media (max-width: 420px) {     .footer__nav {         flex-direction: column;     } }  .group-certification {     display: flex;     justify-content: space-between;     align-items: center;     margin-bottom: 48px;     flex-wrap: wrap; }  .group-certification__link {     display: block;     border-radius: 4px;     margin-left: 4px;     margin-right: 4px;     min-width: 80px;     width: 80px;     height: 86px; }  .group-certification__link img {     display: block;     object-fit: contain;     object-position: center;     width: 80px;     height: 80px;     filter: grayscale(100%);     opacity: .6;     transition: opacity .24s; }  .pays__wrap {     display: flex;     justify-content: space-between;     align-items: center;     padding-bottom: 48px;     flex-wrap: wrap;     gap: 10px }  .pay {     display: inline-block;     width: 90px;     height: 50px;     padding: 8px;     background-color: rgb(255 255 255 / 10%);     border-radius: 4px;     margin-left: 4px;     margin-right: 4px;     vertical-align: middle; }  .pay img {     display: block;     width: 100%;     height: 100%;     object-fit: contain;     object-position: center;     font-size: 16px;     color: rgb(255 255 255);     opacity: .6;     filter: grayscale(100%);     cursor: pointer;     transition: opacity .24s, filter .24s; }  .copy {     width: 100%;     display: flex;     justify-content: space-between;     align-items: center;     box-shadow: 0 1px rgb(255 255 255 / 10%) inset;     font-size: 12px;     line-height: 14px;     color: rgb(255 255 255 / 50%);     font-weight: 400;     padding-top: 32px;     padding-bottom: 48px; }