/* Go Cyber Squad — coming-soon landing. External stylesheet so the CloudFront
   Content-Security-Policy can stay strict (no inline styles). */
:root { color-scheme: dark; }
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body {
  min-height: 100vh;
  background:
    radial-gradient(1200px 820px at 50% -12%, #1c3358 0%, #10203a 45%, #0a1120 100%);
  color: #e7ecf5;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0px, 4vw, 48px);
}

.wrap { width: 100%; max-width: 880px; }

.art {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
  box-shadow:
    0 30px 80px -20px rgba(0, 0, 0, 0.72),
    0 0 0 1px rgba(255, 255, 255, 0.04);
  animation: rise 0.7s ease-out both;
}

@keyframes rise {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .art { animation: none; }
}

/* ---- 404 page ---- */
.wrap--404 { max-width: 560px; text-align: center; }
.wrap--404 .bolt { font-size: 3rem; margin: 0 0 0.5rem; }
.four-oh {
  font-size: clamp(1.5rem, 4vw, 2.1rem);
  font-weight: 800;
  margin: 0 0 0.6rem;
  color: #fff;
}
.sub { color: #aab6cc; margin: 0 0 1.6rem; font-size: 1.05rem; }
.home {
  display: inline-block;
  color: #0a1120;
  background: #f5c518;
  text-decoration: none;
  font-weight: 700;
  padding: 0.7rem 1.2rem;
  border-radius: 10px;
}
.home:hover { background: #ffd634; }

/* Real, indexable heading kept off-screen — the art carries the visible message. */
.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}