:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #183028;
  background: #f4f8f6;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; }
a { color: #067a46; }
.hero { flex: 1; display: grid; place-items: center; padding: 64px 20px; }
.card { width: min(720px, 100%); padding: 52px; background: #fff; border-radius: 24px; box-shadow: 0 16px 50px rgba(18, 72, 49, .10); }
.mark { font-size: 64px; }
h1 { margin: 18px 0 10px; font-size: clamp(36px, 7vw, 62px); }
h2 { margin-top: 32px; font-size: 22px; }
p, li { color: #4f625a; line-height: 1.8; }
.lead { font-size: 20px; }
.links { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 30px; }
.links a { font-weight: 600; text-decoration: none; }
.document { width: min(860px, calc(100% - 32px)); margin: 32px auto; padding: 40px; background: #fff; border-radius: 18px; }
.back { display: inline-block; margin-bottom: 18px; text-decoration: none; }
footer { padding: 24px 16px; text-align: center; color: #718179; font-size: 14px; }
footer a { color: inherit; text-decoration: none; }
@media (max-width: 560px) { .card, .document { padding: 28px 22px; } }