:root{font-family:system-ui,sans-serif;color:#17232d;background:#f6f2e9}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px;box-sizing:border-box}main{width:min(100%,650px);background:white;padding:clamp(24px,5vw,48px);border-radius:22px;box-shadow:0 12px 50px #17232d1a}header{display:flex;justify-content:space-between;align-items:center}small{color:#9a4d20;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{font-size:clamp(34px,6vw,54px);line-height:1.06;margin:18px 0}h2{font-size:20px;margin-top:32px}p{line-height:1.55;color:#46525d}label{display:block;font-weight:650;margin:22px 0 8px}input,textarea{box-sizing:border-box;width:100%;font:inherit;padding:14px;border:1px solid #a4acb0;border-radius:10px}button{margin-top:18px;background:#174f45;color:white;border:0;border-radius:10px;padding:14px 20px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.6}.quiet{margin:0;background:transparent;color:#174f45;padding:8px}#result{margin-top:22px;padding:16px;border-radius:10px;background:#edf5f1;overflow-wrap:anywhere}#result:empty{display:none}li{margin:8px 0}