html,
body {
  min-height: 100%;
  margin: 0;
}

* {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
  ::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  body {
    min-height: 100vh;
    background:
      radial-gradient(circle at top, rgba(96, 165, 250, 0.18), transparent 32%),
      linear-gradient(180deg, #172554 0%, #0f172a 55%, #020617 100%);
  }

  #root {
    max-width: 448px;
    margin: 0 auto;
    background: #ffffff;
  }

  @media (min-width: 448px) {

    #root {
      min-height: 100vh;
      overflow: hidden;
      border-radius: 24px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      box-shadow:
        0 36px 90px rgba(2, 6, 23, 0.46),
        0 18px 34px rgba(15, 23, 42, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -1px 0 rgba(15, 23, 42, 0.06);
    }
  }