:root{font-family:Inter,system-ui,sans-serif;color:#183638;background:#f4f1e9}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}header{min-height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 max(1rem,calc((100% - 48rem)/2));background:#143735;color:#fff}.logo{font:700 1.3rem Georgia,serif}.page{max-width:48rem;margin:auto;padding:2rem 1rem 5rem}h1{font:700 clamp(2rem,9vw,3.6rem) Georgia,serif}.message{min-height:1.5rem;color:#8b2d24}.cards{display:grid;gap:1rem}.cards article,form,.success{background:#fff;border:1px solid #d9ddd7;border-radius:1rem;padding:1.2rem;box-shadow:0 8px 25px #18363812}.cards article{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center}.cards article div,form,label{display:grid;gap:.45rem}form{gap:1rem}input{min-height:2.8rem;padding:.6rem;border:1px solid #9aaba7;border-radius:.5rem}button{min-height:2.8rem;border:1px solid #aabbb7;border-radius:.7rem;padding:.65rem 1rem;background:#fff;color:#183638}.primary{background:#173f3d;color:#fff}button:focus-visible,input:focus-visible{outline:3px solid #d5a846;outline-offset:2px}button:disabled{opacity:.55}@media(max-width:520px){.cards article{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column;justify-content:center}}