:root{--g:#0c3c26;--l:#44b78b}body{margin:0;font:16px/1.6 "Segoe UI",Roboto,Helvetica,sans-serif;color:#0c4b33;background:#fff}header{background:var(--g);color:#fff;padding:22px 0}.w{max-width:900px;margin:0 auto;padding:0 20px}header h1{margin:0;font-weight:400;font-size:26px}header p{margin:4px 0 0;color:#c9f0dd}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:28px 0}.card{border:1px solid #d3e7dc;border-radius:6px;padding:16px}.card h3{margin:0 0 6px}a{color:#20aa76}.note{background:#e6f5ee;padding:12px 16px;border-radius:6px}footer{color:#6b8e7d;font-size:13px;margin:36px 0 20px}