*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#222650;color:#243451;display:grid;place-items:center;font:14px 'Open Sans',sans-serif}.login-wrap{width:400px;max-width:calc(100vw - 36px);padding:40px 0}.login-brand{text-align:center;color:white;font-size:52px;font-weight:800;font-style:italic;letter-spacing:-3px;margin-bottom:28px}form{background:#fff;border-radius:4px;padding:30px 32px;box-shadow:0 5px 25px #0c103a44}h1{font-size:20px;font-weight:400;margin:0 0 26px}label{display:grid;gap:8px;margin:18px 0;font-weight:600}input{border:1px solid #aeb6c5;border-radius:3px;padding:11px;font:inherit;width:100%;color:#183451}input:focus{outline:2px solid #4a91d7;outline-offset:1px}button{width:100%;padding:11px;border:1px solid #356da5;background:#408ace;color:white;border-radius:3px;font:600 15px 'Open Sans',sans-serif;cursor:pointer;margin-top:10px}button:hover{background:#3276b4}button:disabled{opacity:.6;cursor:wait}#login-error{color:#aa2a2a;line-height:1.6}.login-footer{color:#c1c7e1;text-align:center;font-size:12px;margin-top:26px}