:root{font-family:system-ui,sans-serif;color:#19362f;background:#f4f5ef;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:780px;margin:auto;padding:36px 24px 60px}nav{display:flex;justify-content:space-between;gap:24px;margin-bottom:70px}a{color:#245f4d}.eyebrow{font-size:12px;letter-spacing:.14em;color:#52675b;font-weight:700}h1{font-size:clamp(38px,7vw,64px);line-height:1.05;letter-spacing:-.05em;margin:22px 0}.intro{font-size:19px;line-height:1.6;max-width:600px}form{background:#fff;border:1px solid #d8ded3;border-radius:20px;padding:30px;margin-top:32px}label{display:block;font-weight:650;margin-top:28px}label:first-child{margin-top:0}label span{display:block;font-weight:400;font-size:13px;color:#5b6c61;margin:6px 0 12px}input{width:100%;padding:12px;border:1px solid #c4cfc4;border-radius:8px;font:inherit;font-size:14px}.hint,footer{font-size:13px;line-height:1.6;color:#526057}button{margin-top:24px;width:100%;border:0;border-radius:9px;background:#205640;color:#fff;padding:17px;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.6}output{display:block;margin-top:20px;line-height:1.6}output[data-state]{padding:18px;border-radius:9px}output[data-state=ok]{background:#eaf4e9}output[data-state=error]{background:#fff0e5;color:#7b3015}footer{margin-top:28px}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #997820;outline-offset:4px}@media(max-width:500px){form{padding:20px}nav{margin-bottom:44px}}