*{box-sizing:border-box}body{background:#fff;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:1.5rem;font-family:MS PGothic,Hiragino Sans,Meiryo,sans-serif;display:flex}.login{width:100%;max-width:400px;overflow:visible}.brand-mark{object-fit:contain;width:89.6%;height:auto;margin:0 0 2.5rem;display:block;position:relative;left:50%;transform:translate(-50%)}.login input[type=text],.login input[type=password]{border:1px solid #ddd;border-radius:6px;width:70%;margin-bottom:.75rem;margin-left:auto;margin-right:auto;padding:12px 14px;font-size:15px;display:block}.login input:focus{border-color:#4a8bb8;outline:none}.login-btn{color:#fff;cursor:pointer;background:#4a8bb8;border:none;border-radius:6px;width:70%;margin-top:.5rem;margin-left:auto;margin-right:auto;padding:14px 20px;font-size:15px;font-weight:600;transition:background .2s;display:block}.login-btn:hover{background:#3d7aa3}.login-btn:active{background:#356d92}.login-error{color:#b71c1c;background:#ffebee;border:1px solid #ef9a9a;border-radius:6px;width:70%;margin:0 auto .75rem;padding:8px 10px;font-size:13px;display:none}.login-error.show{display:block}.login-hint{color:#78909c;text-align:center;width:70%;margin:.75rem auto 0;font-size:12px;line-height:1.5}