:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh;
  font: 16px/1.7 -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
  color: #f2f0fa;
  background: radial-gradient(circle at 80% 20%, rgba(255, 91, 127, .35) 0, transparent 45%),
              radial-gradient(circle at 20% 80%, rgba(159, 140, 255, .3) 0, transparent 45%),
              radial-gradient(circle at 60% 60%, rgba(97, 215, 255, .15) 0, transparent 40%), #0a0f1e;
  background-attachment: fixed;
}
main { max-width: 760px; margin: 0 auto; padding: 56px 20px 64px; }
header { display: flex; align-items: center; gap: 18px; margin-bottom: 32px; }
header img { width: 80px; height: 80px; border-radius: 20px; }
h1 { margin: 0; font-size: 30px; line-height: 1.2;
  background: linear-gradient(90deg, #ff5b7f, #9f8cff, #6e8bff, #f4bb62); -webkit-background-clip: text; background-clip: text; color: transparent; }
header p { margin: 4px 0 0; opacity: .72; }
section {
  padding: 24px 28px; margin-bottom: 20px; border-radius: 24px;
  background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
}
h2 { margin: 0 0 8px; font-size: 20px; }
ul { padding-left: 20px; }
a { color: #61d7ff; }
nav { margin-top: 24px; opacity: .72; font-size: 14px; }
nav a { margin-right: 16px; }
.tagline { font-size: 20px; margin: 0 0 4px; }
.muted { opacity: .62; font-size: 14px; }