:root{font-family:"Segoe UI","Nirmala UI",Arial,sans-serif;color:#302d33;background:#f5f5f7}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}
.login-layout{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr)}
.login-scene{position:relative;isolation:isolate;min-height:100dvh;background:#20232d;color:#fff;overflow:hidden}
.login-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:61% center;z-index:0}
.login-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171923c9,#17192322);z-index:1}
.scene-content{position:absolute;z-index:2;left:clamp(28px,7%,78px);bottom:clamp(38px,9%,100px)}
.scene-content span{font-size:12px;font-weight:800;color:#ffc69f}.scene-content h1{font-size:44px;line-height:1.1;margin:9px 0}.scene-content p{font-size:17px;margin:0;color:#f4e7df}
.login-panel{display:flex;flex-direction:column;min-width:0;padding:34px clamp(28px,8%,96px) 24px;background:#fff}
.login-brand{display:flex;align-items:center;gap:12px}.login-mark{width:41px;height:41px;display:grid;place-items:center;border-radius:6px;background:#b72f3d;color:#fff;border-bottom:3px solid #d76322}.login-mark svg{width:23px;height:23px}
.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:13px}.login-brand small{color:#777178;font-size:11px;margin-top:3px}
.login-form-wrap{width:min(400px,100%);margin:auto}.login-eyebrow{font-size:11px;font-weight:800;color:#b72f3d}.login-form-wrap h2{font-size:30px;margin:8px 0 4px}.login-subtitle{color:#737077;font-size:13px;line-height:1.5;margin:0 0 24px}
.login-form-wrap form{display:flex;flex-direction:column}.login-form-wrap label{font-size:12px;font-weight:700;margin:0 0 7px}.login-form-wrap input{width:100%;height:44px;border:1px solid #d9d5d5;border-radius:5px;padding:0 12px;margin-bottom:18px;color:#302d33;background:#fff;outline:none}
.login-form-wrap input:focus{border-color:#d76322;box-shadow:0 0 0 3px #f9e3d3}.password-wrap{position:relative}.password-wrap input{padding-right:45px}.password-wrap button{position:absolute;right:5px;top:4px;width:36px;height:36px;display:grid;place-items:center;border:0;background:none;color:#777}.password-wrap button svg{width:17px;height:17px}
.submit-button{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:5px;background:#d76322;color:#fff;font-size:13px;font-weight:750}.submit-button:hover{background:#b7491c}.submit-button:disabled{opacity:.65;cursor:wait}.submit-button svg{width:17px;height:17px}
.login-message{min-height:20px;margin:15px 0 0;color:#a52d39;font-size:12px}.login-footer{font-size:11px;color:#89848a}
@media(max-width:760px){.login-layout{display:block}.login-scene{min-height:150px;height:150px}.login-scene:after{background:#18182070}.scene-content{left:22px;bottom:22px}.scene-content span{font-size:10px}.scene-content h1{font-size:25px;margin:4px 0}.scene-content p{font-size:12px}.login-panel{min-height:calc(100dvh - 150px);padding:23px 24px 18px}.login-form-wrap{margin:40px auto}.login-form-wrap h2{font-size:26px}}