:root {
  color-scheme: dark;
  --bg: #06142b;
  --panel: rgba(7, 25, 52, .88);
  --blue: #21baff;
  --text: #f3f8ff;
  --muted: #a8c1da;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }

html, body { min-height: 100%; margin: 0; }

body {
  min-height: 100svh;
  color: var(--text);
  background: radial-gradient(ellipse at 50% 28%, #0c3560 0%, var(--bg) 64%);
  padding: max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
  display: grid;
  place-items: center;
}

.shell {
  width: min(100%, 420px);
  padding: 34px 26px 30px;
  text-align: center;
  border: 1px solid rgba(68, 183, 255, .3);
  border-radius: 28px;
  background: var(--panel);
  box-shadow: 0 24px 90px rgba(0, 0, 0, .34), inset 0 0 36px rgba(23, 133, 224, .08);
}

.portrait {
  display: block;
  width: clamp(148px, 48vw, 210px);
  aspect-ratio: 1;
  object-fit: contain;
  margin: 0 auto 22px;
  border-radius: 50%;
  filter: drop-shadow(0 0 22px rgba(0, 162, 255, .34));
}

.eyebrow { margin: 0 0 8px; color: var(--blue); font-size: .7rem; letter-spacing: .2em; }
h1 { margin: 0; font-size: clamp(1.8rem, 8vw, 2.35rem); letter-spacing: .18em; padding-left: .18em; }
.status { min-height: 1.5em; margin: 12px 0 24px; color: var(--muted); font-size: .95rem; }

.launch {
  display: block;
  width: 100%;
  padding: 15px 18px;
  border: 1px solid rgba(163, 226, 255, .78);
  border-radius: 14px;
  color: #041326;
  background: linear-gradient(135deg, #8ae6ff, #32aeff 70%, #167ce8);
  box-shadow: 0 8px 30px rgba(14, 149, 239, .22);
  font-weight: 700;
  text-decoration: none;
}

.launch[aria-disabled="true"] { opacity: .48; pointer-events: none; }
.launch:focus-visible { outline: 3px solid white; outline-offset: 4px; }
.note { margin: 18px 0 0; color: var(--muted); font-size: .8rem; line-height: 1.5; }

@media (max-width: 380px) {
  .shell { padding-inline: 20px; border-radius: 23px; }
  .portrait { width: min(48vw, 176px); margin-bottom: 16px; }
}