body {
      font-family: 'TT Travels', Verdana, Arial, sans-serif;
      margin: 0;
      padding: 0;
      background: #f4f4f4;
      color: #131117;
      line-height: 1.5;
    }

    header {
      background: #fff;
      padding: 32px 0 24px 0;
      text-align: center;
      border-bottom: 1px solid #eee;
    }

    header img {
      width: 200px;
      height: auto;
    }

    main {
      background: #fff;
      max-width: 1032px;
      margin: 40px auto 140px auto;
      padding: 32px 32px 24px 32px;
      border-radius: 16px;
      box-shadow: 0 2px 16px rgba(34, 28, 70, 0.07);
    }

    @media (max-width: 1032px) {
      main {
        max-width: 700px;
      }
    }

    @media (max-width: 700px) {
      main {
        padding: 16px 8px 8px 8px;
        max-width: 100%;
      }

      h1 {
        font-size: 1.3rem;
      }

      h2 {
        font-size: 1.05rem;
      }
    }

    h1 {
      font-size: 2.5rem;
      font-weight: 700;
      text-align: center;
      margin-top: 0;
      margin-bottom: 1.5rem;
      color: rgba(34, 28, 70, 1);
      font-family: 'TT Travels', Verdana, Arial, sans-serif;
    }

    h2 {
      font-size: 1.5rem;
      font-weight: 600;
      margin-top: 32px;
      margin-bottom: 12px;
      color: rgba(34, 28, 70, 1);
      font-family: "TT Travels", Verdana, sans-serif;
    }

    h3 {
      font-size: 1rem;
      font-weight: 600;
      margin-top: 24px;
      margin-bottom: 8px;
      color: #131117;
      font-family: 'TT Travels', Verdana, Arial, sans-serif;
    }

    p,
    ul,
    li {
      font-size: 1rem;
      line-height: 1.7;
      margin-bottom: 16px;
    }

    ul {
      padding-left: 24px;
      margin-top: 0;
      margin-bottom: 16px;
    }

    li {
      margin-bottom: 8px;
    }

    .pluxee-link {
      padding-top: 0.5625rem;
      padding-right: 1.5rem;
      padding-bottom: 0.5625rem;
      padding-left: 1.5rem;
      text-align: center;
      border-width: 0.1875rem;
      border-top-width: 0.1875rem;
      border-bottom-width: 0.1875rem;
      border-left-width: 0.1875rem;
      border-right-width: 0.1875rem;
      border-color: rgba(34, 28, 70, 1);
      border-top-color: rgba(34, 28, 70, 1);
      border-bottom-color: rgba(34, 28, 70, 1);
      border-left-color: rgba(34, 28, 70, 1);
      border-right-color: rgba(34, 28, 70, 1);
      border-style: solid;
      border-top-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-right-style: solid;

      color: rgba(34, 28, 70, 1);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      width: fit-content;

      &:hover {
        background-color: rgba(199, 252, 202, 1);
        color: rgba(34, 28, 70, 1);
        box-shadow: 0.25rem 0.25rem rgba(34, 28, 70, 0.2);
      }
    }

    footer {
      background: rgba(34, 28, 70, 1);
      padding: 24px 0;
      text-align: center;
      border-top: 1px solid #eee;
      margin-top: 48px;
      width: 100vw;
      left: 0;
      position: fixed;
      bottom: 0;
      box-sizing: border-box;
    }

    footer a {
      color: #fff;
      text-decoration: none;
      margin: 0 16px;
      font-weight: 500;
      transition: color 0.2s;
      display: flex;
      flex-basis: calc(50% - 40px);
      justify-content: flex-start;
      flex-direction: column;
    }

    footer a:hover {
      color: #1a73e8;
      text-decoration: underline;
    }

    footer .footer-links {
      display: flex;
      flex-wrap: wrap;
      gap: 8px 16px;
      max-width: 1032px;
      margin: 0 auto;
      justify-content: space-between;
      font-size: 18px;
      padding-bottom: 8px;
    }

    @media (max-width: 700px) {
      footer .footer-links {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px 8px;
        justify-items: center;
        max-width: 320px;
        justify-content: space-between;
      }

      footer .footer-links a {
        margin: 0;
      }
    }

    a {
      color: #0070f3;
      text-decoration: none;
    }

    a:hover {
      text-decoration: underline;
    }

    @font-face {
      font-family: 'TT Travels';
      font-weight: 400;
      font-style: normal;
      font-stretch: 87.5%;
      src: url(https://ds.demo.tech.glady.com/fonts/tt-travels/TT_Travels_Regular.woff2) format('woff2');
    }

    @font-face {
      font-family: 'TT Travels';
      font-style: normal;
      font-weight: 700;
      font-stretch: 87.5%;
      src: url(https://ds.demo.tech.glady.com/fonts/tt-travels/TT_Travels_Bold.woff2) format('woff2');
    }

    /* Tabs styling */
    .tab-container {
      margin-top: 2rem;
    }

    .tab-header {
      display: flex;
      border-bottom: 2px solid #eee;
      background: #f5f5f5;
      border-radius: 8px 8px 0 0;
      overflow-x: auto;
    }

    .tab-header button {
      background: none;
      border: none;
      outline: none;
      padding: 1rem 2rem;
      font-size: 1.1rem;
      cursor: pointer;
      color: #1a73e8;
      border-bottom: 3px solid transparent;
      transition:
        background 0.2s,
        border-bottom 0.2s;
      font-weight: 500;
    }

    .tab-header button:focus-visible {
      outline: 3px solid #1a73e8;
      outline-offset: -3px;
      border-radius: 6px;
    }

    .tab-header button.active:focus-visible {
      outline: 3px solid #1a73e8;
      outline-offset: -3px;
      background: #e8f0fe;
    }

    .tab-header button.active {
      background: #fff;
      border-bottom: 3px solid #1a73e8;
      color: #222;
    }

    .tab-content {
      display: none;
      padding: 2rem 0 0 0;
      animation: fadeIn 0.3s;
    }

    .tab-content.active {
      display: block;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }