:root { --green: #1c4630; --green-2: #256140; --cream: #f8f1df; --ink: #1d1d1b; --muted: #5a5a52; --amber: #f2c230; }
* { box-sizing: border-box; }
body { margin: 0; font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--ink); background: #faf8f2; }
header { background: linear-gradient(180deg, var(--green-2), var(--green)); color: var(--cream); padding: 40px 20px 32px; }
header .wrap, main { max-width: 760px; margin: 0 auto; }
header h1 { margin: 0 0 4px; font-size: 32px; letter-spacing: .5px; }
header p { margin: 0; opacity: .85; }
main { padding: 28px 20px 60px; }
h2 { margin-top: 36px; color: var(--green); font-size: 22px; }
h3 { margin-top: 24px; font-size: 18px; }
a { color: var(--green-2); }
.card { display: flex; gap: 16px; align-items: center; padding: 16px; border-radius: 14px; background: #fff; border: 1px solid #e6e1d4; text-decoration: none; color: inherit; }
.card img { width: 64px; height: 64px; border-radius: 14px; }
.card strong { display: block; font-size: 18px; }
.muted { color: var(--muted); font-size: 15px; }
.lang { margin: 0 0 20px; font-size: 15px; }
hr { border: none; border-top: 1px solid #e6e1d4; margin: 40px 0; }
footer { text-align: center; color: var(--muted); font-size: 14px; padding: 0 20px 40px; }