:root{color:#3f3140;background:#fffaf6;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#fffaf6,#f7ebe8);min-height:100vh;margin:0}header{text-align:center;color:#fffaf6;background:linear-gradient(135deg,#8a6470,#b68a78);padding:3.5rem 1.5rem 5.5rem}hgroup{margin:0}h1{margin:0;font-size:clamp(2.25rem,9vw,4rem);font-weight:400}hgroup p{letter-spacing:.08em;text-transform:uppercase;margin:.5rem 0 0;font-size:1.1rem}section{background:#fffdfb;border:1px solid #eadbd4;border-radius:1.25rem;width:min(100% - 2rem,40rem);margin:-2.5rem auto 2rem;padding:clamp(1.5rem,5vw,2.5rem);box-shadow:0 .75rem 2rem #5a363d1f}section>p{margin:0 0 1.5rem;font-size:1.1rem;line-height:1.6}form{gap:1rem;display:grid}file-pond,input,textarea,button{width:100%}input,textarea{color:#3f3140;min-height:3.25rem;font:inherit;background:#fffaf6;border:1px solid #d8c2bb;border-radius:.65rem;padding:.8rem 1rem;font-size:1rem}textarea{resize:vertical;min-height:7rem}input:focus,textarea:focus{border-color:#8a6470;outline:3px solid #b68a7859}button{color:#fffaf6;min-height:3.25rem;font:inherit;cursor:pointer;background:#8a6470;border:0;border-radius:.65rem;font-size:1.05rem;font-weight:700}button:hover,button:focus-visible{background:#704e5c}@media (width<=30rem){header{padding:2.5rem 1rem 4.5rem}section{border-radius:1rem;width:min(100% - 1rem,40rem);margin-top:-2rem}}