:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.65; background: #0c1211; color: #f2f8f4; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #88f0a4; text-underline-offset: 3px; }
a:hover { color: #b8ffd0; }
header { border-bottom: 1px solid #274137; background: #101b16; }
.header-content { max-width: 880px; padding: 20px 24px; margin: auto; display: flex; gap: 18px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.brand { display: inline-flex; align-items: center; color: white; font-size: 1.25rem; font-weight: 800; letter-spacing: -.035em; text-decoration: none; }
.brand-mark { display: inline-block; width: 30px; height: 30px; margin-right: 10px; border: 1px solid #2dd661; border-radius: 7px; background: linear-gradient(132deg,#04110a 0%,#04110a 45%,#08ae3c 45%,#11da59 100%); }
nav { display: flex; flex-wrap: wrap; gap: 16px; font-size: .9rem; }
nav a { color: #d7eee0; }
main { max-width: 880px; margin: 0 auto; padding: 45px 24px 68px; }
h1 { font-size: clamp(2rem, 6vw, 3.25rem); letter-spacing: -.055em; line-height: 1.12; margin: 0 0 18px; }
h2 { font-size: 1.35rem; line-height: 1.28; margin: 36px 0 10px; color: #baffce; }
p, li { color: #d5e1da; }
p { margin: 0 0 16px; }
.lead { font-size: 1.1rem; color: #e9f6ed; }
.muted { color: #a6b7aa; font-size: .9rem; }
.pill { display: inline-block; color: #c0ffc9; background: #173724; border: 1px solid #287c45; padding: 3px 12px; border-radius: 99px; text-transform: uppercase; font-size: .76rem; letter-spacing: .07em; font-weight: 750; margin-bottom: 18px; }
.card { background: #15211c; border: 1px solid #2c4936; border-radius: 15px; padding: 24px; margin: 30px 0; }
.card h2 { margin-top: 0; }
ul { padding-left: 24px; margin-top: 8px; }
li { margin-bottom: 8px; }
hr { border: 0; border-top: 1px solid #294334; margin: 35px 0; }
footer { background: #101b16; border-top: 1px solid #274137; }
footer .footer-inner { max-width: 880px; margin: auto; padding: 22px 24px; color: #9cb2a0; font-size: .82rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; }
:focus-visible { outline: 3px solid #caff88; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *, *:before, *:after { scroll-behavior: auto !important; } }