html,body{padding:0;margin:0;min-width:1024px;min-height:576px}
      .main{width:100vw;height:100vh;min-width:1024px;min-height:576px;justify-content:center;display:flex;align-items:center}
      .card{margin:0px 32px 0px 32px;background:#26007e;border-radius:16px;box-shadow:1px 5px 60px 0px #100a886b}
      .card-border-top{background:#2d23fa;margin:auto;border-radius:0px 0px 16px 16px}
      .card-text{color:white;text-align:center;display:block}
      .card-button{padding:8px 25px;display:block;margin:auto;border-radius:8px;border:none;background:#2d23fa;color:white;font-weight:600}
      .card-button:hover{background:#2117d6}
      .background{position:fixed;top:0;width:100vw;height:100vh;min-width:1024px;min-height:576px;z-index:-2;background:#020024;background:linear-gradient(0deg,#2117d6 0%,#26007e 10%, #020024 100%)}
      .background-border{position:fixed;bottom:0;width:100vw;min-width:1280px;z-index:-1}
      .card-img{width:100%;height:100%;border-radius:16px;background:#2d23fa}
      @media only screen and (width<1024px){.warn-screen_size{display:block}}
      @media only screen and (height<576px){.warn-screen_size{display:block}}
      @media only screen and (orientation:portrait){.warn-screen_rotation{display:block}}
      .warn-css_unloaded{display:none}