:root{font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;color:#15233b;background:#f4f7fc;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a,button,input{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #59a6ff}.login-layout{display:grid;grid-template-columns:minmax(440px,1.2fr) minmax(400px,1fr);min-height:100vh;min-height:100dvh}.brand-panel{background:#092c6b;color:white;padding:52px 62px 32px;display:flex;flex-direction:column;position:relative;overflow:hidden}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:33px;font-weight:750;line-height:1;letter-spacing:-1.2px;align-self:flex-start}.brand-mark{height:43px;width:43px;color:#f2c744}.brand-city{display:block;font-size:24px;letter-spacing:-.6px;margin-top:5px}.brand-message{margin-top:auto;padding-top:95px;position:relative;z-index:1}.brand-message h1{font-size:clamp(43px,4.3vw,65px);font-weight:700;line-height:1.08;letter-spacing:-2.4px;margin:0 0 25px}.brand-message p{color:#acc6ec;font-size:14px;line-height:1.85;margin:0}.city-horizon{max-width:580px;width:calc(100% + 20px);margin:58px -10px 25px}.city-horizon svg{width:100%;display:block}.brand-footer{display:flex;justify-content:space-between;gap:18px;padding-top:20px;border-top:1px solid #ffffff21;color:#bfd1ee;font-size:10px;line-height:1.6}.brand-footer span{color:#88a8d6}.form-panel{padding:58px 54px 32px;display:flex;flex-direction:column;align-items:center;background:#f4f7fc}.login-form-wrap{width:100%;max-width:355px;margin:auto 0;padding:50px 0 60px}.access-symbol{color:#4773ac;background:#e8eff9;border:1px solid #d9e3f2;border-radius:13px;display:grid;place-items:center;width:51px;height:51px;margin-bottom:28px}.login-form-wrap h2{font-size:36px;line-height:1.14;letter-spacing:-1.25px;margin:0 0 12px;font-weight:730}.login-description{font-size:12px;color:#718199;line-height:1.75;margin:0 0 32px}#login-form label{display:block;font-size:11px;font-weight:600;color:#526780;margin-bottom:8px}#login-form input{width:100%;border:1px solid #d7e1ef;border-radius:8px;background:white;height:46px;padding:12px 14px;font-size:13px;color:#233856;margin-bottom:23px}#login-form input:focus{border-color:#4778bb}#login-form button{width:100%;background:#f2c744;border:1px solid #e6bc3b;color:#092c6b;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:46px;padding:12px 16px;font-size:12px;font-weight:700;cursor:pointer;margin-top:3px}#login-form button:hover{background:#f5cf59}#login-form button:disabled{opacity:.65;cursor:wait}.login-error{color:#a34648;background:#fff0ee;border:1px solid #f0d2ce;border-radius:7px;padding:12px 13px;font-size:11px;line-height:1.7;margin:-4px 0 18px}.access-note{display:flex;align-items:center;gap:7px;color:#8a98ac;font-size:10px;line-height:1.7;margin:18px 0 0}.access-dot{width:5px;height:5px;border-radius:50%;background:#70989f;flex-shrink:0}.login-footer{max-width:355px;width:100%;border-top:1px solid #dfe7f2;padding-top:19px;font-size:10px;color:#74839a;line-height:1.6;display:flex;justify-content:space-between;gap:15px}.login-footer span{color:#94a0b1}[hidden]{display:none!important}
@media(min-width:1600px){.brand-panel{padding:65px 85px 40px}.brand-message h1{font-size:76px}.brand-message p{font-size:16px}.city-horizon{margin-top:65px}.login-form-wrap{max-width:380px}.login-form-wrap h2{font-size:40px}.login-footer{max-width:380px}}
@media(max-width:1000px){.login-layout{grid-template-columns:1fr 1fr}.brand-panel{padding:40px 37px 29px}.form-panel{padding:40px 32px 29px}.brand-message h1{font-size:45px;letter-spacing:-1.8px}.brand-message p{font-size:12px}.brand-footer{display:block}.brand-footer span{display:block;margin-top:5px}.login-form-wrap h2{font-size:32px}.login-footer{font-size:9px;gap:10px}.city-horizon{margin-top:50px}}
@media(max-width:740px){.login-layout{display:block;min-height:100dvh}.brand-panel{padding:23px 24px 26px;min-height:170px}.brand{font-size:26px;gap:8px}.brand-city{font-size:18px;display:inline;margin:0 0 0 5px}.brand-mark{width:32px;height:32px}.brand-message{padding-top:24px;margin:0}.brand-message h1{font-size:24px;line-height:1.3;letter-spacing:-.65px;margin:0}.brand-message h1 br{display:none}.brand-message p,.brand-footer{display:none}.city-horizon{position:absolute;width:165px;right:22px;bottom:9px;margin:0;opacity:.42;pointer-events:none}.form-panel{padding:35px 25px 27px;min-height:calc(100dvh - 170px)}.login-form-wrap{padding:0 0 40px;max-width:390px;margin:0 auto auto}.access-symbol{height:42px;width:42px;border-radius:11px;margin-bottom:21px}.login-form-wrap h2{font-size:30px;letter-spacing:-1px}.login-description{font-size:11px;margin-bottom:27px}#login-form input{height:45px;font-size:16px;margin-bottom:22px}#login-form button{min-height:45px}.login-footer{max-width:390px;font-size:9px}.access-note{font-size:9px}}
@media(max-width:360px){.brand-panel{padding-left:20px;padding-right:20px}.brand-message h1{font-size:21px}.form-panel{padding-left:20px;padding-right:20px}.login-form-wrap h2{font-size:28px}.login-footer span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important}}