*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:linear-gradient(115deg,#0c2039,#173b66);color:#10243d;font-family:Arial,Helvetica,sans-serif}.login-card{background:white;width:100%;max-width:390px;padding:30px;border-radius:7px;box-shadow:0 20px 55px #0003}.gade{display:grid;place-items:center;width:80px;height:45px;background:#0d213b;color:#fff;font-size:15px;font-weight:900;letter-spacing:.4px}h1{font-size:27px;margin:21px 0 7px;letter-spacing:-.5px}.subtitle{color:#617089;font-size:14px;margin:0 0 27px}label{display:block;font-size:13px;font-weight:700;margin:17px 0 7px}input{width:100%;height:44px;border:1px solid #ccd7e5;border-radius:4px;padding:10px;font:inherit;color:#10243d}input:focus{outline:2px solid #245ced;outline-offset:2px}.password-field{position:relative}.password-field input{padding-right:78px}.password-field button{position:absolute;right:5px;top:5px;height:34px;border:0;background:transparent;color:#214eaf;padding:0 8px;cursor:pointer}.enter{background:#245ced;border:0;color:white;border-radius:4px;min-height:43px;padding:10px 22px;font-size:14px;font-weight:700;cursor:pointer}.enter:hover{background:#1748ce}button:focus-visible{outline:3px solid #85a9ff;outline-offset:3px}.enter:disabled{opacity:.65;cursor:wait}#login-error{color:#b42318;font-size:13px;line-height:1.5;margin:13px 0;min-height:0}#login-error:empty{display:none}.enter{margin-top:16px}@media(max-width:420px){.login-card{padding:25px}h1{font-size:25px}}