:root{color:#263c37;background:#f8f5ef;font:16px/1.55 system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0}
main{width:min(100% - 2rem,33rem);margin:clamp(2rem,9vh,6rem) auto 2rem}
.brand,.eyebrow{font-weight:750;letter-spacing:.11em;text-transform:uppercase;color:#254c40}
.brand{font-size:.85rem;margin:0 0 1.5rem}
.brand span{display:block;font-weight:550}
.panel{background:#fffefa;border:1px solid #deddd3;border-radius:1rem;padding:clamp(1.25rem,5vw,2.5rem);box-shadow:0 .5rem 2rem #263c3710}
.eyebrow{font-size:.75rem;margin:0 0 .5rem}
h1{font:400 clamp(1.9rem,6vw,2.6rem)/1.15 Georgia,serif;margin:.25rem 0 1rem}
form{margin:1.5rem 0 0}
label{display:block;font-weight:650;margin-bottom:.4rem}
input,button{font:inherit;min-height:2.75rem;border-radius:.55rem}
input{display:block;width:100%;border:1px solid #68736d;background:#fff;color:inherit;padding:.55rem .75rem}
button{border:1px solid #254c40;background:#254c40;color:#fffefa;padding:.5rem .85rem;margin:.75rem .25rem 0 0;cursor:pointer;font-weight:650}
button.secondary{background:#fffefa;color:#254c40}
button:disabled{cursor:wait;opacity:.65}
:focus-visible{outline:3px solid #8d4c32;outline-offset:3px}
[hidden]{display:none!important}
@media(max-width:28rem){button{width:100%;margin-right:0}}