:root { --p: hsl(226, 60%, 40%); --s: 10px; --r: 13px; }
body { font-family: sans-serif; margin: 0; line-height: 1.6; color: #333; }
.container { max-width: 1000px; margin: 0 auto; padding: var(--s); }
header { background: var(--p); color: white; padding: 10px 0; }
header a { color: white; margin-right: 15px; text-decoration: none; }
.logo { font-size: 1.5rem; font-weight: bold; }
.card { border: 1px solid #ddd; padding: 10px; margin: 10px 0; border-radius: var(--r); }
img { max-width: 100%; height: auto; }
footer { background: #eee; padding: 20px 0; text-align: center; margin-top: 40px; }
footer a { margin: 0 10px; color: #666; }