:root {
  --navy: #031a3a;
  --gold: #d99a2b;
  --cream: #f7f1e6;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at top, rgba(217,154,43,.18), transparent 36rem),
    linear-gradient(180deg, #020b1c 0%, var(--navy) 50%, #020b1c 100%);
  color: var(--cream);
  font-family: Georgia, "Times New Roman", serif;
}

.page-wrap {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0rem, 2vw, 1.5rem);
}

.coming-soon {
  width: min(100%, 1400px);
  margin-inline: auto;
  background: #061f44;
  border: 1px solid rgba(217,154,43,.28);
  border-radius: clamp(0px, 1.2vw, 18px);
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0,0,0,.45);
}

.coming-soon img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 700px) {
  .page-wrap { padding: 0; align-items: flex-start; }
  .coming-soon {
    width: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
}

@media print {
  body { background: white; }
  .page-wrap { padding: 0; }
  .coming-soon { box-shadow: none; border: 0; }
}