*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f4f8f7;font:14px Arial,sans-serif;color:#263b36;padding:24px}.card{width:100%;max-width:560px;background:white;border:1px solid #dce7e2;border-radius:16px;padding:38px;box-shadow:0 20px 70px #25483a0a}.brand{font-size:34px;font-weight:bold;letter-spacing:-2px}.brand span{color:#159780}h1{font-size:24px;margin-top:25px}p{color:#74867e;line-height:1.7}label{display:block;font-size:13px;margin:18px 0}input{display:block;margin-top:8px;width:100%;padding:12px;border:1px solid #d6e2dc;border-radius:7px;font:inherit}input:focus{outline:2px solid #168c74}button,.button{display:block;width:100%;border:0;border-radius:7px;background:#087d70;color:white;padding:13px;font:inherit;text-align:center;text-decoration:none;cursor:pointer}.error{background:#fff0eb;color:#a64d32;padding:14px;border-radius:7px;line-height:1.7}.ok{background:#edf9f3;color:#246e51;padding:14px;border-radius:7px;line-height:1.8}small{display:block;color:#8c9d94;margin-top:22px;line-height:1.8}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid label{margin:0}.check{background:#f3f7f5;padding:15px;line-height:1.8;border-radius:7px}.check span{display:block}.bad{color:#a64d32}code{overflow-wrap:anywhere}a{color:#087d70}@media(max-width:550px){.card{padding:24px}.grid{display:block}}