:root{
  --bg:#0b0f14;
  --panel:#111823;
  --text:#e6edf3;
  --muted:#8b98a7;
  --accent:#66d9ef;
}
*{box-sizing:border-box}
body{
  margin:0;
  min-height:100vh;
  display:grid;
  place-items:center;
  background:radial-gradient(1000px 500px at 20% -20%, #1b2737 0%, transparent 60%), var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
.wrap{
  width:min(90vw,700px);
  padding:2rem;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  text-align:center;
  box-shadow:0 10px 40px rgba(0,0,0,.35);
}
h1{margin:.2rem 0;font-size:2.2rem;letter-spacing:.08em}
.sub{margin:.2rem 0 1.2rem 0;color:var(--accent);font-weight:600}
.meta{color:var(--muted);font-size:.95rem}
a{color:#9cdcfe;text-decoration:none}
a:hover{text-decoration:underline}
.orbit{
  margin:1.2rem auto 1.4rem;
  width:170px;height:170px;
  display:grid;place-items:center;
  border:2px dashed rgba(102,217,239,.45);
  border-radius:50%;
  color:var(--accent);
  animation:spin 8s linear infinite;
  font-size:.9rem;
  text-transform:lowercase;
}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}