body {     margin: 0;     padding: 0;     font-family: "Roboto", "Arial", sans-serif;     overflow-x: hidden; }  *, *::before, *::after {     box-sizing: border-box; }  .banner {     position: relative;     background: url(/shared/3187/welcome-bg.webp) center / cover no-repeat #27024f;     padding: 10px 0 120px; }  .container {     max-width: 1440px;     margin: 0 auto;     padding: 0 10px; }  .banner__wrapper {     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     flex-grow: 1; }  .logotype__link {     display: flex;     justify-content: center; }  .logotype__link img {     max-width: 281px; }  .ttl {     font-weight: 700;     font-size: 28px;     line-height: 33px;     text-align: center;     color: #fff;     margin: 74px 0 72px;      width: 100%; }  .btn {     position: relative;     z-index: 1;     padding: 14px 0;     background-image: linear-gradient(180deg, #ff4e27 0%, #b81700 100%), linear-gradient(180deg, #ff4e27 0%, #b81700 100%);     background-origin: border-box;     background-clip: content-box, border-box;     border-radius: 12px;     border: 1px solid rgba(0, 0, 0, 0);     transition: all .2s ease;     cursor: pointer;     text-align: center;     font-weight: 400;     font-size: 16px;     line-height: 24px;     color: #fff;     max-width: 321px;     width: 100%;     margin-right: 0;     display: block;     text-decoration: none; }  .btn:hover {     background: #ffffff;     border: 1px solid #d34304;     color: #d34304; }  .btn.border {     border: 1px solid #fff;     background: rgba(0, 0, 0, 0);     margin-top: 10px; }  .btn.border:hover {     border: 1px solid rgba(0, 0, 0, 0);     color: #fff;     background: linear-gradient(180deg, #ff4e27 0%, #b81700 100%), linear-gradient(180deg, #ff4e27 0%, #b81700 100%); }  .main {     padding: 50px 0;     background: #27024f;     color: #ffffff; }  .toc_list a {     color: #d34304;     text-decoration: none; }  .toc_list a:hover {     text-decoration: underline; }  .toc_list {     display: none;     line-height: 1.5; }  .no_bullets {     cursor: pointer; }  .no_bullets.open .toc_list {     display: block; }  .main__content {     margin-top: 50px;     line-height: 1.5; }  .main__content a {     color: #d34304;     text-decoration: none; }  .main__content a:hover {     text-decoration: underline; }  .main__content img {     max-width: 100%;     height: auto; }  .main__content.flex {     display: flex;     justify-content: space-between;     align-items: center;     gap: 25px; }  .flex__img {     width: 50%;     height: 500px; }  .flex__img img {     width: 100%;     height: 100%;     object-fit: cover;     object-position: center;     border-radius: 12px; }  .flex .text {     width: 50%; }  .main__content .img {     text-align: center;     margin-bottom: 15px; }  .main__content .img img {     border-radius: 12px; }  .main__content ul {     padding-left: 20px;   padding-top: 10px;   padding-bottom: 10px; }  .main__content ul li::marker {     color: #d34304; }  .main__content table {     width: 100%;     border-collapse: collapse;     margin-top: 15px; }  th, td {     padding: 8px;     text-align: left; }  thead tr:first-child {     background-color: #27024f; }  tr:nth-child(odd) {     background-color: #880303; } .main button {     width: 100%;     position: relative;     z-index: 1;     margin: 10px 0;     background: none;     border: none; } .main button a { padding: 14px 0;     background-image: linear-gradient(180deg, #ff4e27 0%, #b81700 100%), linear-gradient(180deg, #ff4e27 0%, #b81700 100%);     background-origin: border-box;     background-clip: content-box, border-box;     border-radius: 12px;     border: 1px solid rgba(0, 0, 0, 0);     transition: all .2s ease;     cursor: pointer;     text-align: center;     font-weight: 400;     font-size: 16px;     line-height: 24px;     color: #fff;     display: block;     text-decoration: none; }  .main button:hover {     background: #ffffff;     border: 1px solid #d34304; } .main button:hover a {     color: #d34304;     text-decoration: none; } .footer {     background: #380167;     padding: 20px 50px; }  .footer__wrapper {     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap; }  .social {     display: flex;     justify-content: space-between;     align-items: center; }  .social__link {     display: block;     background: url(/shared/3187/social-buttons.png) no-repeat;     width: 55px;     height: 60px;     background-size: cover;     overflow: hidden; }  .social2 {     background-position: 25%; }  .social3 {     background-position: 50%; }  .social4 {     background-position: 100%; }  .footer__content {     display: flex;     flex-direction: column;     justify-content: space-between;     align-items: center; }  .support {     display: flex;     justify-content: center;     align-items: center;     gap: 22px;     margin-bottom: 22px; }  .support__link {     display: flex;     align-items: center;     gap: 8px;     text-decoration: none; }  .support__link span {     font-weight: 300;     font-size: 14px;     line-height: 24px;     text-align: center;     color: #9fa4b0;     transition: all .2s ease; }  .support__link:hover > svg > rect {     fill-opacity: unset; }  .support__link:hover > svg > path {     stroke: #fff; }  .support__link:hover > span {     color: #fff; }  .footer__menu {     margin-bottom: 22px; }  .footer__menu__list {     padding: 0;     list-style: none;     display: flex;     justify-content: space-between;   flex-wrap: wrap;     gap: 22px; }  .footer__menu__link {     font-weight: 400;     font-size: 16px;     line-height: 21px;     color: #ff4e00;     text-decoration: none; }  .footer__menu__link:hover {     text-decoration: underline; }  .copy {     font-weight: 400;     font-size: 16px;     line-height: 21px;     color: #dedfed; }  .footer__img {     display: flex;     align-items: center;     gap: 22px; }  .footer__img__link {     display: block;     max-width: 150px; }  .footer__img img {     max-width: 100%;     height: auto; }  .age {     width: 50px;     height: auto; }  .scroll-to-top-btn {     position: fixed;     bottom: 120px;     right: 20px;     background: #27024f;     border: 1px solid #b81700;     max-width: 150px;     width: 100%;     padding: 20px;     display: flex;     justify-content: center;     align-items: center;     gap: 10px;     border-radius: 12px;     color: #b81700;     cursor: pointer;     font-size: 18px; }  .scroll-to-top-btn img {     width: 15px;     transform: rotate(180deg); }  @media (max-width: 1380px) {     .footer {         padding: 20px 10px;     } }  @media (max-width: 1210px) {     .footer__wrapper {         flex-direction: column;         gap: 22px;     } }  @media (max-width: 1024px) {     .main__content.flex {         flex-direction: column;     }     .flex__img {         width: 100%;         height: auto;     }     .flex .text {         width: 100%;     }     .right .flex__img {         order: -1;     } }  @media (max-width: 630px) {     .support {         flex-direction: column;     } }  @media (max-width: 490px) {     table {         font-size: 12px;     }     .footer__img {         flex-direction: column;         justify-content: center;     }     .main__content,     .copy {         font-size: 14px;     }   .footer__menu__item {     width: calc(50% - 22px);   } }  @media (max-width: 390px) {     table {         font-size: 10px;     }     .scroll-to-top-btn {         max-width: 85px;         padding: 20px 0;     }   .banner {       background: linear-gradient(180deg, #05061a, #44017b);   } }  p img {     margin-bottom: 10px; }