body { margin: 0; background: #09231e; color: #f1f6ed; font-family: Arial, sans-serif; line-height: 1.7; letter-spacing: 0; }
header, main { max-width: 840px; margin: auto; padding: 24px; }
h1 { font-size: 32px; line-height: 1.2; letter-spacing: 0; color: #fff; }
h2 { margin-top: 32px; font-size: 19px; line-height: 1.4; letter-spacing: 0; color: #d0f48b; }
p { overflow-wrap: anywhere; }
a { color: #d0f48b; }
.kicker { font-size: 12px; }
.lead { font-size: 23px; }
.join { display: inline-block; padding: 12px 20px; background: #d0f48b; border-radius: 6px; color: #09231e; font-weight: bold; text-decoration: none; }
article { margin-top: 36px; border-top: 1px solid #5c7557; }
footer { margin: 32px 0; }
@media (max-width: 480px) { h1 { font-size: 26px; } }