:root { --water: #2a6688; --cream: #f7f3ea; --ink: #2b2440; --yellow: #f2c14e; --navy: #2f3e63; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--water); color: var(--ink); font: 17px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width: 640px; margin: 40px auto; padding: 28px 24px; background: var(--cream); border-radius: 20px; }
header { text-align: center; }
header img { width: 96px; height: 96px; border-radius: 22px; }
h1 { color: var(--navy); margin: 8px 0 4px; }
a { color: var(--water); }
nav { text-align: center; margin-top: 24px; font-size: 15px; }
nav a { margin: 0 10px; }
@media (max-width: 680px) { main { margin: 16px; } }