:root {
  color-scheme: light dark;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--tg-theme-bg-color, #0d1117);
  color: var(--tg-theme-text-color, #f5f7fa);
}

body {
  min-height: 100vh;
  margin: 0;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 10%, rgba(0, 174, 255, .22), transparent 38%),
    var(--tg-theme-bg-color, #0d1117);
}

main {
  width: min(88vw, 420px);
  padding: 32px 20px calc(28px + env(safe-area-inset-bottom));
  text-align: center;
}

.mark {
  font-size: 72px;
  color: var(--tg-theme-button-color, #2aabee);
  line-height: 1;
}

h1 {
  margin: 18px 0 10px;
  font-size: 25px;
}

p {
  line-height: 1.45;
}

button {
  width: 100%;
  margin-top: 22px;
  padding: 15px 18px;
  border: 0;
  border-radius: 14px;
  background: var(--tg-theme-button-color, #2aabee);
  color: var(--tg-theme-button-text-color, #fff);
  font-size: 17px;
  font-weight: 700;
}

.hint {
  margin-top: 20px;
  color: var(--tg-theme-hint-color, #99a4ae);
  font-size: 14px;
}