.mcp-test {
  max-width: 48rem;
  margin: clamp(2rem, 8vw, 7rem) auto;
  padding: clamp(1.5rem, 5vw, 4rem);
  border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
  border-radius: 1.5rem;
  background: color-mix(in srgb, Canvas 94%, #6d5dfc);
  box-shadow: 0 1.5rem 4rem color-mix(in srgb, #312e81 14%, transparent);
}
.mcp-test__eyebrow { color: #6457e6; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.mcp-test h1 { max-width: 14ch; font-size: clamp(2.2rem, 7vw, 5rem); line-height: .98; }
.mcp-test__status { display: flex; gap: .65rem; align-items: center; }
.mcp-test__status span { width: .75rem; height: .75rem; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 .3rem #22c55e33; }
.mcp-test button { margin-top: 1rem; padding: .75rem 1rem; border: 0; border-radius: .7rem; background: #6457e6; color: white; cursor: pointer; }