@font-face { font-family: 'Clarity City'; src: url('/ClarityCity-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Clarity City'; src: url('/ClarityCity-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }
:root { color-scheme: dark; }
* { box-sizing: border-box; }
html { background: #0A1846; }
html, body { margin: 0; }
body { min-height: 100vh; }
body {
  font: 400 16px/1.6 'Clarity City', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; color: #fff;
  background: radial-gradient(ellipse 50% 70% at 100% 0%, rgba(120, 175, 240, .35), transparent 70%), linear-gradient(135deg, #0A1846 0%, #132E7C 45%, #6A3FA2 80%, #D42F6F 130%);
  background-attachment: fixed; display: grid; place-items: center; padding: 32px 16px;
}
.wrap { max-width: 640px; text-align: center; display: grid; justify-items: center; gap: 14px; }
.logo { width: 102px; height: 96px; background: #fff; border-radius: 22px; padding: 10px; }
h1 { margin: 6px 0 0; font-size: clamp(2.2rem, 7vw, 3.4rem); line-height: 1.1; }
h1 span { color: #A9CFF5; }
.tag { margin: 0; font-size: 1.15rem; opacity: .92; }
.soon { margin: 18px 0 0; font-size: 1.35rem; font-weight: 700; }
.lead { margin: 0; opacity: .92; }
.wa { margin-top: 10px; display: inline-block; padding: 12px 22px; border-radius: 12px; background: #157A43; color: #fff; font-weight: 700; text-decoration: none; }
.wa:hover { background: #0F6436; }
.other, .addr { margin: 0; opacity: .9; }
a { color: #fff; }