*{box-sizing:border-box}body{margin:0;background:#f6f8f5;color:#172d31;font:15px Arial,Helvetica,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:450px;background:white;border:1px solid #e2e8e3;border-radius:16px;padding:40px;box-shadow:0 12px 40px #172d3108}.brand{font-size:29px;font-weight:700;letter-spacing:-1px}.brand span{font-weight:400;color:#758381}.badge{font-size:10px;letter-spacing:1.3px;color:#168276;margin:14px 0 32px}h1{font-size:25px;letter-spacing:-.7px}p{font-size:14px;color:#758381;line-height:1.6}label{display:block;font-size:12px;font-weight:600;margin:20px 0 8px}input{font:inherit;width:100%;padding:12px;border:1px solid #dce4de;border-radius:6px}input:focus{outline:2px solid #168276;outline-offset:2px}button{border:0;border-radius:6px;padding:13px;width:100%;font:600 14px Arial;color:white;background:#168276;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#error{color:#b64e4d;font-size:13px;min-height:20px}footer{font-size:10px;color:#91a095;text-align:center;margin-top:30px;line-height:1.6}@media(max-width:480px){main{padding:26px}}