* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    color: #313131;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI,
      Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
      Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  }

  body {
    display: flex;
    flex-direction: column;
    height: 100vh;
    min-height: 100vh;
  }

  .main-content {
    max-width: 60rem;
    padding-left: 1.5rem;
  }

  @media (width <=720px) {
    .main-content {
      margin-top: 4rem;
    }
  }

  .h2 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.25rem;
  }

  @media (width <=720px) {
    .h2 {
      font-size: 1.25rem;
      line-height: 1.5rem;
    }
  }

  #challenge-error-text {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0IyMEYwMyIgZD0iTTE2IDNhMTMgMTMgMCAxIDAgMTMgMTNBMTMuMDE1IDEzLjAxNSAwIDAgMCAxNiAzbTAgMjRhMTEgMTEgMCAxIDEgMTEtMTEgMTEuMDEgMTEuMDEgMCAwIDEtMTEgMTEiLz48cGF0aCBmaWxsPSIjQjIwRjAzIiBkPSJNMTcuMDM4IDE4LjYxNUgxNC44N0wxNC41NjMgOS41aDIuNzgzem0tMS4wODQgMS40MjdxLjY2IDAgMS4wNTcuMzg4LjQwNy4zODkuNDA3Ljk5NCAwIC41OTYtLjQwNy45ODQtLjM5Ny4zOS0xLjA1Ny4zODktLjY1IDAtMS4wNTYtLjM4OS0uMzk4LS4zODktLjM5OC0uOTg0IDAtLjU5Ny4zOTgtLjk4NS40MDYtLjM5NyAxLjA1Ni0uMzk3Ii8+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 34px;
  }

  @media (prefers-color-scheme: dark) {
    body {
      background-color: #222;
      color: #d9d9d9;
    }
  }
  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  html {
    position: relative;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    color: #313131;
  }

  button,
  html {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI,
      Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
      Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  }

  body {
    display: flex;
    flex-direction: column;
    height: 100vh;
    min-height: 100vh;
  }

  body.no-js .loading-spinner {
    visibility: hidden;
  }

  body.theme-dark {
    background-color: #222;
    color: #d9d9d9;
  }

  body.theme-dark a {
    color: #fff;
  }

  body.theme-dark a:hover {
    color: #ee730a;
    text-decoration: underline;
  }

  body.theme-dark .lds-ring div {
    border-color: #999 transparent transparent;
  }

  body.theme-dark .font-red {
    color: #b20f03;
  }

  body.theme-dark .ctp-button {
    background-color: #4693ff;
    color: #1d1d1d;
  }

  body.theme-dark #challenge-success-text {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI2IDI2Ij48cGF0aCBmaWxsPSIjZDlkOWQ5IiBkPSJNMTMgMGExMyAxMyAwIDEgMCAwIDI2IDEzIDEzIDAgMCAwIDAtMjZtMCAyNGExMSAxMSAwIDEgMSAwLTIyIDExIDExIDAgMCAxIDAgMjIiLz48cGF0aCBmaWxsPSIjZDlkOWQ5IiBkPSJtMTAuOTU1IDE2LjA1NS0zLjk1LTQuMTI1LTEuNDQ1IDEuMzg1IDUuMzcgNS42MSA5LjQ5NS05LjYtMS40Mi0xLjQwNXoiLz48L3N2Zz4=");
  }

  body.theme-dark #challenge-error-text {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0IyMEYwMyIgZD0iTTE2IDNhMTMgMTMgMCAxIDAgMTMgMTNBMTMuMDE1IDEzLjAxNSAwIDAgMCAxNiAzbTAgMjRhMTEgMTEgMCAxIDEgMTEtMTEgMTEuMDEgMTEuMDEgMCAwIDEtMTEgMTEiLz48cGF0aCBmaWxsPSIjQjIwRjAzIiBkPSJNMTcuMDM4IDE4LjYxNUgxNC44N0wxNC41NjMgOS41aDIuNzgzem0tMS4wODQgMS40MjdxLjY2IDAgMS4wNTcuMzg4LjQwNy4zODkuNDA3Ljk5NCAwIC41OTYtLjQwNy45ODQtLjM5Ny4zOS0xLjA1Ny4zODktLjY1IDAtMS4wNTYtLjM4OS0uMzk4LS4zODktLjM5OC0uOTg0IDAtLjU5Ny4zOTgtLjk4NS40MDYtLjM5NyAxLjA1Ni0uMzk3Ii8+PC9zdmc+");
  }

  body.theme-light {
    background-color: #fff;
    color: #313131;
  }

  body.theme-light a {
    color: #0051c3;
  }

  body.theme-light a:hover {
    color: #ee730a;
    text-decoration: underline;
  }

  body.theme-light .lds-ring div {
    border-color: #595959 transparent transparent;
  }

  body.theme-light .font-red {
    color: #fc574a;
  }

  body.theme-light .ctp-button {
    background-color: #003681;
    border-color: #003681;
    color: #fff;
  }

  body.theme-light #challenge-success-text {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI2IDI2Ij48cGF0aCBmaWxsPSIjMzEzMTMxIiBkPSJNMTMgMGExMyAxMyAwIDEgMCAwIDI2IDEzIDEzIDAgMCAwIDAtMjZtMCAyNGExMSAxMSAwIDEgMSAwLTIyIDExIDExIDAgMCAxIDAgMjIiLz48cGF0aCBmaWxsPSIjMzEzMTMxIiBkPSJtMTAuOTU1IDE2LjA1NS0zLjk1LTQuMTI1LTEuNDQ1IDEuMzg1IDUuMzcgNS42MSA5LjQ5NS05LjYtMS40Mi0xLjQwNXoiLz48L3N2Zz4=");
  }

  body.theme-light #challenge-error-text {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZjNTc0YSIgZD0iTTE2IDNhMTMgMTMgMCAxIDAgMTMgMTNBMTMuMDE1IDEzLjAxNSAwIDAgMCAxNiAzbTAgMjRhMTEgMTEgMCAxIDEgMTEtMTEgMTEuMDEgMTEuMDEgMCAwIDEtMTEgMTEiLz48cGF0aCBmaWxsPSIjZmM1NzRhIiBkPSJNMTcuMDM4IDE4LjYxNUgxNC44N0wxNC41NjMgOS41aDIuNzgzem0tMS4wODQgMS40MjdxLjY2IDAgMS4wNTcuMzg4LjQwNy4zODkuNDA3Ljk5NCAwIC41OTYtLjQwNy45ODQtLjM5Ny4zOS0xLjA1Ny4zODktLjY1IDAtMS4wNTYtLjM4OS0uMzk4LS4zODktLjM5OC0uOTg0IDAtLjU5Ny4zOTgtLjk4NS40MDYtLjM5NyAxLjA1Ni0uMzk3Ii8+PC9zdmc+");
  }

  a {
    background-color: transparent;
    color: #0051c3;
    text-decoration: none;
    transition: color 0.15s ease;
  }

  a:hover {
    color: #ee730a;
    text-decoration: underline;
  }

  .main-content {
    margin-top: 8rem;
    max-width: 60rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
  }

  .main-content .loading-spinner {
    height: 76.391px;
  }

  .spacer {
    padding: 2rem 0;
  }



  .spacer-bottom {
    padding-bottom: 2rem;
  }

  .heading-favicon {
    height: 2rem;
    margin-right: 0.5rem;
    width: 2rem;
  }

  @media (width <=720px) {
    .main-content {
      margin-top: 4rem;
    }

    .heading-favicon {
      height: 1.5rem;
      width: 1.5rem;
    }
  }

  .main-wrapper {
    align-items: center;
    display: flex;
    flex: 1;
    margin: 0;
    flex-direction: column;
  }

  .font-red {
    color: #b20f03;
  }

  .h1 {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 3.75rem;
  }

  .h2 {
    font-weight: 500;
  }

  .core-msg,
  .h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }

  .body-text,
  .core-msg {
    font-weight: 400;
  }

  .body-text {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  @media (width <=720px) {
    .h1 {
      font-size: 1.5rem;
      line-height: 1.75rem;
    }

    .h2 {
      font-size: 1.25rem;
    }

    .core-msg,
    .h2 {
      line-height: 1.5rem;
    }

    .core-msg {
      font-size: 1rem;
    }
  }

  #challenge-error-text {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZjNTc0YSIgZD0iTTE2IDNhMTMgMTMgMCAxIDAgMTMgMTNBMTMuMDE1IDEzLjAxNSAwIDAgMCAxNiAzbTAgMjRhMTEgMTEgMCAxIDEgMTEtMTEgMTEuMDEgMTEuMDEgMCAwIDEtMTEgMTEiLz48cGF0aCBmaWxsPSIjZmM1NzRhIiBkPSJNMTcuMDM4IDE4LjYxNUgxNC44N0wxNC41NjMgOS41aDIuNzgzem0tMS4wODQgMS40MjdxLjY2IDAgMS4wNTcuMzg4LjQwNy4zODkuNDA3Ljk5NCAwIC41OTYtLjQwNy45ODQtLjM5Ny4zOS0xLjA1Ny4zODktLjY1IDAtMS4wNTYtLjM4OS0uMzk4LS4zODktLjM5OC0uOTg0IDAtLjU5Ny4zOTgtLjk4NS40MDYtLjM5NyAxLjA1Ni0uMzk3Ii8+PC9zdmc+");
    padding-left: 34px;
  }

  #challenge-error-text,
  #challenge-success-text {
    background-repeat: no-repeat;
    background-size: contain;
  }

  #challenge-success-text {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI2IDI2Ij48cGF0aCBmaWxsPSIjMzEzMTMxIiBkPSJNMTMgMGExMyAxMyAwIDEgMCAwIDI2IDEzIDEzIDAgMCAwIDAtMjZtMCAyNGExMSAxMSAwIDEgMSAwLTIyIDExIDExIDAgMCAxIDAgMjIiLz48cGF0aCBmaWxsPSIjMzEzMTMxIiBkPSJtMTAuOTU1IDE2LjA1NS0zLjk1LTQuMTI1LTEuNDQ1IDEuMzg1IDUuMzcgNS42MSA5LjQ5NS05LjYtMS40Mi0xLjQwNXoiLz48L3N2Zz4=");
    padding-left: 42px;
  }

  .text-center {
    text-align: center;
  }

  .ctp-button {
    background-color: #0051c3;
    border: 0.063rem solid #0051c3;
    border-radius: 0.313rem;
    color: #fff;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.313rem;
    padding: 2rem 0;
    padding: 0.375rem 1rem;
    transition-duration: 0.2s;
    transition-property: background-color, border-color, color;
    transition-timing-function: ease;
  }

  .ctp-button:hover {
    background-color: #003681;
    border-color: #003681;
    color: #fff;
    cursor: pointer;
  }

  .footer {
    font-size: 0.75rem;
    line-height: 1.125rem;
    margin: 0 auto;
    max-width: 60rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
  }

  .footer-inner {
    border-top: 1px solid #d9d9d9;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }

  .clearfix:after {
    clear: both;
    content: "";
    display: table;
  }

  .clearfix .column {
    float: left;
    padding-right: 1.5rem;
    width: 50%;
  }

  .diagnostic-wrapper {
    padding-bottom: 0.5rem;
  }

  .footer .ray-id {
    text-align: center;
  }

  .footer .ray-id code {
    font-family: monaco, courier, monospace;
  }

  .core-msg,
  .zone-name-title {
    overflow-wrap: break-word;
  }

  @media (width <=720px) {
    .diagnostic-wrapper {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }

    .clearfix:after {
      clear: none;
      content: none;
      display: initial;
      text-align: center;
    }

    .column {
      padding-bottom: 2rem;
    }

    .clearfix .column {
      float: none;
      padding: 0;
      width: auto;
      word-break: keep-all;
    }

    .zone-name-title {
      padding-bottom: 1rem;
    }
  }

  .loading-spinner {
    height: 76.391px;
  }

  .lds-ring {
    display: inline-block;
    position: relative;
  }

  .lds-ring,
  .lds-ring div {
    height: 1.875rem;
    width: 1.875rem;
  }

  .lds-ring div {
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border: 0.3rem solid transparent;
    border-radius: 50%;
    border-top-color: #313131;
    box-sizing: border-box;
    display: block;
    position: absolute;
  }

  .lds-ring div:first-child {
    animation-delay: -0.45s;
  }

  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }

  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }

  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }

    to {
      transform: rotate(1turn);
    }
  }

  .rtl .heading-favicon {
    margin-left: 0.5rem;
    margin-right: 0;
  }

  .rtl #challenge-success-text {
    background-position: 100%;
    padding-left: 0;
    padding-right: 42px;
  }

  .rtl #challenge-error-text {
    background-position: 100%;
    padding-left: 0;
    padding-right: 34px;
  }

  .challenge-content .loading-spinner {
    height: 76.391px;
  }

  @media (prefers-color-scheme: dark) {
    body {
      background-color: #222;
      color: #d9d9d9;
    }


    body a {
      color: #fff;
    }

    body a:hover {
      color: #ee730a;
      text-decoration: underline;
    }

    body .lds-ring div {
      border-color: #999 transparent transparent;
    }

    body .font-red {
      color: #b20f03;
    }

    body .ctp-button {
      background-color: #4693ff;
      color: #1d1d1d;
    }

    body #challenge-success-text {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI2IDI2Ij48cGF0aCBmaWxsPSIjZDlkOWQ5IiBkPSJNMTMgMGExMyAxMyAwIDEgMCAwIDI2IDEzIDEzIDAgMCAwIDAtMjZtMCAyNGExMSAxMSAwIDEgMSAwLTIyIDExIDExIDAgMCAxIDAgMjIiLz48cGF0aCBmaWxsPSIjZDlkOWQ5IiBkPSJtMTAuOTU1IDE2LjA1NS0zLjk1LTQuMTI1LTEuNDQ1IDEuMzg1IDUuMzcgNS42MSA5LjQ5NS05LjYtMS40Mi0xLjQwNXoiLz48L3N2Zz4=");
    }

    body #challenge-error-text {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0IyMEYwMyIgZD0iTTE2IDNhMTMgMTMgMCAxIDAgMTMgMTNBMTMuMDE1IDEzLjAxNSAwIDAgMCAxNiAzbTAgMjRhMTEgMTEgMCAxIDEgMTEtMTEgMTEuMDEgMTEuMDEgMCAwIDEtMTEgMTEiLz48cGF0aCBmaWxsPSIjQjIwRjAzIiBkPSJNMTcuMDM4IDE4LjYxNUgxNC44N0wxNC41NjMgOS41aDIuNzgzem0tMS4wODQgMS40MjdxLjY2IDAgMS4wNTcuMzg4LjQwNy4zODkuNDA3Ljk5NCAwIC41OTYtLjQwNy45ODQtLjM5Ny4zOS0xLjA1Ny4zODktLjY1IDAtMS4wNTYtLjM4OS0uMzk4LS4zODktLjM5OC0uOTg0IDAtLjU5Ny4zOTgtLjk4NS40MDYtLjM5NyAxLjA1Ni0uMzk3Ii8+PC9zdmc+");
    }


  }


  .content1 iframe {
    display: block;
  }

  .loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
  }

  .spinner {
    width: 30px;
    height: 30px;
    border: 6px solid transparent;
    border-top: 6px solid #bbb;
    border-radius: 100%;
    animation: jerkSpin 1.2s steps(8) infinite;
  }

  @keyframes jerkSpin {
    0% {
      transform: rotate(0deg);
    }

    12.5% {
      transform: rotate(45deg);
    }

    25% {
      transform: rotate(90deg);
    }

    37.5% {
      transform: rotate(135deg);
    }

    50% {
      transform: rotate(180deg);
    }

    62.5% {
      transform: rotate(225deg);
    }

    75% {
      transform: rotate(270deg);
    }

    87.5% {
      transform: rotate(315deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  #PZFW8 {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    opacity: 0;
    transition: opacity 0.5s;
    transform: translate(-50%, -50%);
    padding: 10px;


    li,
    button {
      font-size: 20px;
    }

    &,
    button {
      color: white;
      background-color: #232323;
    }

  }

  dialog[open] {
    opacity: 1;
  }

  iframe {
    visibility: hidden;
  }

  .closemodal {
    width: 100%;
    margin: 10px 0 0 0;
    text-align: center;
  }

  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');

  :root {
    --bg-color: #222;
    --text-color: #eee;
    --strong-color: #fff;
    --shortcut-bg: rgba(255, 255, 255, 0.15);
    --footer-color: #666;
    --backdrop-bg: rgba(0, 0, 0, 0.85);
  }

  /* Светлая тема */
  @media (prefers-color-scheme: light) {
    :root {
      --bg-color: #fff;
      --text-color: #222;
      --strong-color: #000;
      --shortcut-bg: rgba(0, 0, 0, 0.1);
      --footer-color: #999;
      --backdrop-bg: rgba(0, 0, 0, 0.1);
    }
  }

  body {
    margin: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: system-ui, sans-serif;
  }

  dialog:focus {
    outline: none;
  }

  button {
    padding: 12px 24px;
    font-size: 16px;
    cursor: pointer;
  }

  dialog {
    border: none;
    border-radius: 12px;
    padding: 28px 32px;
    width: 40em;
    background: var(--bg-color);
    color: var(--text-color);
    font-size: 15px;
    line-height: 1.4;
    position: relative;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  }

  dialog::backdrop {
    background: var(--backdrop-bg);
  }

  dialog strong {
    color: var(--strong-color);
    font-weight: 600;
  }

  dialog h2 {
    margin: 0 0 16px 0;
    color: var(--text-color);
    font-weight: 700;
    font-size: 18px;
  }

  dialog ol {
    padding-left: 20px;
    user-select: none;
    margin: 0 0 24px 0;
  }

  dialog ol li {
    margin-bottom: 12px;
  }

  .shortcut {
    background: var(--shortcut-bg);
    border-radius: 3px;
    padding: 2px 6px;
    font-weight: 600;
    font-family: monospace;
    color: var(--text-color);
    margin-left: 4px;
  }

  .footer {
    font-size: 11px;
    color: var(--footer-color);
    text-align: center;
    user-select: none;
  }

  .close-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    border: none;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    color: var(--text-color);
  }

  .close-btn:hover {
    color: var(--strong-color);
  }

  .verification-container {
    max-width: 600px;
    margin: 40px auto;
    padding: 20px 25px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    border-radius: 6px;
    background-color: var(--bg-color);
    color: var(--text-color);
    box-shadow: var(--shadow);
    transition: background-color 0.3s, color 0.3s;
  }

  .verification-container strong {
    font-weight: 600;
  }

  .verification-header {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 8px;
  }

  .verification-subheader {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 24px;
  }

  .verification-text {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 12px;
  }