*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f4f5f1;color:#172a3e;font-family:Arial,Helvetica,sans-serif;padding:35px}.login-shell{width:100%;max-width:1000px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e0e5df;border-radius:17px;overflow:hidden;box-shadow:0 20px 65px #15283a0b}.login-brand{background:#111e32;color:white;padding:48px;display:flex;flex-direction:column;align-items:flex-start;border-top:5px solid #b53043}.login-brand img{width:86px;margin-bottom:42px}.eyebrow{display:block;font-size:10px;letter-spacing:1.7px;font-weight:600;color:#8d9dad}.login-brand h1{font-size:45px;letter-spacing:-1.7px;line-height:1.1;margin:21px 0}.login-brand p{font-size:14px;line-height:1.8;color:#c0ccd7}.login-brand small{font-size:9px;letter-spacing:2px;color:#8d9dad;margin-top:55px}.login-card{padding:65px 46px 38px;display:flex;flex-direction:column;justify-content:center;min-width:0}.login-card h2{font-size:28px;line-height:1.25;letter-spacing:-.8px;margin:16px 0}.login-card p{font-size:13px;color:#71808e;line-height:1.8}.login-card strong{overflow-wrap:anywhere;color:#324d68}form{margin-top:21px}label{display:block;font-size:11px;font-weight:600;margin:0 0 20px}input{display:block;width:100%;padding:13px 12px;border:1px solid #d4dcd7;border-radius:7px;color:#23374d;font:14px Arial;margin-top:9px;min-width:0;background:#fff}input:focus{outline:2px solid #869fbb;outline-offset:2px}input[readonly]{background:#f6f7f4}button{display:block;width:100%;border:0;border-radius:7px;padding:15px 12px;background:#182b42;color:white;font-size:12px;font-weight:600;cursor:pointer;margin-top:26px}button:hover{background:#304b69}.hint{font-size:11px!important;line-height:1.8}.login-footer{border-top:1px solid #e4e8e1;padding-top:22px;margin-top:32px;font-size:8px;color:#7b8997;letter-spacing:1.2px}.error,.notice{padding:14px;border-radius:6px;font-size:12px;line-height:1.7;margin-top:15px}.error{background:#fff0f0;color:#a42c3c}.notice{background:#f3f5f0;color:#637262}@media(max-width:700px){body{padding:20px}.login-shell{max-width:440px;grid-template-columns:1fr}.login-brand{padding:28px}.login-brand img{width:57px;margin-bottom:23px}.login-brand h1{font-size:32px;line-height:1.1;margin:15px 0}.login-brand h1 br{display:none}.login-brand p{font-size:12px;margin:0}.login-brand small{display:none}.login-card{padding:29px}.login-card h2{font-size:25px}.login-footer{margin-top:22px}}
