:root { --sky: #8ED8F8; --ink: #2B1D2F; --cream: #FFF4DC; --carrot: #FF8C2E; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--sky); color: var(--ink); font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 32px 16px 64px; }
.card { background: var(--cream); border: 4px solid var(--ink); border-radius: 18px; padding: 24px; margin-bottom: 20px; box-shadow: 5px 7px 0 var(--ink); }
h1 { font-size: 36px; line-height: 1.15; margin: 0 0 8px; }
h2 { font-size: 22px; margin: 28px 0 8px; }
a { color: #B5441B; }
.app { display: flex; gap: 16px; align-items: center; text-decoration: none; color: inherit; }
.app img { width: 84px; height: 84px; border-radius: 19px; border: 3px solid var(--ink); }
.muted { opacity: .7; font-size: 15px; }
nav a { margin-right: 16px; font-weight: 600; }