:root {
  --bg: #050510;
  --panel: #0e0e22;
  --border: #1f1f3a;
  --border-hi: #303060;
  --text: #eef1ff;
  --text-dim: #a6a6cc;
  --cyan: #00e5ff;
  --yellow: #fcee0a;
  --glow-cyan: 0 0 12px rgba(0, 229, 255, 0.45), 0 0 32px rgba(0, 229, 255, 0.15);
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background:
    radial-gradient(60rem 40rem at 50% -10%, rgba(0, 229, 255, 0.10), transparent 60%),
    radial-gradient(50rem 30rem at 50% 110%, rgba(252, 238, 10, 0.06), transparent 60%),
    var(--bg);
  color: var(--text);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}
.m-wrap { width: 100%; max-width: 560px; text-align: center; }
.m-logo { height: 56px; width: auto; margin-bottom: 28px; filter: drop-shadow(0 0 12px rgba(0, 229, 255, 0.35)); }
.m-panel {
  background: linear-gradient(180deg, rgba(22, 22, 53, 0.9), rgba(14, 14, 34, 0.9));
  border: 1px solid var(--border-hi);
  border-radius: 16px;
  padding: 32px 28px;
  box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.08), 0 20px 60px rgba(0, 0, 0, 0.5);
  position: relative;
  overflow: hidden;
}
.m-panel::before {
  content: "";
  position: absolute; left: 0; top: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--cyan), var(--yellow));
}
.m-kicker {
  margin: 0 0 10px;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 12px; letter-spacing: 0.2em; color: var(--yellow);
}
h1 {
  margin: 0 0 14px;
  font-size: clamp(24px, 5vw, 32px);
  line-height: 1.2;
  color: var(--text);
  text-shadow: var(--glow-cyan);
}
.m-body { margin: 0 0 22px; font-size: 16px; line-height: 1.6; color: var(--text-dim); }
.m-status {
  display: inline-flex; align-items: center; gap: 10px;
  margin: 0; padding: 8px 14px;
  border: 1px solid var(--border); border-radius: 999px;
  font-size: 13px; color: var(--text);
  background: rgba(5, 5, 16, 0.6);
}
.m-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--yellow);
  box-shadow: 0 0 10px rgba(252, 238, 10, 0.7);
  animation: m-pulse 1.6s ease-in-out infinite;
}
@keyframes m-pulse { 50% { opacity: 0.35; } }
@media (prefers-reduced-motion: reduce) { .m-dot { animation: none; } }