:root {
  color-scheme: dark;
  --bg: #0e0d16;
  --text: #f5f2ff;
  --muted: #aaa5bd;
  --violet: #9a7cff;
  --cyan: #62e5df;
}
* { box-sizing: border-box; }
html, body { min-height: 100%; }
body {
  margin: 0; display: grid; place-items: center; padding: 24px;
  background: radial-gradient(ellipse at 18% 12%, rgba(116,76,190,.22), transparent 42%),
              radial-gradient(ellipse at 85% 82%, rgba(45,170,173,.12), transparent 38%), var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.shell {
  width: min(100%, 720px); padding: clamp(32px,7vw,72px);
  border: 1px solid rgba(190,174,255,.18); border-radius: 28px;
  background: linear-gradient(145deg,rgba(29,26,44,.96),rgba(19,18,29,.96));
  box-shadow: 0 28px 100px rgba(0,0,0,.38); text-align: center;
}
.brand-mark {
  display: grid; place-items: center; width: 62px; height: 62px; margin: 0 auto 28px;
  border-radius: 19px; color: #171322; background: linear-gradient(135deg,var(--violet),var(--cyan));
  font-weight: 900; letter-spacing: -.08em;
}
.eyebrow { color: var(--cyan); font-size: .72rem; letter-spacing: .2em; font-weight: 700; }
h1 { margin: 12px 0; font-size: clamp(3rem,10vw,5.4rem); letter-spacing: -.075em; line-height: 1; }
h1 span { color: var(--violet); }
.intro { color: var(--muted); font-size: 1.05rem; line-height: 1.7; }
.status { display:inline-flex; align-items:center; gap:10px; margin-top:28px; padding:12px 16px;
  border:1px solid rgba(98,229,223,.2); border-radius:999px; color:#c8f8f4; background:rgba(98,229,223,.07); font-size:.85rem; }
.status span { width:8px; height:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 14px var(--cyan); }