*{box-sizing:border-box}body{margin:0;font:15px Arial,sans-serif;background:#edf1f3;color:#355369}header{background:#0076bb;color:white;padding:20px 28px;font-size:24px;font-weight:bold}header span{font-size:14px;font-weight:normal;margin-left:20px}main{display:grid;place-items:center;min-height:calc(100vh - 70px);padding:24px}section{width:100%;max-width:440px;background:white;padding:32px;border:1px solid #dce5eb;border-radius:5px}h1{font-size:25px;margin:0 0 14px}p{line-height:1.5}label{display:block;margin-top:18px;font-weight:bold}input{width:100%;padding:12px;margin-top:7px;border:1px solid #c7d2d9;border-radius:3px;font:inherit}button{cursor:pointer;border:0;border-radius:3px;padding:12px;font:inherit}#submit-login{display:block;width:100%;background:#648f48;color:white;margin-top:14px}#submit-login:disabled{opacity:.6}#show-password{padding:8px 0;background:none;color:#24658a;font-size:13px}#login-message{color:#b63535;min-height:24px}small{color:#687c89}