:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#192e4f}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;background:#e8f2ff url('/static/login-bg.png') center center/cover no-repeat}.page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(370px,.85fr);align-items:center;gap:3vw;padding:5vh 5.2vw}.branding{align-self:start;padding-top:11vh;position:relative;z-index:1}.branding h1{font-size:clamp(27px,2.75vw,52px);font-weight:850;line-height:1.4;letter-spacing:.3px;color:#103591;margin:0;text-shadow:0 2px 12px #ffffffbb;white-space:nowrap}.branding h1 span{color:#1875ec}.blue-line,.short-line{background:#257cff;width:55px;height:4px;border-radius:9px;margin-top:25px}.login-card{width:min(100%,480px);justify-self:center;padding:46px 48px 42px;background:rgba(255,255,255,.97);border:1px solid #ffffffd9;border-radius:24px;box-shadow:0 18px 70px #3c73c72b;z-index:2}.logo{width:240px;height:90px;max-width:240px;max-height:90px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex:none}.login-card .logo img{display:block;width:100% !important;height:100% !important;max-width:240px !important;max-height:90px !important;object-fit:contain;object-position:center;position:static !important;transform:none !important}.logo i,.logo b,.logo::before,.logo::after{display:none !important;content:none !important}.login-card h2{text-align:center;margin:5px 0 0;font-size:29px;font-weight:780;letter-spacing:2px}.short-line{width:44px;margin:15px auto 34px}.input-wrap{display:flex;align-items:center;gap:14px;width:100%;border:1px solid #d8e4f4;border-radius:10px;background:#f7faff;height:55px;margin:16px 0;color:#6682ab;padding:0 16px}.input-wrap:focus-within{border-color:#2a84f4;box-shadow:0 0 0 3px #2984f020}.input-wrap svg{width:22px;min-width:22px;height:22px}.input-wrap input{width:100%;border:0;outline:0;background:transparent;font-size:15px;color:#263b5a;min-width:0}.input-wrap input::placeholder{color:#99acca}.eye{background:none;border:0;color:#6586b8;white-space:nowrap;cursor:pointer}.remember{display:flex;gap:9px;align-items:center;color:#6d86aa;font-size:14px;margin:13px 0 4px;cursor:pointer}.remember input{accent-color:#287ffe;width:17px;height:17px}.submit{display:block;position:relative;height:55px;width:100%;margin-top:22px;border:none;border-radius:10px;background:linear-gradient(90deg,#2576f5,#348ff7);box-shadow:0 9px 20px #2b82f34f;color:#fff;font-size:18px;font-weight:700;cursor:pointer}.submit:hover{filter:brightness(1.06)}.submit span{position:absolute;right:20px;font-size:24px;top:11px;font-weight:300}.bottom-note{display:flex;align-items:center;gap:13px;color:#9aacca;justify-content:center;font-size:13px;white-space:nowrap;margin-top:47px}.bottom-note:before,.bottom-note:after{content:"";height:1px;width:22px;background:#b4c6df}.error{background:#fff0f0;color:#a12430;border:1px solid #ffd0d0;font-size:13px;padding:12px;border-radius:8px;margin:0 0 17px}@media(max-width:1050px){.branding h1{font-size:clamp(24px,3vw,38px)}.page{padding:25px;gap:20px}.login-card{padding:36px 29px}}@media(max-width:720px){body{background-position:40% center}.page{display:flex;flex-direction:column;justify-content:center;padding:25px 16px;gap:27px}.branding{align-self:center;padding:0;text-align:center}.branding h1{font-size:clamp(19px,5vw,30px);white-space:normal}.blue-line{margin:12px auto 0}.login-card{max-width:430px;padding:27px 24px}.bottom-note{margin-top:25px}}

/* Bottom copyright notice fixed visually below the page content */
body{display:flex;flex-direction:column;min-height:100vh}
.page{flex:1;min-height:calc(100vh - 49px)}
.site-footer{position:relative;z-index:3;width:100%;text-align:center;padding:12px 18px 17px;font-size:12px;line-height:20px;color:#6785b4;text-shadow:0 1px 5px #fff;background:transparent}
@media(max-width:720px){.site-footer{font-size:11px;padding:10px 12px 14px}.page{min-height:0}}