*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;color:#19392b;background:#f5f8f3}header{background:#123c2c;color:white;padding:22px max(20px,calc((100% - 1050px)/2))}header a{color:white;text-decoration:none}header p{margin:2px 0;color:#d6e9dd}nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}main{max-width:1050px;margin:auto;padding:30px 18px;min-height:60vh}h1,h2,h3{line-height:1.3}h1{font-size:1.9rem}a{color:#116340}nav a{font-weight:650}header nav a{color:#e7f5eb}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card,.panel{background:white;border:1px solid #dfe8df;border-radius:16px;padding:24px;box-shadow:0 6px 22px #123c2c0b}.card h2{font-size:1.25rem}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}label{display:block;font-weight:650;margin-bottom:6px}input,select{width:100%;font:inherit;border:1px solid #a9bcae;border-radius:8px;padding:10px}input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #7cce9c;outline-offset:2px}.result{margin-top:20px;padding:18px;border-radius:12px;background:#e8f5ea}.result strong{font-size:1.5rem}.hint{color:#50685a;font-size:.94rem}.article{max-width:760px;margin-top:30px}.article p{margin:10px 0 18px}footer{padding:25px 18px;text-align:center;background:#e9f1e9}footer a{margin:0 8px}small{color:#4b6555}@media(max-width:500px){.card,.panel{padding:17px}}