*{box-sizing:border-box}body{background:#f2f7f6;color:#183b42;font:15px 'Segoe UI',sans-serif;margin:0;padding:40px 16px}main{max-width:480px;margin:5vh auto;padding:36px;background:#fff;border:1px solid #dce8e4;border-radius:16px;box-shadow:0 16px 50px #143a3810}.brand{color:#087f73;font-size:22px;font-weight:700}h1{font-size:26px}label{display:block;margin:18px 0}input{display:block;width:100%;padding:12px;border:1px solid #c9dcd6;border-radius:6px;margin-top:6px;font:inherit}button,.button{display:block;background:#087f73;color:#fff;padding:12px 18px;border:0;border-radius:6px;font:inherit;text-align:center;text-decoration:none;cursor:pointer}p{line-height:1.6;color:#607873}code,pre{overflow-wrap:anywhere;white-space:pre-wrap;background:#edf5f2;padding:12px;display:block}.error{color:#a32f2f}a{color:#087f73}

.brand img{display:block;width:320px;max-width:100%;height:auto;margin:0 auto 28px}