:root{font-family:system-ui,sans-serif;color:#163b2d;background:#edf5ef}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;box-sizing:border-box}main{background:white;border:1px solid #dce9df;border-radius:20px;padding:clamp(28px,6vw,48px);width:min(100%,400px);box-sizing:border-box;box-shadow:0 15px 50px #173e2014}.brand{font-size:.8rem;letter-spacing:.15em;font-weight:800;color:#358256}h1{font-size:2rem;line-height:1.15}p{color:#567064}form{display:grid;gap:10px;margin-top:30px}label{font-weight:650}input,button{font:inherit;padding:13px;border-radius:9px}input{border:1px solid #adc8b5}button{background:#237a4e;color:white;border:0;cursor:pointer;font-weight:700}button:focus-visible,input:focus-visible{outline:3px solid #83c99e;outline-offset:2px}#error{color:#a52525;min-height:1.5em;margin:0}