*{box-sizing:border-box}body{margin:0;background:#fcfbf4;color:#26362b;font:16px/1.65 system-ui,Arial,sans-serif}a{color:#176139}a:hover{text-decoration:underline}header,footer{background:#153f2e;color:white}header a,footer a{color:#fff}nav{display:flex;flex-wrap:wrap;gap:18px;align-items:center}nav a{text-decoration:none}.brand{font-size:1.35rem;font-weight:850;margin-right:auto}.wrap{width:95%;max-width:1180px;margin:auto;padding:20px}.hero{background:linear-gradient(105deg,#153f2e,#307a4c);color:white;padding:32px;border-radius:14px}.hero h1{line-height:1.15;font-size:clamp(1.8rem,4vw,3.2rem)}.panel{background:white;border:1px solid #d9e5db;border-radius:12px;padding:22px;margin:20px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}.card{display:block;border:1px solid #dce8dd;padding:12px;border-radius:9px;text-decoration:none;background:#f9fbf6}.card strong,.card small{display:block}.card small{color:#57715c}.card:hover{background:#fff7d6;border-color:#d3aa34}h2{color:#205538}.note{background:#fff7d9;padding:14px;border-left:4px solid #e8b83f}input{width:100%;font:inherit;padding:9px;border:1px solid #b0bdb1;border-radius:6px}label{display:block;font-weight:700}button{background:#f2c44c;border:0;border-radius:7px;font:inherit;font-weight:700;padding:11px 18px;cursor:pointer}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:15px}.result{font-size:1.55rem;font-weight:800}li{margin-bottom:7px}footer{margin-top:42px}