gatsby
/
payment-platform


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
							<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/logo.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta
      name="keywords"
      content=""
    />
    <title>Pyament Platform</title>
    <script type="module" crossorigin src="/js/index.Zdt67uUk.js"></script>
    <link rel="modulepreload" crossorigin href="/js/dayjs.DCWbrgJ0.js">
    <link rel="modulepreload" crossorigin href="/js/@vue.DbmRtknU.js">
    <link rel="modulepreload" crossorigin href="/js/lodash-es.DaM9m3L-.js">
    <link rel="modulepreload" crossorigin href="/js/async-validator.j0i5Y79Y.js">
    <link rel="modulepreload" crossorigin href="/js/@popperjs.DxtSUbXb.js">
    <link rel="modulepreload" crossorigin href="/js/@ctrl.BEgk5vdO.js">
    <link rel="modulepreload" crossorigin href="/js/memoize-one.BAtLgO95.js">
    <link rel="modulepreload" crossorigin href="/js/normalize-wheel-es.TzhA1irr.js">
    <link rel="modulepreload" crossorigin href="/js/@floating-ui.8vigAAFV.js">
    <link rel="modulepreload" crossorigin href="/js/element-plus.Coxisi3K.js">
    <link rel="modulepreload" crossorigin href="/js/pinia.BlfmsheH.js">
    <link rel="modulepreload" crossorigin href="/js/@vueuse.Dnsd2JKX.js">
    <link rel="modulepreload" crossorigin href="/js/@intlify.DPMNdUn_.js">
    <link rel="modulepreload" crossorigin href="/js/vue-i18n.DXLOBfKS.js">
    <link rel="modulepreload" crossorigin href="/js/nprogress.BTjJXJ-u.js">
    <link rel="modulepreload" crossorigin href="/js/diff-match-patch.DkK4wJpa.js">
    <link rel="modulepreload" crossorigin href="/js/codemirror.CYSLATvI.js">
    <link rel="modulepreload" crossorigin href="/js/vue.MGxsMDTR.js">
    <link rel="modulepreload" crossorigin href="/js/vue-web-terminal.D-rog7dz.js">
    <link rel="modulepreload" crossorigin href="/js/vue-router.yxIMtaxH.js">
    <link rel="modulepreload" crossorigin href="/js/axios.Da-QW0H8.js">
    <link rel="modulepreload" crossorigin href="/js/es-errors.DTEWvbA_.js">
    <link rel="modulepreload" crossorigin href="/js/object-inspect.DvQZIv3_.js">
    <link rel="modulepreload" crossorigin href="/js/side-channel-list.Do0-XmF5.js">
    <link rel="modulepreload" crossorigin href="/js/es-object-atoms.CyiuHMUS.js">
    <link rel="modulepreload" crossorigin href="/js/math-intrinsics.pM-JTNwN.js">
    <link rel="modulepreload" crossorigin href="/js/gopd.BudZp56J.js">
    <link rel="modulepreload" crossorigin href="/js/es-define-property.F0aoeP8o.js">
    <link rel="modulepreload" crossorigin href="/js/has-symbols.BcO-SUVM.js">
    <link rel="modulepreload" crossorigin href="/js/function-bind.DrnB-baK.js">
    <link rel="modulepreload" crossorigin href="/js/call-bind-apply-helpers.DJjIjCF_.js">
    <link rel="modulepreload" crossorigin href="/js/dunder-proto.WEH3rgQR.js">
    <link rel="modulepreload" crossorigin href="/js/get-proto.Cb_fpw-j.js">
    <link rel="modulepreload" crossorigin href="/js/hasown.BXcyoiLU.js">
    <link rel="modulepreload" crossorigin href="/js/get-intrinsic.Bbe5x-9b.js">
    <link rel="modulepreload" crossorigin href="/js/call-bound.22gFUC2Q.js">
    <link rel="modulepreload" crossorigin href="/js/side-channel-map.DNHQ53lO.js">
    <link rel="modulepreload" crossorigin href="/js/side-channel-weakmap.DpSeWE6i.js">
    <link rel="modulepreload" crossorigin href="/js/side-channel.4q28KFJj.js">
    <link rel="modulepreload" crossorigin href="/js/qs.BQjOrGHM.js">
    <link rel="modulepreload" crossorigin href="/js/pinia-plugin-persistedstate.COWkwNh5.js">
    <link rel="stylesheet" crossorigin href="/css/element-plus.C5wfcs9c.css">
    <link rel="stylesheet" crossorigin href="/css/nprogress.BgDCIyLK.css">
    <link rel="stylesheet" crossorigin href="/css/codemirror.DPQIqBY5.css">
    <link rel="stylesheet" crossorigin href="/css/index.B0Ep51DP.css">
    <link rel="stylesheet" crossorigin href="/css/animate.BeY6ljAu.css">
  </head>

  <body>
    <div id="app">
      <div class="loading-container">
        <div class="loading-spinner">
          <div class="loading-bar"></div>
          <div class="loading-bar"></div>
          <div class="loading-bar"></div>
        </div>
      </div>
    </div>
  </body>

  <style>
    html,
    body,
    #app {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
    }

    .loading-container {
      display: flex;
      flex-direction: column;
      gap: 24px;
      align-items: center;
      justify-content: center;
    }

    .loading-spinner {
      display: flex;
      gap: 6px;
      align-items: center;
      justify-content: center;
      height: 40px;
    }

    .loading-bar {
      width: 4px;
      height: 24px;
      background-color: #498cff;
      border-radius: 2px;
      animation: loading-animation 1.2s ease-in-out infinite;
    }

    .loading-bar:nth-child(1) {
      animation-delay: 0s;
    }

    .loading-bar:nth-child(2) {
      animation-delay: 0.2s;
    }

    .loading-bar:nth-child(3) {
      animation-delay: 0.4s;
    }

    @keyframes loading-animation {
      0% {
        opacity: 0.3;
        transform: scaleY(0.5);
      }

      50% {
        opacity: 1;
        transform: scaleY(1.2);
      }

      100% {
        opacity: 0.3;
        transform: scaleY(0.5);
      }
    }
  </style>
</html>