@font-face {
  font-family: Lato-Regular;
  src: url("/assets/fonts/Lato-Regular.woff2") format("woff2"), url("/assets/fonts/Lato-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Lato-Regular;
  src: url("/assets/fonts/lato-light.woff2") format("woff2"), url("/assets/fonts/lato-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Lato-Regular;
  src: url("/assets/fonts/Lato-Semibold.woff2") format("woff2"), url("/assets/fonts/Lato-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
* {
  box-sizing: border-box;
  position: relative;
}
body {
  font-family: Lato-Regular, Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  color: #1b1d3e;
  background: #f7f8fb;
}
body,
div,
p,
a,
span,
main,
ul,
ol,
html,
button,
input,
h1,
h2,
h3 {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style: none;
}
button,
a {
  cursor: pointer;
}
a {
  text-decoration: none;
  color: inherit;
}
:root {
  --btn-grad: linear-gradient(90.45deg, #9D25D6 0.39%, #F8477C 99.72%);
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.faq-skip {
  position: absolute;
  left: 8px;
  top: -100px;
  z-index: 10000;
  padding: 8px 14px;
  background: #fff;
  color: #1b1d3e;
  border-radius: 8px;
}
.faq-skip:focus,
.faq-skip:focus-visible {
  top: 8px;
}
.container {
  display: block;
  width: 1292px;
  margin: 0 auto;
  max-width: 98%;
  padding: 0 34px;
}
i.icon {
  display: inline-block;
}
.icon-v {
  content: url("data:image/svg+xml,%3Csvg width='24' height='14' viewBox='0 0 24 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.6554 8.97473C21.4515 9.7187 22.2918 10.4187 23.0058 11.2377C23.3212 11.6016 23.6199 11.9772 23.8483 12.3995C24.172 12.9999 23.8788 13.6607 23.3163 13.6965L19.82 13.695C18.9182 13.7666 18.1988 13.4191 17.5939 12.829C17.1098 12.357 16.6615 11.8547 16.1961 11.3669C16.0052 11.1675 15.8055 10.9798 15.5669 10.8315C15.0896 10.535 14.6753 10.6258 14.4025 11.1023C14.1247 11.5869 14.0617 12.1235 14.0344 12.6636C13.997 13.4517 13.7481 13.6589 12.9211 13.6949C11.1537 13.7747 9.47629 13.5188 7.91806 12.6654C6.54426 11.913 5.47894 10.8509 4.5517 9.64851C2.74634 7.30716 1.36379 4.73441 0.121208 2.08958C-0.158487 1.49369 0.0460603 1.17382 0.732958 1.1625C1.87358 1.14129 3.01405 1.1428 4.15601 1.16099C4.61959 1.16748 4.92649 1.42199 5.10549 1.84118C5.7226 3.29357 6.47771 4.67539 7.42553 5.95622C7.67794 6.29722 7.93532 6.63822 8.30184 6.87823C8.7073 7.14398 9.01602 7.0559 9.20677 6.62358C9.32781 6.34945 9.3808 6.05418 9.40808 5.76058C9.49845 4.75049 9.51035 3.74213 9.35186 2.73558C9.25455 2.10739 8.88488 1.70072 8.23 1.58185C7.89582 1.52124 7.94558 1.40222 8.10738 1.21964C8.38842 0.904752 8.65274 0.70874 9.17964 0.70874H13.1311C13.7532 0.826257 13.8913 1.09374 13.9765 1.69287L13.9799 5.8941C13.9731 6.12604 14.1009 6.8143 14.5374 6.96782C14.8867 7.07711 15.117 6.80962 15.3265 6.59761C16.2726 5.6365 16.9479 4.50066 17.5511 3.32452C17.8188 2.80735 18.049 2.27027 18.2721 1.73363C18.4373 1.33542 18.6967 1.13948 19.1653 1.14816L22.9684 1.15141C23.0811 1.15141 23.1952 1.15299 23.3044 1.17088C23.9453 1.27541 24.1209 1.53928 23.923 2.13826C23.6111 3.07801 23.0043 3.86115 22.411 4.64791C21.7768 5.48789 21.0985 6.2991 20.4696 7.14406C19.8917 7.91565 19.9376 8.30458 20.6554 8.97473Z' fill='white'/%3E%3C/svg%3E");
  width: 24px;
  height: 15px;
}
.icon-f {
  content: url("data:image/svg+xml,%3Csvg width='14' height='25' viewBox='0 0 14 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.85941 24.5V13.5533H12.5323L13.0833 9.28588H8.85941V6.56176C8.85941 5.32664 9.20099 4.48492 10.9742 4.48492L13.232 4.48399V0.667076C12.8415 0.616334 11.5012 0.5 9.94123 0.5C6.68371 0.5 4.45356 2.48836 4.45356 6.13912V9.28588H0.769531V13.5533H4.45356V24.5H8.85941Z' fill='white'/%3E%3C/svg%3E");
  width: 14px;
  height: 25px;
}
.icon-i {
  content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4486_280)'%3E%3Cpath d='M12.2362 24.5C12.1567 24.5 12.0773 24.5 11.9973 24.4996C10.116 24.5042 8.37781 24.4564 6.68738 24.3535C5.13757 24.2592 3.7229 23.7236 2.59607 22.8048C1.50879 21.9182 0.766296 20.7194 0.389282 19.2421C0.0611573 17.9559 0.0437622 16.6934 0.0270996 15.4723C0.0150146 14.5961 0.00256348 13.5579 0 12.5021C0.00256348 11.442 0.0150146 10.4038 0.0270996 9.52759C0.0437622 8.30664 0.0611573 7.04413 0.389282 5.75781C0.766296 4.28052 1.50879 3.08172 2.59607 2.19512C3.7229 1.2763 5.13757 0.740717 6.68756 0.646417C8.37799 0.543695 10.1166 0.495721 12.0018 0.500299C13.8836 0.496271 15.6213 0.543695 17.3117 0.646417C18.8615 0.740717 20.2762 1.2763 21.403 2.19512C22.4905 3.08172 23.2328 4.28052 23.6098 5.75781C23.9379 7.04395 23.9553 8.30664 23.972 9.52759C23.9841 10.4038 23.9967 11.442 23.9991 12.4977V12.5021C23.9967 13.5579 23.9841 14.5961 23.972 15.4723C23.9553 16.6933 23.9381 17.9558 23.6098 19.2421C23.2328 20.7194 22.4905 21.9182 21.403 22.8048C20.2762 23.7236 18.8615 24.2592 17.3117 24.3535C15.6929 24.452 14.0299 24.5 12.2362 24.5ZM11.9973 22.6246C13.8479 22.629 15.5471 22.5823 17.1978 22.482C18.3697 22.4107 19.3857 22.0304 20.2181 21.3516C20.9875 20.7241 21.5175 19.8584 21.793 18.7785C22.0662 17.7078 22.082 16.5583 22.0972 15.4467C22.1091 14.5764 22.1215 13.5455 22.1241 12.4999C22.1215 11.4542 22.1091 10.4235 22.0972 9.55323C22.082 8.44159 22.0662 7.29206 21.793 6.22125C21.5175 5.1413 20.9875 4.27557 20.2181 3.64807C19.3857 2.96948 18.3697 2.58917 17.1978 2.51794C15.5471 2.41742 13.8479 2.37109 12.0016 2.37512C10.1514 2.37072 8.45197 2.41742 6.80127 2.51794C5.62939 2.58917 4.61334 2.96948 3.78094 3.64807C3.01154 4.27557 2.48163 5.1413 2.20605 6.22125C1.93286 7.29206 1.91711 8.44141 1.90192 9.55323C1.89001 10.4243 1.87756 11.4557 1.875 12.5021C1.87756 13.544 1.89001 14.5756 1.90192 15.4467C1.91711 16.5583 1.93286 17.7078 2.20605 18.7785C2.48163 19.8584 3.01154 20.7241 3.78094 21.3516C4.61334 22.0302 5.62939 22.4105 6.80127 22.4818C8.45197 22.5823 10.1517 22.6292 11.9973 22.6246ZM11.9526 18.3593C8.72186 18.3593 6.0932 15.7308 6.0932 12.4999C6.0932 9.26905 8.72186 6.64056 11.9526 6.64056C15.1835 6.64056 17.812 9.26905 17.812 12.4999C17.812 15.7308 15.1835 18.3593 11.9526 18.3593ZM11.9526 8.51557C9.75568 8.51557 7.9682 10.303 7.9682 12.4999C7.9682 14.6968 9.75568 16.4843 11.9526 16.4843C14.1497 16.4843 15.937 14.6968 15.937 12.4999C15.937 10.303 14.1497 8.51557 11.9526 8.51557ZM18.4682 4.76556C17.6917 4.76556 17.062 5.39508 17.062 6.17181C17.062 6.94855 17.6917 7.57807 18.4682 7.57807C19.2449 7.57807 19.8745 6.94855 19.8745 6.17181C19.8745 5.39508 19.2449 4.76556 18.4682 4.76556Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4486_280'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  width: 24px;
  height: 25px;
}
.icon-x {
  content: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9442 3.98749C17.9569 4.16248 17.9569 4.33751 17.9569 4.5125C17.9569 9.84997 13.8326 16 6.29444 16C3.97209 16 1.81473 15.3375 0 14.1875C0.329962 14.225 0.64719 14.2375 0.989848 14.2375C2.90607 14.2375 4.67006 13.6 6.0787 12.5125C4.27666 12.475 2.76649 11.3125 2.24618 9.7125C2.5 9.74997 2.7538 9.77498 3.02032 9.77498C3.38833 9.77498 3.75638 9.72497 4.099 9.63751C2.22083 9.26248 0.812152 7.63749 0.812152 5.67499V5.62501C1.35782 5.92501 1.99239 6.11251 2.66493 6.13748C1.56087 5.41247 0.837542 4.17498 0.837542 2.77497C0.837542 2.02499 1.04055 1.33749 1.3959 0.737481C3.41369 3.18748 6.4467 4.78745 9.84769 4.96248C9.78426 4.66248 9.74617 4.35001 9.74617 4.03751C9.74617 1.81248 11.5736 0 13.8452 0C15.0254 0 16.0914 0.487499 16.8401 1.275C17.7665 1.10001 18.6548 0.762491 19.4416 0.300002C19.137 1.23752 18.4898 2.02502 17.6396 2.52499C18.4645 2.43753 19.264 2.21248 20 1.90001C19.4417 2.69998 18.7437 3.41245 17.9442 3.98749Z' fill='white'/%3E%3C/svg%3E");
  width: 20px;
  height: 16px;
}
.logo_white img {
  display: block;
  max-width: 143px;
}
.faq-header-bar {
  top: 0;
  left: 0;
  z-index: 20;
  position: sticky;
  width: 100%;
  background: #fff;
  box-shadow: 0 1px 0 rgba(10, 22, 70, 0.06);
}
.faq-header-bar .menu_list li a {
  text-transform: capitalize;
  color: #1b1d3e;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding: 4px 8px;
  transition: color 0.3s;
}
.faq-header-bar .menu_list li a:hover,
.faq-header-bar .menu_list li a:focus {
  color: #3d4a9a;
  outline: none;
}
@media screen and (max-width: 700px) {
  .faq-header-bar .menu_block {
    padding: 14px 0;
  }
}
#menu,
.faq-menu-toggle,
.menu_label {
  display: none;
}
.menu_block {
  display: flex;
  flex-wrap: wrap;
  padding: 18px 0;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
}
.menu_block .logo_white {
  width: 143px;
  height: 40px;
}
.menu_block .sign_in {
  padding: 12px 20px;
  line-height: 14px;
  text-align: center;
  background: var(--btn-grad);
  border-radius: 8px;
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.4px;
  transition: all 0.4s ease;
}
.menu_block .sign_in .btn-cont {
  background: var(--btn-grad);
}
.menu_list {
  display: flex;
  flex-wrap: wrap;
  gap: 4vw;
  margin-top: 7px;
}
.menu_list li {
  display: inline-block;
}
.faq-main-nav {
  display: flex;
  align-items: center;
}
.menu_right {
  display: flex;
  align-items: center;
  margin-top: 7px;
  padding: 2px 0;
}
.button_app {
  color: #fff;
  background: var(--btn-grad);
  text-transform: uppercase;
  padding: 18px 46px;
  font-size: 16px;
  display: inline-block;
  border-radius: 8px;
  z-index: 0;
}
.btn-cont {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 8px;
}
.lang-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.lang-input:checked ~ .lang-list {
  display: block;
}
.menu_lang {
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu_lang .lang-list {
  background: #fff;
  border-radius: 7px;
  font-size: 12px;
  overflow: hidden;
  display: none;
  position: absolute;
  top: 100%;
  z-index: 2;
  box-shadow: 0 0 19px 0 #00000033;
}
.menu_lang .lang-list li a {
  display: block;
  padding: 8px 15px;
  color: #000;
  text-align: center;
}
.menu_lang .lang-list li a:hover,
.menu_lang .lang-list li a:focus {
  background: #e8e9ea;
}
.menu_lang .lang-list li a[aria-current="true"] {
  font-weight: 600;
}
label.lang-click {
  padding: 5px;
  border-radius: 4px;
  transition: all 0.4s ease;
  display: grid;
  cursor: pointer;
  margin-right: 12px;
  color: #1b1d3e;
}
label.lang-click svg {
  fill: #1b1d3e;
}
label.lang-click:hover,
label.lang-click:focus {
  background: rgba(27, 29, 62, 0.08);
}
@media screen and (max-width: 700px) {
  .menu_list,
  .menu_right,
  .faq-main-nav {
    display: none;
  }
  .menu_close {
    clip-path: url(#clip_label);
    position: fixed;
    z-index: -99;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(180deg, #16212a 0%, #24356a 100%);
  }
  label.lang-click svg {
    width: 24px;
    height: 24px;
  }
  .menu_lang .lang-list {
    margin-top: initial;
    top: auto;
    bottom: 100%;
    left: 0;
    transform: none;
    margin-bottom: 8px;
  }
  #menu:checked ~ .container::before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    background: #24356a21;
    backdrop-filter: blur(5px);
  }
  #menu:checked ~ .container .menu_label .menu_label-bar {
    position: absolute;
  }
  #menu:checked ~ .container .menu_label .menu_label-bar:nth-child(3) {
    display: none;
  }
  #menu:checked ~ .container .menu_label .menu_label-bar:nth-child(2) {
    transform: rotate(45deg);
  }
  #menu:checked ~ .container .menu_label .menu_label-bar:nth-child(4) {
    transform: rotate(-45deg);
  }
  #menu:checked ~ .container .menu_close {
    z-index: 0;
    opacity: 1;
    pointer-events: all;
  }
  #menu:checked ~ .container .menu_block {
    position: fixed;
    top: 0;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: column;
    width: 98%;
    padding: 40px 34px;
    align-items: baseline;
    pointer-events: none;
  }
  #menu:checked ~ .container .menu_block .faq-main-nav,
  #menu:checked ~ .container .menu_block .menu_list,
  #menu:checked ~ .container .menu_block .menu_right {
    display: flex;
    pointer-events: all;
    flex-direction: column;
  }
  #menu:checked ~ .container .menu_block .menu_list {
    gap: 4vh;
  }
  #menu:checked ~ .container .menu_block .menu_list li a {
    font-size: 24px;
    color: #fff;
  }
  #menu:checked ~ .container .menu_block .menu_right {
    align-items: baseline;
    gap: 24px;
  }
  #menu:checked ~ .container .menu_block .lang-click {
    color: #fff;
  }
  #menu:checked ~ .container .menu_block .lang-click svg {
    fill: #fff;
  }
  .menu_label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(27, 29, 62, 0.72);
    backdrop-filter: blur(5px);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: fixed;
    top: 18px;
    right: 18px;
    gap: 3px;
    cursor: pointer;
    z-index: 4;
  }
  .menu_label .menu_label-bar {
    width: 16px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
  }
}
.faq-hero {
  background: linear-gradient(165deg, #16212a 0%, #1b1d3e 42%, #24356a 100%);
  color: #fff;
  padding: 56px 0 64px;
  text-align: center;
}
.faq-hero-compact {
  padding: 28px 0 32px;
}
.faq-hero h1 {
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 0.2px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1000px) {
  .faq-hero h1 {
    font-size: 28px;
  }
}
.faq-hero:after {
  background-image: url("data:image/svg+xml,%3Csvg width='413' height='91' viewBox='0 0 413 91' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='293' height='1.34961' transform='matrix(1 0 0.707107 0.707107 0 0)' fill='url(%23paint0_linear_2553_10885)'/%3E%3Crect width='293' height='1.34961' transform='matrix(1 0 0.707107 0.707107 59.4414 44.7461)' fill='url(%23paint1_linear_2553_10885)'/%3E%3Crect width='293' height='1.34961' transform='matrix(1 0 0.707107 0.707107 118.881 89.4924)' fill='url(%23paint2_linear_2553_10885)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2553_10885' x1='2.33271e-10' y1='1.35012' x2='293' y2='1.34996' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF62A7'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2553_10885' x1='2.33271e-10' y1='1.35012' x2='293' y2='1.34996' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238254E4'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2553_10885' x1='2.33271e-10' y1='1.35012' x2='293' y2='1.34996' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2330A3D4'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  content: '';
  position: absolute;
  display: block;
  width: 320px;
  height: 91px;
  bottom: 20px;
  background-size: contain;
  max-width: 70%;
  background-repeat: no-repeat;
}
.faq-hero:before {
  display: block;
  position: absolute;
  right: -30px;
  top: -20px;
  max-width: 20%;
  width: 400px;
  content: url("data:image/svg+xml,%3Csvg width='100%' height='100%' viewBox='0 0 280 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2.69345' cy='5.75986' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='2.69345' cy='45.1808' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='42.1153' cy='5.75986' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='42.1153' cy='45.1808' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='81.1349' cy='5.75986' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='81.1349' cy='45.1808' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='120.5' cy='5.5' r='4.5' stroke='url(%23paint0_linear_2546_6449)' stroke-width='2'/%3E%3Ccircle cx='120.557' cy='45.1808' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='159.977' cy='5.75986' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='159.977' cy='45.1808' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='199.397' cy='5.75986' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='199.397' cy='45.1808' r='3.87169' fill='%23E2E0F4'/%3E%3Ccircle cx='238.818' cy='5.75986' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='238.818' cy='45.1808' r='1.25986' fill='%23E2E0F4' stroke='url(%23paint1_linear_2546_6449)'/%3E%3Ccircle cx='278.238' cy='5.75986' r='1.75986' fill='%23E2E0F4'/%3E%3Ccircle cx='278.238' cy='45.1808' r='1.75986' fill='%23E2E0F4'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2546_6449' x1='115' y1='5.5' x2='126.011' y2='5.58589' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238F5AFF'/%3E%3Cstop offset='1' stop-color='%23FF5AB3'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2546_6449' x1='237.059' y1='45.1808' x2='240.582' y2='45.2082' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238F5AFF'/%3E%3Cstop offset='1' stop-color='%23FF5AB3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.faq-hero .container {
  z-index: 1;
}
.faq-hero-lead {
  font-size: 18px;
  font-weight: 300;
  max-width: 640px;
  opacity: 0.9;
  margin: 0 auto 24px;
}
.faq-search {
  max-width: 560px;
  margin: 0 auto;
}
.faq-search input {
  width: 100%;
  border: 0;
  border-radius: 29px;
  padding: 14px 24px;
  font-size: 14px;
  font-family: inherit;
  color: #1b1d3e;
  background: #fff;
  outline: none;
  box-shadow: 0 8px 24px rgba(10, 22, 70, 0.12);
}
.faq-search input:focus {
  box-shadow: 0 0 6px 2px #03A9F4;
}
.faq-search-empty {
  margin-top: 16px;
  font-weight: 300;
}
.faq-main {
  background: #f7f8fb;
  padding: 40px 0 80px;
}
.faq-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 40px;
  align-items: start;
}
@media screen and (max-width: 1000px) {
  .faq-layout {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 1000px) {
  .faq-sidebar {
    position: sticky;
    top: 92px;
  }
}
@media screen and (max-width: 1000px) {
  .faq-sidebar {
    order: 2;
  }
}
.faq-article {
  background: #fff;
  border-radius: 16px;
  padding: 32px 36px 40px;
  min-width: 0;
}
@media screen and (max-width: 1000px) {
  .faq-article {
    padding: 24px 20px 32px;
  }
}
.faq-index-list {
  min-width: 0;
}
.faq-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  font-size: 14px;
  color: #66708f;
  margin-bottom: 28px;
}
.faq-breadcrumbs li:not(:last-child)::after {
  content: '/';
  margin-left: 10px;
  color: #c0c5d6;
}
.faq-breadcrumbs a:hover,
.faq-breadcrumbs a:focus {
  color: #24356a;
}
.faq-article h1 {
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #1b1d3e;
}
@media screen and (max-width: 1000px) {
  .faq-article h1 {
    font-size: 24px;
  }
}
.faq-content {
  font-size: 14px;
  line-height: 1.65;
  letter-spacing: 0.1px;
  color: #2a3148;
}
.faq-content p + p,
.faq-content p + ul,
.faq-content ul + p,
.faq-content p + ol,
.faq-content h2,
.faq-content h3 {
  margin-top: 16px;
}
.faq-content h2 {
  font-size: 22px;
  font-weight: 600;
  color: #1b1d3e;
}
.faq-content h3 {
  font-size: 18px;
  font-weight: 600;
  color: #1b1d3e;
}
.faq-content ul,
.faq-content ol {
  padding-left: 22px;
}
.faq-content ul {
  list-style: disc;
}
.faq-content ol {
  list-style: decimal;
}
.faq-content a {
  color: #2a53ab;
  text-decoration: underline;
}
.faq-content a:hover,
.faq-content a:focus {
  color: #1b1d3e;
}
.faq-content img,
.faq-content picture,
.faq-content video {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px 0;
  border-radius: 10px;
}
.faq-content img {
  max-height: 420px;
  object-fit: contain;
  background: #f4f6fa;
}
.faq-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
  font-size: 15px;
}
.faq-content th,
.faq-content td {
  border-bottom: 1px solid #eceff5;
  padding: 8px 10px;
  text-align: left;
}
.faq-category {
  margin-bottom: 40px;
}
.faq-category h2 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 16px;
  color: #1b1d3e;
}
.faq-category.is-hidden {
  display: none;
}
.faq-index-item {
  position: relative;
  min-width: 0;
}
.faq-index-item .faq-related-card {
  height: 100%;
  box-shadow: 0 3px 3px -1px rgba(10, 22, 70, 0.04), 0 0 1px 0 rgba(10, 22, 70, 0.07);
}
.faq-index-item .faq-admin-item-actions {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 8px;
}
.faq-index-item.is-hidden {
  display: none;
}
.faq-sidebar-card {
  background: #fff;
  border-radius: 16px;
  padding: 20px 22px 22px;
  margin-bottom: 16px;
  box-shadow: 0 3px 3px -1px rgba(10, 22, 70, 0.04), 0 0 1px 0 rgba(10, 22, 70, 0.07);
}
.faq-sidebar-card h2 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
.faq-cat-nav a,
.faq-side-articles a,
.faq-cat-nav span,
.faq-side-articles span {
  display: block;
  padding: 7px 0;
  font-size: 14px;
  color: #3c4560;
}
.faq-cat-nav a:hover,
.faq-side-articles a:hover,
.faq-cat-nav a:focus,
.faq-side-articles a:focus {
  color: #24356a;
  opacity: 0.8;
  color: #000;
  text-shadow: 0.1px 0.1px;
}
.faq-cat-nav li:before,
.faq-side-articles li:before {
  opacity: 0;
  content: '';
  display: block;
  top: 0;
  height: 100%;
  width: 2px;
  position: absolute;
  left: -22px;
  background: #2196F3;
  border-radius: 2px;
  transition: opacity 0.3s ease;
}
.faq-cat-nav li.is-active:before,
.faq-side-articles li.is-active:before,
.faq-cat-nav li.is-current:before,
.faq-side-articles li.is-current:before {
  opacity: 1;
}
.faq-cat-nav li:hover:before,
.faq-side-articles li:hover:before {
  opacity: 0.6;
}
.faq-cat-nav .is-active a,
.faq-side-articles .is-current span {
  color: #1b1d3e;
  font-weight: 600;
}
.faq-related {
  margin-top: 40px;
  padding-top: 28px;
  border-top: 1px solid #eef0f5;
}
.faq-related h2 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 16px;
}
.faq-related-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 0;
}
@media screen and (max-width: 800px) {
  .faq-related-grid {
    grid-template-columns: 1fr;
  }
}
.faq-related-grid > li {
  min-width: 0;
  display: flex;
}
.faq-related-grid > li > .faq-related-card {
  width: 100%;
  flex: 1;
}
.faq-related-card {
  display: flex;
  flex-direction: column;
  min-height: 140px;
  border-radius: 14px;
  overflow: hidden;
  background: #a8ceff;
  color: inherit;
  box-shadow: 0 3px 3px -1px rgba(10, 22, 70, 0.04), 0 0 1px 0 rgba(10, 22, 70, 0.07);
}
.faq-related-card.faq-card-c0 {
  background: #a8ceff;
}
.faq-related-card.faq-card-c1 {
  background: #9aecc0;
}
.faq-related-card.faq-card-c2 {
  background: #ffc894;
}
.faq-related-card.faq-card-c3 {
  background: #d2b4ff;
}
.faq-related-card.faq-card-c4 {
  background: #ffb0c2;
}
.faq-related-card.faq-card-c5 {
  background: #8ee8e0;
}
.faq-related-card.faq-card-c6 {
  background: #ffe37a;
}
.faq-related-card.faq-card-c7 {
  background: #c4f08c;
}
.faq-related-card.faq-card-c8 {
  background: #ffb09c;
}
.faq-related-card.faq-card-c9 {
  background: #96d8ff;
}
.faq-related-card.faq-card-c10 {
  background: #ebb0ff;
}
.faq-related-card.faq-card-c11 {
  background: #ffd890;
}
.faq-related-card:hover,
.faq-related-card:focus {
  box-shadow: 0 8px 20px rgba(10, 22, 70, 0.08);
  outline: none;
}
.faq-related-card:hover .faq-related-excerpt,
.faq-related-card:focus .faq-related-excerpt {
  max-height: 4.2em;
  opacity: 1;
  margin-top: 6px;
}
.faq-related-card:hover .faq-related-title {
  font-size: 16px;
}
.faq-related-card:hover .faq-related-icon {
  transform: rotate(0deg) scale(1.2);
}
.faq-related-card:has(.faq-related-cat) .faq-related-media-empty {
  height: 0;
}
.faq-related-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 300;
  color: #66708f;
  transition: max-height 0.2s ease, opacity 0.2s ease, margin-top 0.2s ease;
}
.faq-related-icon {
  position: absolute;
  right: 18px;
  top: 18px;
  z-index: 0;
  font-size: 18px;
  line-height: 1;
  opacity: 0.3;
  pointer-events: none;
  transform: rotate(30deg) scale(1);
  transition: transform 0.3s ease;
}
.faq-related-media {
  display: block;
  height: 120px;
  background: #e8ecf4;
}
.faq-related-media img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  display: block;
}
.faq-related-media-empty {
  height: 12px;
  background: transparent;
}
.faq-related-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px 16px;
  flex: 1;
  z-index: 1;
}
.faq-related-cat {
  font-size: 12px;
  color: #6b7390;
}
.faq-related-title {
  font-size: 14px;
  line-height: 1.35;
  transition: font-size 0.3s ease;
}
.popsters_block {
  background: linear-gradient(90deg, #2A53AB 0%, #411CAC 100%);
  border-radius: 24px;
  padding: 80px 0 40px;
  color: #fff;
  text-align: center;
  margin-top: 0;
  z-index: 1;
  margin-bottom: -120px;
}
.popsters_block .container {
  width: 960px;
  max-width: 80%;
  margin: 0 auto;
  padding: 0;
}
.popsters_block p {
  font-size: 32px;
  line-height: 38px;
  display: block;
  font-weight: 300;
  text-align: center;
  margin-bottom: 30px;
}
.popsters_block .button_app {
  margin-bottom: 64px;
  background: #fff;
  padding: 15px 46px;
  font-weight: 600;
  font-size: 14px;
  color: #9D25D6;
}
.popsters_block .button_app span {
  background: linear-gradient(90.45deg, #9D25D6 0.39%, #F8477C 99.72%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.popsters_block .button_app .btn-cont {
  background: #fff;
}
.popsters_block .hor_line {
  background: rgba(255, 255, 255, 0.12);
  display: block;
  width: 100%;
  height: 1px;
}
.popsters_block .popsters_cred {
  display: flex;
  align-items: center;
  font-size: 18px;
  margin-top: 42px;
  justify-content: center;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.popsters_block .popsters_cred .popsters_link {
  margin-left: 11px;
  margin-top: -2px;
}
.popsters_block .popsters_cred .popsters_link img {
  width: 100%;
  max-width: 126px;
}
@media screen and (max-width: 800px) {
  .popsters_block {
    padding: 50px 0 24px;
  }
  .popsters_block p {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 24px;
  }
  .popsters_block .button_app {
    margin-bottom: 36px;
  }
  .popsters_block .popsters_cred {
    margin-top: 24px;
    font-size: 16px;
  }
}
svg.svg {
  position: absolute;
  z-index: -999;
  top: -100%;
  opacity: 0;
}
a.link-hover:hover:after,
a.link-hover:hover:before {
  display: block;
  left: calc(100% - 6px);
  z-index: 0;
  bottom: -6px;
  content: '';
  position: absolute;
}
a.link-hover:hover:after {
  opacity: 1;
  border-radius: 50%;
  background: var(--btn-grad);
  animation: 0.4s hover-link;
  width: 6px;
  height: 6px;
}
a.link-hover:hover:before {
  width: 1px;
  height: 1px;
  box-shadow: -8px -6px 44px 8px #ffffff3d;
}
.main_footer {
  background: linear-gradient(269deg, #242651 0.66%, #1B1D3E 98.93%);
  padding-top: 80px;
  margin-top: 40px;
  text-align: center;
  color: #fff;
  overflow-x: hidden;
}
.main_footer .logo_white {
  margin: 80px auto 40px;
  display: block;
}
.main_footer .logo_white img {
  margin: 0 auto;
}
.main_footer p {
  width: 640px;
  max-width: 90%;
  font-size: 16px;
  margin: 0 auto 64px;
}
.main_footer .footer_text {
  letter-spacing: 0.4px;
  font-weight: 300;
}
.main_footer .footer_text a {
  font-weight: 400;
}
.main_footer .socials_list {
  display: flex;
  gap: 40px;
  margin-bottom: 80px;
  justify-content: center;
}
.main_footer .socials_list li a {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  transition: opacity 0.3s;
}
.main_footer .socials_list li a:hover,
.main_footer .socials_list li a:focus {
  opacity: 0.9;
}
.main_footer .socials_list li a .icon {
  max-height: 20px;
  max-width: 20px;
}
.main_footer .base_block {
  padding: 32px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.4px;
  border-top: 1px solid rgba(210, 210, 217, 0.12);
  gap: 12px;
  z-index: 1;
}
.main_footer .base_block .terms a + a {
  margin-left: 40px;
}
@media screen and (max-width: 800px) {
  .main_footer {
    margin-top: 24px;
    padding-top: 48px;
  }
  .main_footer .base_block {
    justify-content: center;
    gap: 24px 36px;
  }
  .main_footer .socials_list {
    margin-bottom: 48px;
  }
}
.faq-admin-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
}
.faq-admin-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 16px;
  border: 0;
  border-radius: 8px;
  background: #24356a;
  color: #fff;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
}
.faq-admin-btn:hover,
.faq-admin-btn:focus {
  color: #fff;
  text-decoration: none;
  background: #1b1d3e;
}
.faq-admin-btn-secondary {
  background: #fff;
  color: #24356a;
  box-shadow: inset 0 0 0 1px #d8deea;
}
.faq-admin-btn-secondary:hover,
.faq-admin-btn-secondary:focus {
  color: #1b1d3e;
  background: #f7f8fb;
}
.faq-admin-item-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.faq-admin-delete {
  display: inline-flex;
  margin: 0;
}
.faq-admin-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #66708f;
  cursor: pointer;
  text-decoration: none;
}
.faq-admin-icon:hover,
.faq-admin-icon:focus {
  color: #24356a;
  background: #eef1f8;
  text-decoration: none;
}
.faq-admin-delete .faq-admin-icon:hover,
.faq-admin-delete .faq-admin-icon:focus {
  color: #b42318;
  background: #fdecea;
}
.faq-admin-article-actions {
  margin: -8px 0 20px;
}
.faq-admin-error {
  margin-bottom: 16px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fdecea;
  color: #b42318;
}
.faq-login {
  max-width: 400px;
  margin: 40px auto 80px;
  padding: 28px 28px 32px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 3px 3px -1px rgba(10, 22, 70, 0.04), 0 0 1px 0 rgba(10, 22, 70, 0.07);
}
.faq-login h1 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px;
}
.faq-login label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
}
.faq-login input[type="text"],
.faq-login input[type="password"] {
  width: 100%;
  margin-bottom: 16px;
  padding: 10px 12px;
  border: 1px solid #d8deea;
  border-radius: 8px;
  font: inherit;
  background: #fff;
  color: #1b1d3e;
}
.faq-editor-form {
  max-width: 920px;
  margin: 24px 0 80px;
}
.faq-editor-form label {
  display: block;
  margin: 16px 0 6px;
  font-size: 14px;
}
.faq-editor-form input[type="text"],
.faq-editor-form select,
.faq-editor-form textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d8deea;
  border-radius: 8px;
  font: inherit;
  background: #fff;
  color: #1b1d3e;
}
.faq-editor-form textarea.faq-editor-html {
  min-height: 180px;
}
.faq-editor-form select[multiple] {
  min-height: 160px;
}
.faq-editor-form.is-editor-ready textarea.faq-editor-html {
  display: none;
}
.faq-editor-form:not(.is-editor-ready) .faq-editorjs {
  display: none;
}
.faq-editor-top,
.faq-editor-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.faq-editor-top h1,
.faq-editor-actions h1 {
  flex: 1;
  font-size: 28px;
  font-weight: 400;
  margin: 0;
}
.faq-editor-grid {
  display: grid;
  gap: 8px 16px;
}
@media screen and (min-width: 800px) {
  .faq-editor-grid {
    grid-template-columns: 160px 1fr;
    align-items: center;
  }
  .faq-editor-grid label {
    margin: 0;
  }
}
.faq-new-category {
  margin: 16px 0 8px;
  padding: 16px;
  border: 1px solid #d8deea;
  border-radius: 12px;
  background: #fff;
}
.faq-new-category legend {
  padding: 0 6px;
}
.faq-lang-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 24px 0 12px;
}
.faq-lang-tab {
  min-height: 36px;
  padding: 6px 12px;
  border: 0;
  border-radius: 8px;
  background: #eef1f8;
  color: #1b1d3e;
  font: inherit;
  cursor: pointer;
}
.faq-lang-tab.is-active {
  background: #24356a;
  color: #fff;
}
.faq-lang-panel {
  display: none;
  margin-bottom: 8px;
}
.faq-lang-panel.is-active {
  display: block;
}
.faq-lang-panel[hidden] {
  display: none !important;
}
.faq-slug-hint {
  margin: 6px 0 0;
  font-size: 13px;
  color: #66708f;
}
.faq-editorjs {
  margin-top: 8px;
  padding: 12px 16px;
  border: 1px solid #d8deea;
  border-radius: 12px;
  background: #fff;
}
.faq-editorjs .ce-block__content,
.faq-editorjs .ce-toolbar__content {
  max-width: 100%;
}
.faq-admin-page .faq-main {
  padding-top: 24px;
}
.area_highlight:before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  background: linear-gradient(90.45deg, var(--btn1) 0.39%, var(--btn2) 99.72%);
  --btn1: #b055db;
  --btn2: #ff5c19;
  border-radius: 10px;
  z-index: 0;
  opacity: 0;
  transition: all 0.3s linear;
}
.area_highlight:hover:before {
  opacity: 0.5;
  animation: btn-rad 2s linear 0s infinite alternate;
}
.area_highlight span {
  z-index: 1;
}
@keyframes hover-link {
  0% {
    opacity: 1;
    left: 0;
  }
  100% {
    opacity: 1;
    left: calc(100% - 6px);
  }
}
@keyframes btn-rad {
  0% {
    --btn1: #2196f3;
    --btn2: #FFEB3B;
    --angle: 229deg;
    background: linear-gradient(var(--angle), var(--btn1) 0.39%, var(--btn2) 99.72%);
  }
  100% {
    --btn1: #b055db;
    --btn2: #ff5c19;
    --angle: 90deg;
    background: linear-gradient(var(--angle), var(--btn1) 0.39%, var(--btn2) 99.72%);
  }
}
@property --btn1 {
  syntax: '<color>';
  initial-value: #9D25D6;
  inherits: false;
}
@property --btn2 {
  syntax: '<color>';
  initial-value: #ff4207;
  inherits: false;
}