@import url('https://fonts.googleapis.com/css2?family=Aclonica&family=Rubik:wght@400;600&display=swap');
:root { --ink: #2a2440; --muted: #6b6485; --link: #5b4bd6; --bg: #ffffff; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.6 Rubik, -apple-system, system-ui, sans-serif; color: var(--ink); background: var(--bg); }
header { padding: 20px 16px; background: linear-gradient(120deg, #d9cff7, #b9d3fb); }
.brand { font-family: Aclonica, sans-serif; font-size: 22px; color: var(--ink); text-decoration: none; }
main { max-width: 680px; margin: 0 auto; padding: 32px 16px 48px; }
h1 { font-family: Aclonica, sans-serif; font-weight: 400; font-size: 32px; margin: 0 0 8px; }
h2 { font-size: 20px; margin: 32px 0 8px; }
h3 { font-size: 16px; margin: 20px 0 4px; }
.meta { color: var(--muted); margin-top: 0; }
a { color: var(--link); }
ul { padding-left: 20px; }
footer { text-align: center; padding: 24px 16px; color: var(--muted); border-top: 1px solid #eee; }
footer a { color: var(--muted); }