*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#edf4f4;color:#122f35;font:16px system-ui,sans-serif;padding:20px}main{width:min(100%,540px);background:#fff;border:1px solid #d2e0df;border-radius:18px;padding:clamp(20px,6vw,38px);box-shadow:0 10px 35px #18353714}.brand{font-size:.8rem;font-weight:800;color:#086758;letter-spacing:.12em}h1{margin:.4em 0}p{line-height:1.5}fieldset{border:1px solid #cbdcdb;border-radius:10px;padding:12px 15px;margin:14px 0}label{display:block;margin:10px 0;font-weight:600}input:not([type=checkbox]){display:block;width:100%;margin-top:5px;padding:10px;border-radius:7px;border:1px solid #809b99;font:inherit}button{padding:11px 17px;background:#086758;border:0;border-radius:8px;color:white;font:inherit;font-weight:700;cursor:pointer}.error{background:#fff0ef;color:#8a261e;padding:10px;border-radius:6px}