body { margin: 0; background: #14162a; color: #f5eedc; font: 18px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 48px 16px; }
h1 { font-size: 2.2rem; line-height: 1.2; margin: 0 0 8px; }
h2 { font-size: 1.3rem; margin-top: 32px; }
a { color: #ffcf6b; }
.tag { color: #9fd0ff; margin: 0 0 24px; }
footer { margin-top: 48px; color: #b8b2a2; font-size: 0.9rem; }
.hero { display: block; width: 100%; height: auto; border-radius: 16px; margin: 0 0 32px; }
.me { display: flex; gap: 20px; align-items: center; margin: 0 0 16px; }
.me img { width: 96px; height: 96px; border-radius: 50%; }
blockquote { margin: 16px 0; padding: 4px 20px; border-left: 4px solid #5fd4ff; color: #e6e0cf; }
.links { columns: 2; padding-left: 20px; }
@media (max-width: 480px) { .links { columns: 1; } }