:root { color-scheme: dark; }
body { margin: 0; background: #16213a; color: #f4efe6; font: 17px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 48px 20px 64px; }
h1 { color: #ffe01b; font-size: 2rem; margin: 0 0 8px; }
h2 { color: #ffb347; font-size: 1.15rem; margin-top: 2rem; }
a { color: #ffd23f; }
.hero { display: flex; gap: 20px; align-items: center; }
.hero img { width: 96px; height: 96px; border-radius: 50%; }
footer { margin-top: 3rem; font-size: 0.9rem; opacity: 0.75; }