:root { color-scheme: dark; }
body { margin: 0; background: radial-gradient(ellipse at 30% 10%, #3b1f6e 0%, #17123a 55%, #0e0b26 100%) fixed; color: #ece8ff; font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 48px 22px 80px; }
h1 { font-size: 2.2rem; margin: 0 0 .2rem; letter-spacing: .5px; }
h2 { font-size: 1.2rem; margin-top: 2rem; color: #b9a8ff; }
a { color: #7df9ff; }
.sub { color: #b9a8ff; margin-top: 0; }
nav { margin-top: 2.5rem; font-size: .95rem; color: #a49cc8; }
nav a { margin-right: 1rem; }
footer { margin-top: 3rem; font-size: .85rem; color: #8f86b8; }