:root{font-family:system-ui,sans-serif;color:#172d2c;background:#f4f2ec;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:64px 28px}header{margin-bottom:52px}h1{font-size:clamp(42px,7vw,76px);line-height:1.05;letter-spacing:-.055em;margin:18px 0 24px}h2{font-size:28px;letter-spacing:-.025em;margin:10px 0}p{max-width:520px;line-height:1.6;color:#52615c}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:#19745b}section{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:34px;background:#fffdf8;border:1px solid #d7ded6;border-radius:18px;margin:22px 0}form{display:grid;gap:10px}label{font-size:14px;font-weight:650}input,select,button{font:inherit;padding:13px;border:1px solid #aabcb3;border-radius:8px;background:#fff}button{margin-top:8px;background:#176d54;color:#fff;border-color:#176d54;cursor:pointer;font-weight:650}button:hover{background:#12543f}output{padding-top:14px;font-size:20px;min-height:50px}nav{display:grid;gap:8px}a{display:flex;justify-content:space-between;gap:12px;color:#173c32;padding:15px;border:1px solid #d7ded6;border-radius:8px;text-decoration:none;font-weight:650}a:hover{background:#edf5ef}a span{font-size:13px;color:#52615c;font-weight:400}footer{font-size:13px;color:#52615c;margin:32px 0;max-width:670px;line-height:1.6}:focus-visible{outline:3px solid #a66026;outline-offset:3px}@media(max-width:650px){main{padding:34px 18px}section{grid-template-columns:1fr;padding:24px;gap:20px}a{flex-wrap:wrap}}