:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; color: #eaf5ed; background: #07100c; font: 16px/1.65 system-ui, sans-serif; }
main { width: min(820px, calc(100% - 36px)); margin: 0 auto; padding: 48px 0 72px; }
header { display: flex; align-items: center; gap: 16px; margin-bottom: 34px; }
header > img { display: block; width: 64px; height: 64px; flex-shrink: 0; }
h1, h2 { line-height: 1.2; }
h1 { margin: 0; font-size: clamp(28px, 5vw, 44px); }
header p { margin: 3px 0 0; color: #93a69b; }
section { margin-top: 18px; padding: 22px 24px; border: 1px solid #263b30; border-radius: 14px; background: #0d1913; }
h2 { margin: 0 0 12px; color: #b8ff57; font-size: 20px; }
p, li { color: #cbd7d0; }
p:last-child, ol, ul { margin-bottom: 0; }
b { color: #b8ff57; }
a { color: #b8ff57; }