html, body { margin: 0; width: 100%; height: 100%; background: #0d1522; color: #f2eee6; }
body { overscroll-behavior: none; }
#launch {
  position: fixed; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  padding: env(safe-area-inset-top) 24px env(safe-area-inset-bottom);
  background: radial-gradient(ellipse at 50% 40%, #172b41, #0d1522 65%);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
}
.launch-orbit {
  display: grid; place-items: center; width: 82px; height: 82px;
  border: 1px solid #d6bc8c55; border-radius: 50%;
  color: #d6bc8c; font-size: 38px; animation: breathe 2.8s ease-in-out infinite;
}
#launch h1 { font-size: 23px; font-weight: 400; letter-spacing: 6px; margin: 24px 0 8px; }
#launch p { color: #9caabd; font-size: 12px; line-height: 1.8; text-align: center; }
#launch button { margin-top: 16px; padding: 12px 24px; border: 1px solid #d6bc8c66;
  border-radius: 24px; background: transparent; color: #d6bc8c; cursor: pointer; }
@keyframes breathe { 50% { opacity: .55; transform: scale(.94); } }
@media (prefers-reduced-motion: reduce) { .launch-orbit { animation: none; } }