*{box-sizing:border-box}body{margin:0;background:#ddd3ec;color:#392a48;font:17px/1.55 "Trebuchet MS",sans-serif;min-height:100svh;display:grid;place-items:center;padding:28px}.envelope{width:min(650px,100%);padding:55px 45px 38px;background:#fffaf0;position:relative;box-shadow:3px 6px 0 #b49ac54d,0 20px 45px #49345420;border:1px solid #d3c5b7;border-radius:3px;transform:rotate(-1deg)}.stamp{position:absolute;right:30px;top:28px;border:2px dashed #ae4267;padding:10px 15px;color:#ae4267;transform:rotate(7deg);font-size:21px}.to{margin:0 0 28px;font-size:16px;color:#6d5c77}h1{font-size:clamp(32px,6vw,49px);line-height:1.12;letter-spacing:-.04em;margin:0 0 23px}.opening{max-width:34ch;margin:0 0 29px;color:#6d5c77}label{display:block;font-size:14px;margin-bottom:8px}.input-row{display:flex;gap:10px}input{width:100%;min-width:0;font:inherit;border:1px solid #a496ad;border-radius:3px;background:#fffdf9;padding:13px;color:#392a48}button{font:inherit;border:1px solid #667653;border-radius:3px;background:#d9e8ae;color:#34422a;padding:13px 19px;cursor:pointer;white-space:nowrap;box-shadow:2px 2px 0 #b1c18b}input:focus-visible,button:focus-visible{outline:3px solid #ae4267;outline-offset:4px}#feedback{font-size:14px;margin:12px 0 0;min-height:24px;color:#9c224d}@media(max-width:480px){body{padding:20px}.envelope{padding:45px 25px 30px;transform:none}.stamp{top:20px;right:20px;padding:8px 11px;font-size:18px}.to{max-width:16ch;font-size:14px;margin-bottom:28px}.input-row{flex-direction:column}button{width:100%}}