*{box-sizing:border-box}body{margin:0;background:#eff4f8;color:#183047;font:15px 'Meiryo',sans-serif;display:grid;place-items:center;min-height:100vh}main{background:white;border:1px solid #d6e2eb;border-radius:12px;padding:40px;width:min(460px,94vw)}.brand{font-size:32px;font-weight:bold;color:#008a99}h1{font-size:24px}p{line-height:1.8;color:#5b7183}label{display:block;margin:20px 0}input{display:block;width:100%;font:inherit;padding:12px;border:1px solid #bdcdd8;border-radius:5px;margin-top:8px}button{width:100%;border:0;border-radius:5px;background:#008a99;color:white;padding:13px;font:inherit;cursor:pointer}button:disabled{opacity:.5}#message{color:#aa3344}input:focus,button:focus{outline:2px solid #006879;outline-offset:3px}