body, html {     overflow-x: hidden;     font-size: 10px; }  body {     margin: 0;     padding: 0;     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;     background: linear-gradient(93.69deg,#101726 -1.43%,#301414 100.67%,#281010 100.67%);     font-weight: 400;  }  * {     box-sizing: border-box; } section {     padding: 0 15px; }  .btn {     height: auto;     display: grid;     grid-column-gap: 5px;     grid-template-columns: auto 1fr auto;     align-items: center;     justify-content: center;     min-width: 110px;     padding: 5px 20px;     background: linear-gradient(253.67deg, #adff00 2.27%, #00ea25 94.48%);     box-shadow: none;     border: 2px solid transparent;     border-radius: 6px;     text-decoration: none;   	cursor: pointer; } .btn .btn__sing {     background: transparent;     border: 2px solid #df2dbd;     box-shadow: none;     color: #ffffff; } .header .nav__btn .btn__reg {     position: relative;     display: block;     overflow: hidden;     text-align: center; } .btn__footer {     background: linear-gradient(217deg,#8108e0 0%,#ff39b0 100%,#ff39b0 100%);     width: 234px;     height: 50px;     border: none;     color: #ffffff; } .burger-panel .btn {     width: 200px; } .btn__reg span {     color: #111111; }  .btn__sing {     background: transparent;     border: 2px solid #df2dbd;     box-shadow: none;     color: #ffffff; }  .btn span {     font-style: normal;     font-weight: bold;     font-size: 1.4rem;     line-height: 1.45;     grid-column: 2;     text-transform: initial;     text-align: center; }  .nav__content__menu {     margin: 20px 0 0; }  .block_main-nav-panel {     display: flex;     align-items: center; }  .block_main-nav-panel__link {     color: #fff;     font-style: normal;     font-weight: normal;     font-size: 1.2rem;     line-height: 1.45;     display: flex;     align-items: center;     justify-content: initial;     min-height: 40px;     padding: 5px 10px;     text-decoration: none; }  .block_main-nav-panel__link:hover {     background: #37233a; }  .block_main-nav-panel__svg {     display: flex;     align-items: center;     justify-content: center;     margin: 0 15px 0 0;     width: 25px; }  .block_main-nav-panel__svg__icon svg {     display: block;     width: 25px;     height: auto;     fill: #fff; }  .main {     position: relative; }  .header {     background: linear-gradient(93.69deg,#101726 -1.43%,#301414 100.67%,#281010 100.67%);     padding: 0 15px;     display: flex;     align-items: center;     justify-content: space-between;     height: 100px; }  .logo__link {     display: flex;     align-items: center;     justify-content: flex-start; }  .logo__link svg {     max-width: 144px;     height: 48px; }  .header__left {     display: flex; }  .logo {     margin: 0 60px 8px 0; }  .header .nav__btn {     display: flex;     gap: 10px; }  .header .nav__btn .btn__reg {     position: relative;     display: block;     overflow: hidden;     text-align: center; }   .header .nav__btn .btn__reg:before {     content: "";     background-color: rgba(255, 255, 255, 0.5);     height: 100%;     width: 3em;     display: block;     position: absolute;     top: 0;     left: -4.5em;     transition: none;     animation: buttonPulse 2.5s infinite; } @keyframes buttonPulse {     0% {         transform: skewY(-45deg) translateX(0);     }      50%, 100% {         transform: skewX(-45deg) translateX(13.5em);         transition: all 0.5s ease-in-out;     } }  .container {     max-width: 1600px;     margin-right: auto;     margin-left: auto;     padding: 0; }  .content__nav__list {     list-style: none;     padding: 0;     display: flex; }  .content__nav__item {     margin-right: 15px; }  .content__nav__link {     display: flex;     align-items: center;     padding: 13px 20px 12px;     font-style: normal;     font-weight: normal;     font-size: 14px;     line-height: 1;     color: white;     text-decoration: none;     border-bottom: 3px solid rgba(115, 92, 252, 0); }  .content__nav__link:hover {     border-bottom: 3px solid rgba(115, 92, 252, 1);     transition: all 0.5s cubic-bezier(0.6, 0.1, 0.05, 1.5);     border-radius: 4px; }  .content__nav__link svg {     fill: #735cfc;     width: 20px;     height: 20px;     margin: 0 5px 0 0;     color: inherit; }  @keyframes pop-infinite {     0% {         transform: scale(1);     }      50% {         transform: scale(1.02);     }     100% {         transform: scale(1);     } }  .content {     color: #ffffff;     padding: 20px 10px; }  .content__title {     font-size: 42px;     text-align: center;     margin: 0 0 22px; }  .content__info {     font-size: 16px; }  .content a {     color: #ffffff; }  .content img {     max-width: 100%;     height: auto; }  .footer {     padding: 20px 10px; }  .footer__wrapper .logo {     display: flex;     justify-content: space-between;     gap: 40px; }  .footer__wrapper .logo__link, .footer__wrapper .nav__btn{     margin-bottom: 15px; }  .footer__menu {     display: flex;     padding: 0;     list-style: none;     margin:0; }  .footer__menu__item:first-child {     color: #ff7a00;     font-style: normal;     font-weight: bold;     font-size: 16px;     line-height: 1.45;     padding: 0 0 20px 0; }  .footer__menu__link {     transition: color 0.3s linear;     text-decoration: none;     color: #ffffff;     font-style: normal;     font-weight: bold;     font-size: 14px;     line-height: 1.45; }  .footer__menu__link img {     width: 125px;     height: 50px; } .footer__menu__link {     display: flex; } .footer__menu__link .svg {     display: block;     width: 45px;     margin-right: 15px; }  .footer__menu__link .svg path {     fill: #ff7a00; } .footer__menu__item {     margin-bottom: 10px; } .footer__menu__link .guru {     display: block;     width: 128px;     height: 50px; }  .footer__disclaimer__text {     font-style: normal;     font-weight: normal;     font-size: 12px;     line-height: 1.45;     color: #ffffff;     margin: 0; } .footer__disclaimer__link {     margin: 0; } .footer__disclaimer__link a {     color: #735cfc;     text-decoration: underline;     font-size: 12px; }  .footer__disclaimer__copy {     color: #ffffff;     font-size: 12px; }  .footer__disclaimer {     width: 100%; }   .hover {     display: none; }  .size {     width: 80px; }  .pay__list {     display: flex;     flex-wrap: wrap;     justify-content: space-between;     list-style: none;     padding: 0; }  .pay__list__item {     margin: 10px 10px 20px; }  .pay__list__item svg {     max-width: 105px;     max-height: 54px; } .pay__list__item svg path {     fill: #606b74; } @media (max-width: 1400px) {     .footer__wrapper {         flex-wrap: wrap;     } } .btm-menu {     display: none; } @media (max-width: 1320px) {     .header {         position: relative;         z-index: 999;     }     .block_main-nav-panel {         flex-direction: column;         position: absolute;         top: 100%;         left: 0;         background: #0b041b;         width: 100%;         align-items: flex-start;         padding: 30px 15px;         display: none;     }     .block_main-nav-panel.active {         display: flex;     }     .btm-menu {         display: block;         background: none;         border: none;     }     .btm-menu div {         width: 30px;         height: 4px;         background: #ffffff;         margin-bottom: 5px;     }     .btm-menu div:last-child {         margin-bottom: 0;     }      .btm-menu.active div:first-child {         transform: rotate(45deg);         position: relative;         top: 8px;     }     .btm-menu.active div:nth-child(2) {         transform: rotate(-45deg);     }     .btm-menu.active div:last-child {         display: none;     } } @media (max-width: 1250px) {     .header .nav-menu {         display: none;     }     .content__nav__list {         flex-wrap: wrap;     } }  @media (max-width: 900px) {     .burger-panel__text {         display: none;     }     .burger-panel.size {         width: 250px;     }     .burger-panel__text.hover {         display: inline-block;     }     .block_main-nav-panel__link__text__inner.hover,     .nav__btn--click.hover {         display: grid;     }     .block_main-nav-panel__link__text__inner,     .nav__btn--click {         display: none;     }     .burger-panel {         width: 80px;     }     .burger-panel {         z-index: 150;     } }  @media (max-width: 678px) {     .footer__wrapper .logo {         margin: 0 0 40px;     }     .footer__wrapper {         justify-content: center;     } }  @media (max-width: 580px) {     .btn__sing {         display: none;     }     .logo {         margin: 0 25px 8px 0;     }     section {         padding: 0 5px;     }     .footer__wrapper {         justify-content: flex-start;     }     .content__title {         font-size: 36px;     } }  @media (max-width: 468px) {     .logo__link svg {         max-width: 100px;         height: 40px;     }     .btn span {         font-size: 12px;     }     .content__nav {         display: none;     } }  @media (max-width: 430px) {     .content__title {         font-size: 28px;     }      .content__info {         font-size: 14px;     }     .footer__disclaimer__text {         display: none;     } }   @media (max-width: 360px) {     .header {         padding: 0 5px     }     .btn {         min-width: 95px;         padding: 5px 10px;         max-width: 150px;     }     .pay__list__item svg {         max-width: 55px;     }     .btn__footer {         width: 100%;     }     .footer__menu {         flex-wrap: wrap;     }     .block_main-nav-panel__link {         padding: 5px 10px;     }     .burger-panel__header {         display: block;         padding: 15px 10px;     }     .burger-panel {         width: 50px;     } } .content p img {     max-width: 100%;     height: auto;     margin: 15px 0; } table {     border-collapse: collapse;     width: 100%; }  th {     background-color: #808080;     color: white;     padding: 8px;     text-align: left;     border: 1px solid #9d9d9d; }  td {     padding: 8px;     text-align: left; }  tr:nth-child(even) {     background-color: rgba(128, 128, 128, 0.5); }  tr:first-child {     background-color: #808080;     color: white; } .footer_menu {     display: flex;     justify-content: center;     flex-wrap: wrap;     background-color: #333; } .footer_menu a {     display: block;     padding: 14px 20px;     text-align: center;     text-decoration: none;     color: white;     font-size: 14px; } .no_bullets .toc_list {     display: none; }  .no_bullets.open .toc_list {     display: block; }  .toc_title {     text-decoration: none;     font-weight: 700;     letter-spacing: 1px;     cursor: pointer;     font-size: 14px;     display: flex;     align-items: center;     color: #b811ad; }  .toc_title:after {     content: "﹀";     position: relative;     top: 4px;     margin-left: 12px;     font-size: 16px;     color: #b811ad;     text-decoration: none; } .no_bullets.open .toc_title {     color: #fff; } .no_bullets.open .toc_title:after {     content: "︿";     top: -4px;     color: #fff; }  .toc_list {     font-size: 15px;     line-height: 2; } .content__info a, .toc_list a {     color: #b811ad; } .content__info a:hover, .toc_list a:hover {     text-decoration: none;     color: #ef09e0; } .scroll-up {     position: fixed;     bottom: 40px;     right: 30px;     z-index: 999;     background: #b811ad;     padding: 10px;     border-radius: 10%;     display: flex;     align-items: center;     cursor: pointer; } .scroll-up svg {     width: 30px;     height: 30px; } .footer_menu a:hover {     background: rgba(0, 0, 0, .5); } .content__info > button {     background: none;     border: none;     display: block;     width: 100%; } .content__info > button > a {     display: block;     padding: 5px 20px;     background: linear-gradient(253.67deg, #adff00 2.27%, #00ea25 94.48%);     box-shadow: none;     border: 2px solid transparent;     border-radius: 6px;     text-decoration: none;     color: #111111;     font-size: 16px;     font-weight: 700;     padding: 10px 0;     position: relative; }  .content__info > button > a:before {     transition: opacity 0.3s linear;     content: "";     position: absolute;     top: 0;     left: 0;     z-index: 1;     width: 100%;     height: 100%;     background: rgba(0, 0, 0, .2);     opacity: 0; } .content__info > button > a:hover {     color: #111111; } .content__info > button > a:hover:before {     opacity: 1; }  .footer__menu__link img {     width: 221px;     height: 50px; } .iframe-block {     height: 700px; } .iframe {     position: relative;     z-index: 100;     margin-bottom: 15px;     width: 100%;     height: 100%; }  .iframe__item {     text-align: center;     position: relative;     width: 100%;     height: 100%; } .iframe__item::before {   content: "";   position: absolute;   top: 0; left: 0; right: 0; bottom: 0;   background: url('/uploads/2766/pages/33569/33569.jpeg') center center / cover no-repeat;   filter: blur(10px);   z-index: -1;   opacity: 0.5; } #loadIframeBtn {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     z-index: 999;     height:60px;    }  .iframe__wrapper, .iframe__inner {     width: 100%;     height: 100%; }  .iframe__item iframe {     width: 100%;     height: 100%;     border-radius: 12px;     margin-bottom: 22px; }  .content__btn {     text-align: center;     margin-top: 25px; } .content__btn a:hover {    background: linear-gradient(253.67deg, #00ea25 2.27%, #adff00 94.48%); }