* { box-sizing: border-box; }
html, body, #root { min-height: 100%; margin: 0; }
body { min-width: 320px; background: #111; }
.coming-soon {
  position: relative; display: flex; min-height: 100svh; flex-direction: column;
  overflow: hidden; padding: clamp(24px, 5vw, 64px) clamp(22px, 7vw, 96px) 26px;
  background: radial-gradient(ellipse at 82% 52%, rgba(246,220,0,.075), transparent 33%), #111;
  color: #f6f5f0; font-family: "IBM Plex Sans", Inter, ui-sans-serif, system-ui, sans-serif;
  font-synthesis: none; text-rendering: optimizeLegibility;
}
.coming-soon__header, .coming-soon__footer {
  position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between;
}
.coming-soon__brand {
  display: inline-flex; align-items: center; gap: 11px; color: inherit; font-size: 19px;
  font-weight: 700; letter-spacing: -.04em; text-decoration: none;
}
.coming-soon__brand img { display: block; width: 34px; height: 34px; }
.coming-soon__location {
  color: #aaa9a3; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
}
.coming-soon__main { position: relative; z-index: 1; width: min(850px,100%); margin: auto 0; padding: clamp(96px,14vh,170px) 0; }
.coming-soon__eyebrow {
  display: flex; align-items: center; gap: 11px; margin: 0 0 26px; color: #c9c8c1;
  font-size: 12px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
}
.coming-soon__eyebrow span, .coming-soon__status span {
  width: 8px; height: 8px; border-radius: 50%; background: #f6dc00;
}
.coming-soon__main h1 { max-width: 850px; margin: 0; font-size: clamp(52px,8.4vw,112px); font-weight: 500; letter-spacing: -.075em; line-height: .98; }
.coming-soon__main h1 span { color: #f6dc00; }
.coming-soon__description { max-width: 560px; margin: 30px 0 0; color: #b9b8b2; font-size: clamp(16px,1.7vw,19px); line-height: 1.65; }
.coming-soon__description--en { margin-top: 8px; }
.coming-soon__status {
  display: inline-flex; align-items: center; gap: 10px; margin-top: 32px; border: 1px solid rgba(246,245,240,.18);
  border-radius: 999px; padding: 11px 15px; color: #f6f5f0; font-size: 13px; font-weight: 500;
}
.coming-soon__status span { width: 7px; height: 7px; }
.coming-soon__footer { color: #85847f; font-size: 12px; }
.coming-soon__orb {
  position: absolute; right: -22vw; bottom: 7vh; width: min(54vw,700px); aspect-ratio: 1;
  border: 1px solid rgba(246,220,0,.13); border-radius: 50%; pointer-events: none;
}
.coming-soon__orb::before, .coming-soon__orb::after {
  position: absolute; inset: 9%; border: 1px solid rgba(246,220,0,.1); border-radius: 50%; content: "";
}
.coming-soon__orb::after { inset: 21%; }
@media (max-width: 600px) {
  .coming-soon { padding: 24px 22px 22px; }
  .coming-soon__header { align-items: flex-start; }
  .coming-soon__location { font-size: 9px; }
  .coming-soon__main { padding: 84px 0 100px; }
  .coming-soon__main h1 { font-size: clamp(48px,13vw,76px); }
  .coming-soon__description { margin-top: 24px; font-size: 16px; }
  .coming-soon__description--en { margin-top: 8px; }
  .coming-soon__footer { gap: 18px; align-items: flex-end; font-size: 10px; }
  .coming-soon__orb { right: -47vw; bottom: 13vh; width: 100vw; opacity: .65; }
}