:root{--g:#2e7d4f;--gd:#1f5a38;--t:#1d2a22;--bg:#f6f8f6}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--t);background:var(--bg);line-height:1.6}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}a{color:var(--g)}
header{background:#fff;border-bottom:3px solid var(--g)}.hdr{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:14px 20px}
.logo{font-weight:800;font-size:1.3rem;text-decoration:none;color:var(--t)}.logo span{color:var(--g)}
nav a{margin-left:16px;text-decoration:none;color:var(--t);font-weight:500}nav a.active,nav a:hover{color:var(--g)}
main{padding:40px 20px 60px;min-height:60vh}h1{color:var(--gd)}
.hero{background:linear-gradient(135deg,var(--g),var(--gd));color:#fff;padding:48px 32px;border-radius:12px;margin-bottom:32px}.hero h1{color:#fff;margin-top:0}
.btn{display:inline-block;background:var(--g);color:#fff;padding:12px 22px;border-radius:8px;text-decoration:none;border:0;font-weight:600;cursor:pointer}.hero .btn{background:#fff;color:var(--gd)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{background:#fff;padding:22px;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
form label{display:block;margin-bottom:12px;font-weight:500}form input:not([type=checkbox]){width:100%;padding:10px;border:1px solid #ccd;border-radius:6px;margin-top:4px}
.check{font-weight:400;font-size:.88rem}.muted{color:#667}
footer{background:var(--t);color:#cfd8d2;padding:24px 0;font-size:.9rem}footer a{color:#9fe0b6;margin-right:12px}
@media(max-width:640px){nav a{margin:0 12px 0 0}.hdr{gap:8px}.hero{padding:32px 20px}}