:root { --teal: #173f40; --deep: #102a2b; --cream: #f3ead8; --gold: #d6a548; --muted: #a9bebb; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--deep); color: var(--cream); font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 48px 24px 64px; }
a { color: var(--gold); }
h1, h2 { line-height: 1.2; }
h2 { margin-top: 2em; color: var(--gold); font-size: 1.15em; }
.hero { text-align: center; padding-top: 24px; }
.hero img.mark { width: 220px; height: 220px; }
.hero img.word { height: 56px; display: block; margin: 8px auto 4px; }
.by { color: var(--gold); font-weight: 600; }
.lead { color: var(--muted); font-size: 1.1em; }
footer { color: var(--muted); font-size: .9em; margin-top: 48px; text-align: center; }