*{box-sizing:border-box}body{margin:0;background:#fcfbf5;color:#20372c;font:17px/1.65 system-ui,Segoe UI,Arial,sans-serif}a{color:#14623c}header{background:#153f2d;color:#fff}header a{color:#fff;text-decoration:none}.wrap{max-width:1180px;width:95%;margin:auto;padding:20px}nav{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.brand{font-size:1.4rem;font-weight:900;margin-right:auto}.hero{background:linear-gradient(110deg,#153c2b,#27734b);color:#fff;border-radius:15px;margin:20px 0;padding:34px}.hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}.panel{background:white;border:1px solid #d7e3d8;padding:23px;border-radius:12px;margin:19px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.card{display:block;text-decoration:none;border:1px solid #dbe6d9;background:#f8fcf7;border-radius:9px;padding:13px}.card strong,.card span{display:block}.card span{font-size:.85rem;color:#526b5a}.card:hover{border-color:#dcae43;background:#fffae8}h2{color:#174c33}li{margin:7px 0}.note{border-left:4px solid #e4b83b;background:#fff7d9;padding:13px}footer{background:#153f2d;color:white;margin-top:50px;padding:25px 0}footer a{color:#ffe7a1}label{font-weight:700;display:block;margin-top:12px}input{font:inherit;padding:9px;border:1px solid #a4b7ab;border-radius:6px;width:100%}button{background:#f3c449;color:#193a28;font-weight:bold;border:0;border-radius:8px;padding:11px 18px;cursor:pointer}.result{font-size:1.55rem;font-weight:850}small{font-size:.85rem}