@font-face { font-family: "Public Sans"; src: url("publicsans.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
:root { color-scheme: dark; --night: #0A1030; --ink: #EEF2FF; --body: #C6D1F3; }
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0; background: var(--night); color: var(--body);
  font: 400 18px/1.5 "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased; display: grid; place-items: center;
  padding: env(safe-area-inset-top, 0px) max(20px, env(safe-area-inset-right, 0px)) env(safe-area-inset-bottom, 0px) max(20px, env(safe-area-inset-left, 0px));
}
main { display: grid; gap: 14px; justify-items: center; text-align: center; padding-block: 48px; }
.mark { width: 64px; height: 64px; border-radius: 16px; margin-bottom: 10px; }
h1 { margin: 0; color: var(--ink); font-weight: 900; font-size: clamp(52px, 12vw, 96px); line-height: .92; letter-spacing: -.045em; }
.soon { margin: 0; color: var(--body); font-size: clamp(20px, 4vw, 26px); font-weight: 600; }