:root{--teal:#0da694;--deep:#0a5c6b;--bg:#f6f8f8;--fg:#14211f;--mut:#56706b}
@media (prefers-color-scheme:dark){:root{--bg:#0d1514;--fg:#e8f1ef;--mut:#9fb6b1}}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--fg)}
header{background:linear-gradient(135deg,var(--teal),var(--deep));color:#fff;padding:40px 16px}
header div,main{max-width:760px;margin:0 auto}h1{margin:0 0 6px;font-size:28px}header p{margin:0;opacity:.9}
main{padding:24px 16px 60px}h2{font-size:19px;margin-top:28px}a{color:var(--teal)}nav a{color:#fff;margin-right:14px;opacity:.9}
.small{color:var(--mut);font-size:14px}