:root { --sky:#8cd9ff; --ink:#333347; --grape:#a680f2; }
* { box-sizing: border-box; }
body { margin:0; font-family: -apple-system, "SF Pro Rounded", "Segoe UI", Helvetica, Arial, sans-serif; color:var(--ink); background: linear-gradient(#cdeeff, #ffffff 40%); min-height:100vh; }
main { max-width: 680px; margin: 0 auto; padding: 48px 24px 80px; line-height: 1.6; }
h1 { font-size: 2.2rem; margin: 0 0 8px; }
h2 { font-size: 1.25rem; margin-top: 2rem; }
.badge { display:inline-block; background:var(--grape); color:#fff; border-radius:999px; padding:4px 14px; font-weight:700; font-size:.9rem; }
nav a { margin-right: 18px; color: var(--grape); font-weight: 700; text-decoration: none; }
footer { margin-top: 48px; font-size: .9rem; color: #777; }
.blob { width: 120px; height: 120px; margin: 0 0 16px; }