:root { --ink: #140d30; --indigo: #2e1f66; --gold: #f6d47a; --ivory: #fff8ec; --muted: rgba(255, 248, 236, 0.72); }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--ink); color: var(--ivory); }
body { font: 16px/1.6 -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 40px 16px 64px; }
a { color: var(--gold); }
h1 { margin: 0 0 4px; font-size: 32px; letter-spacing: 0.04em; color: var(--gold); }
h2 { margin: 32px 0 8px; font-size: 20px; color: var(--gold); }
h3 { margin: 20px 0 6px; font-size: 17px; }
p, li { color: var(--muted); }
.meta { margin: 0 0 24px; font-size: 14px; }
.hero { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.hero img { width: 88px; height: 88px; border-radius: 20px; }
nav { display: flex; gap: 16px; margin-top: 32px; font-size: 14px; }
.box { padding: 16px 18px; border: 1px solid rgba(246, 212, 122, 0.3); border-radius: 16px; background: rgba(255, 248, 236, 0.05); }