*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: #07071a;
  color: rgba(255,255,255,.78);
  min-height: 100vh;
  padding: 48px 24px 80px;
  line-height: 1.65;
}
body::before {
  content: '';
  position: fixed;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(109,40,217,0.18) 0%, transparent 70%);
  top: -80px; right: -80px;
  border-radius: 50%;
  filter: blur(40px);
  pointer-events: none;
}
.wrap { max-width: 720px; margin: 0 auto; position: relative; z-index: 1; }
.back {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; color: rgba(255,255,255,.4); text-decoration: none;
  margin-bottom: 28px; transition: color .2s;
}
.back:hover { color: #c084fc; }
.logo {
  font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 6px; letter-spacing: -0.02em;
}
.logo span {
  background: linear-gradient(90deg, #c084fc, #7c3aed);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.updated { font-size: 12px; color: rgba(255,255,255,.32); margin-bottom: 36px; }
h1 { font-size: 26px; font-weight: 800; color: #fff; margin-bottom: 8px; letter-spacing: -0.02em; }
h2 { font-size: 16px; font-weight: 700; color: #fff; margin: 32px 0 10px; }
p, li { font-size: 14px; color: rgba(255,255,255,.62); margin-bottom: 12px; }
ul, ol { padding-left: 22px; margin-bottom: 12px; }
a { color: #c084fc; }
strong { color: rgba(255,255,255,.85); }