:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: radial-gradient(1200px 600px at 50% -10%, #1b2430 0%, #0b0d10 60%);
  color: #e8eaed;
}
@media (prefers-color-scheme: light) {
  body { background: radial-gradient(1200px 600px at 50% -10%, #eef2f7 0%, #ffffff 60%); color: #1a1d21; }
}
.card { text-align: center; padding: 2rem; max-width: 640px; }
h1 { font-size: clamp(2rem, 6vw, 3.5rem); margin: 0 0 .5rem; letter-spacing: -.02em; font-weight: 700; }
p { font-size: clamp(1rem, 2.5vw, 1.15rem); opacity: .72; margin: 0; }
a { color: inherit; }
.dot { display: inline-block; width: .5rem; height: .5rem; border-radius: 50%; background: #3b82f6; margin-right: .5rem; vertical-align: middle; }
.tag { margin-top: 1.5rem; font-size: .8rem; text-transform: uppercase; letter-spacing: .15em; opacity: .5; }