body {
  background: radial-gradient(ellipse at top, #1a1030 0%, #0a0515 70%);
  color: #d4c5f0;
  font-family: Georgia, 'Times New Roman', serif;
  max-width: 780px;
  margin: 0 auto;
  padding: 40px 24px 80px;
  line-height: 1.7;
}
h1 { color: #f0d98c; font-size: 2.2em; text-align: center; letter-spacing: 2px; }
h2 { color: #c9a6f5; border-bottom: 1px solid #4a2f6b; padding-bottom: 6px; }
nav { text-align: center; margin: 24px 0 40px; }
nav a { color: #f0d98c; text-decoration: none; margin: 0 14px; font-size: 1.05em; }
nav a:hover { text-decoration: underline; }
.symbol { text-align: center; font-size: 2.5em; margin: 20px 0; color: #6b4a9c; }
footer { text-align: center; margin-top: 60px; color: #6b5a8c; font-size: 0.85em; }
blockquote { border-left: 3px solid #6b4a9c; padding-left: 16px; color: #b8a0d8; font-style: italic; }