*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f2f3f5;color:#181818;font-family:Arial,Helvetica,sans-serif}main{width:min(100% - 32px,390px);padding:40px;background:#fff;border:1px solid #d8d8d8;border-radius:10px;box-shadow:0 8px 30px #00000012}img{display:block;width:184px;height:auto;margin:0 auto 25px}h1{font-size:21px;margin:0 0 8px}p{margin:0 0 25px;color:#626262;font-size:14px}label{display:block;font-size:13px;font-weight:700;margin:16px 0 7px}input{width:100%;border:1px solid #aaa;border-radius:5px;padding:11px;font-size:15px}input:focus{outline:2px solid #333;outline-offset:1px}button{width:100%;border:0;border-radius:5px;background:#111;color:#fff;padding:12px;margin-top:24px;font-size:15px;font-weight:700;cursor:pointer}.password-field{position:relative}.password-field input{padding-right:70px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:auto;margin:0;padding:5px 8px;background:#eee;color:#222;font-size:12px}.error{padding:10px;border-radius:5px;background:#fff0f0;color:#9c1c1c}