:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; font: 18px/1.55 "Segoe UI", sans-serif; color: #17211c; background: #f3f6f3; }
.top { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 20px; background: #102218; color: #fff; }
.brand { display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; font-weight: 700; }
.brand img { border-radius: 50%; }
.top-link { color: #c9f5d8; }
main { max-width: 760px; margin: 0 auto; padding: 28px 18px 64px; }
.kicker { margin: 0; color: #c2410c; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
h1 { margin: 8px 0 12px; font-size: 34px; line-height: 1.15; }
.lead { font-size: 20px; }
h2 { margin-top: 32px; font-size: 24px; }
a { color: #0f6b3a; }
.more a { display: block; margin: 8px 0; }
ol, ul { padding-left: 22px; }
li { margin: 8px 0; }
table { width: 100%; border-collapse: collapse; background: #fff; }
th, td { border: 1px solid #d5ddd6; padding: 8px 10px; text-align: left; }
th { background: #e7f2ea; }
.cta { margin-top: 36px; padding: 18px; background: #102218; color: #fff; border-radius: 16px; }
.cta p { margin: 8px 0; }
.buttons { display: flex; flex-wrap: wrap; gap: 10px; }
.btn { display: inline-block; padding: 12px 16px; border-radius: 999px; color: #fff; text-decoration: none; font-weight: 700; }
.btn.tg { background: #229ed9; }
.btn.mx { background: #5b4bff; }
.note { color: #526056; font-size: 15px; }
.cards { display: grid; gap: 12px; }
.card { display: block; padding: 16px 18px; background: #fff; border-radius: 14px; text-decoration: none; color: inherit; border: 1px solid #dbe5dc; }
.card b { display: block; margin-bottom: 4px; color: #102218; }
code { background: #e7f2ea; padding: 1px 6px; border-radius: 6px; }