.login-proposal{background:#f5f6fa}
.login-proposal .login-shell{max-width:1120px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:48px;align-items:center;min-height:100svh;padding:24px 32px;border:0}
.login-story{position:relative;align-self:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-radius:28px;background:#17243b;color:white;padding:40px 36px;min-height:560px}
.story-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#bccbff}
.login-story h2{font-size:44px;line-height:1.15;letter-spacing:-1.5px;color:white;margin:24px 0 18px;position:relative;z-index:1}
.login-story p{font-size:17px;line-height:1.6;color:#dce2ef;max-width:320px;position:relative;z-index:1}
.story-line{width:48px;height:3px;background:#d94f87;margin:16px 0}
.login-story .story-detail{font-size:14px;line-height:2}
.story-mark{position:absolute;bottom:-105px;right:-40px;font-size:300px;font-weight:800;line-height:1;color:#26395a;pointer-events:none}
.login-proposal .login-content{min-width:0}
.login-proposal .login-card{border:0;padding:0;box-shadow:none;background:transparent}
.login-proposal .login-brand{margin:0 0 20px}
.login-proposal .login-brand .brand-logo{width:240px;max-width:100%;height:auto}
.login-proposal .login-card h1,.login-proposal .login-card h2{font-size:27px;margin:0 0 8px}
.login-proposal .login-intro{font-size:14px;margin:0 0 20px}
.login-proposal .login-card label{font-size:11px;letter-spacing:.7px;margin:16px 0 7px}
.login-proposal .login-card input{background:#fff;min-height:48px;padding-top:10px;padding-bottom:10px;border-radius:12px}
.login-proposal .login-field svg{top:13px}
.login-proposal .captcha-container{margin-top:16px}
.login-proposal .captcha-status{margin-top:8px}
.login-proposal .login-card button{min-height:48px;margin:16px 0 0;border-radius:14px;font-size:16px}
.login-proposal .login-help{margin-top:12px;font-size:13px}
.login-proposal .login-footer{padding:12px 0 0;font-size:11px}
.login-proposal .login-footer p{margin:5px 0}
.login-proposal .login-footer .powered-by{margin:12px 0 0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;font-size:9px}
.login-proposal .login-footer .powered-by img{width:52px;height:auto;max-height:30px;object-fit:contain}
@media(min-width:641px) and (max-width:1000px){.login-proposal .login-shell{padding:20px;gap:28px}.login-story{padding:28px 24px;border-radius:24px}.login-story h2{font-size:34px}.login-story p{font-size:15px}.login-story .story-detail{font-size:13px}.story-mark{font-size:250px;bottom:-90px}}
@media(max-height:700px) and (min-width:641px){.login-proposal .login-shell{padding-top:16px;padding-bottom:16px}.login-proposal .login-brand{margin-bottom:12px}.login-proposal .login-brand .brand-logo{width:210px}.login-proposal .login-intro{margin-bottom:12px}.login-proposal .login-footer{padding-top:8px}}
@media(max-width:640px){.login-proposal .login-shell{grid-template-columns:minmax(0,1fr);max-width:480px;gap:20px;padding:16px;align-items:start;align-content:center}.login-story{min-height:0;padding:18px 22px;border-radius:18px;display:block}.story-label{font-size:9px;letter-spacing:1.5px}.login-story h2{font-size:25px;line-height:1.2;margin:8px 0;letter-spacing:-.7px}.login-story h2 br{display:none}.login-story p{font-size:12px;line-height:1.5;margin:0;max-width:none}.story-line,.login-story .story-detail,.story-mark{display:none}.login-proposal .login-brand{margin-bottom:14px}.login-proposal .login-brand .brand-logo{width:210px}.login-proposal .login-card h1,.login-proposal .login-card h2{font-size:24px}.login-proposal .login-intro{margin-bottom:16px}.login-proposal .login-footer{padding-top:8px}.login-proposal .login-footer .powered-by{margin-top:8px}}
@media(max-width:350px){.login-proposal .login-shell{padding:10px;gap:16px}.login-story{padding:14px 18px}.login-story h2{font-size:23px}}