:root { color:#10221a; background:#f0f4f2; font-family:Arial,sans-serif; }
* { box-sizing:border-box; }
body { display:grid; min-height:100svh; margin:0; place-items:center; padding:24px; }
main { width:min(100%,520px); padding:36px; border-radius:24px; background:#fff; box-shadow:0 18px 44px rgba(22,52,40,.12); }
p { margin:0 0 10px; color:#208362; font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
h1 { margin:0 0 26px; font-size:clamp(30px,7vw,44px); letter-spacing:-.045em; }
nav { display:grid; gap:10px; }
a { display:flex; align-items:center; justify-content:space-between; min-height:52px; padding:0 17px; border-radius:10px; background:#e6f3ed; color:inherit; font-size:16px; font-weight:700; text-decoration:none; }
a:hover { background:#d7ebe1; }
a span { color:#208362; font-size:21px; }