:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #fff;
  background: radial-gradient(1200px 600px at 20% 0%, rgba(124,92,255,.18), transparent 60%), #0f111a;
  min-height: 100vh;
  line-height: 1.6;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 40px 20px 70px; }
h1 { font-size: 26px; margin: 18px 0 8px; }
h2 { font-size: 17px; margin: 28px 0 6px; }
p { color: rgba(255,255,255,.8); margin: 0 0 10px; font-size: 15px; }
a { color: #a996ff; }
.back {
  display: inline-block;
  color: rgba(255,255,255,.75);
  text-decoration: none;
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
}
.back:hover { background: rgba(255,255,255,.07); color: #fff; }
.small { font-size: 12px; color: rgba(255,255,255,.5); margin-top: 30px; }