*{box-sizing:border-box}body{margin:0;padding:30px 16px;background:#f5f7f5;color:#1d3630;font:15px system-ui}main{max-width:660px;margin:auto;background:#fff;padding:28px;border:1px solid #dfe7d9;border-radius:14px}h1{margin-top:0}h2{font-size:18px;color:#0876b6;margin-top:28px}p{line-height:1.65}label{display:block;font-weight:600;margin:16px 0}input{display:block;width:100%;padding:12px;border:1px solid #ccd9c5;border-radius:6px;font:inherit;margin-top:8px}button,a{display:inline-block;background:#239b70;color:#fff;padding:14px 20px;border:0;border-radius:7px;text-decoration:none;font:inherit;font-weight:650}button:disabled{opacity:.5}.error{background:#fff0ec;padding:14px;color:#a63c32;border-radius:7px}.success{background:#edf8f1;padding:18px;border-radius:9px}