:root { --sky: #9ec2db; --ink: #3b332b; --ink-soft: #6b6359; --card: #faf5ee; --moss: #6e9c3b; --ground: #3b332e; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--sky); color: var(--ink); font: 17px/1.6 ui-rounded, "SF Pro Rounded", system-ui, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 48px 16px 64px; }
.card { background: var(--card); border: 4px solid var(--ink); border-radius: 26px; padding: 28px 28px 20px; }
header { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
header img { width: 72px; height: 72px; border-radius: 16px; }
h1 { font-size: 30px; margin: 0; line-height: 1.15; }
h2 { font-size: 19px; margin: 26px 0 6px; }
p, li { color: var(--ink); }
.muted { color: var(--ink-soft); font-size: 15px; }
a { color: #3f6f17; font-weight: 600; }
nav { margin-top: 24px; display: flex; gap: 18px; flex-wrap: wrap; }
footer { height: 56px; background: var(--ground); border-top: 8px solid var(--moss); }