*{box-sizing:border-box}body{margin:0;background:#f5f0e4;color:#251e17;font:17px 'Malgun Gothic',sans-serif}main{max-width:960px;margin:auto;padding:55px 24px}header{display:flex;align-items:center;gap:28px;padding-bottom:34px;border-bottom:1px solid #b9a27c}.mark{width:108px;height:108px;border:1px solid #ad9369;border-radius:50%;display:grid;place-items:center;font:31px serif}small{letter-spacing:6px;color:#806341}h1{font:46px serif;margin:12px 0}section{background:#fffdf8;border:1px solid #d8cbb6;border-radius:6px;padding:40px;margin-top:34px;box-shadow:0 12px 30px #6e573012}section>p{line-height:1.9}.date{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px;align-items:center;gap:8px}.date i{text-align:center;font-style:normal}input,select{width:100%;padding:17px;border:1px solid #cdbda4;border-radius:5px;background:#fff;font-size:18px}.radio{display:flex;gap:30px;margin:18px 0}.radio label{display:flex;gap:7px;align-items:center}.radio input{width:auto}button{width:100%;padding:18px;margin-top:30px;border:0;border-radius:4px;background:#433728;color:#fff;font-size:20px;font-weight:700}#out{margin-top:28px;padding:24px;background:#f5f0e6;border-left:4px solid #9a7b4e}.note,footer{color:#806b54}footer{text-align:center;margin:32px}@media(max-width:650px){main{padding:30px 16px}.mark{width:78px;height:78px}h1{font-size:32px}section{padding:25px 20px}.date{grid-template-columns:1fr 25px}}