:root{font:16px system-ui;color:#102d3e;background:#eef4f6}body{max-width:900px;margin:auto;padding:3rem 1rem}h1{font-size:clamp(2rem,7vw,4rem)}p{color:#526c7a}.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}a{display:block;padding:1.2rem;border-radius:14px;background:#fff;color:#075e67;text-decoration:none;font-weight:750;box-shadow:0 10px 30px #14384c18}a:hover,a:focus{outline:3px solid #7fc5bc}