*{box-sizing:border-box}body{margin:0;background:#fcfbf4;color:#283a2b;font:16px/1.65 system-ui,Arial,sans-serif}a{color:#176139}header,footer{background:#153f2e;color:white}header a,footer a{color:white}nav{display:flex;gap:17px;flex-wrap:wrap;align-items:center}nav a{text-decoration:none}.brand{font-size:1.35rem;font-weight:800;margin-right:auto}.wrap{max-width:1180px;width:95%;margin:auto;padding:20px}.hero{padding:30px;background:linear-gradient(110deg,#153f2e,#28794c);color:white;border-radius:14px}.hero h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.2}.panel{padding:22px;background:white;border:1px solid #dce7db;border-radius:12px;margin:20px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.card{padding:13px;border:1px solid #dce5d9;border-radius:9px;background:#f8fbf6;text-decoration:none;display:block}.card strong,.card small{display:block}.card small{color:#58705c}.card:hover{background:#fff6ce}h2{color:#205638}.note{background:#fff7d8;border-left:4px solid #f0c250;padding:13px}label{font-weight:700;display:block;margin-top:8px}input,select{width:100%;padding:10px;border:1px solid #a9bbab;border-radius:7px;font:inherit}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}button{background:#efc34b;border:0;padding:10px 18px;border-radius:8px;font:inherit;font-weight:700;cursor:pointer}footer{margin-top:38px}li{margin-bottom:6px} .result{font-weight:bold;font-size:1.35rem}