.login-container{background:#f7f8fc;min-height:100vh;display:flex}.login-left{background:linear-gradient(160deg,#0f2557 0%,#1a3a8f 50%,#1677ff 100%);flex-direction:column;flex:1;justify-content:space-between;padding:60px;display:none;position:relative;overflow:hidden}@media (min-width:900px){.login-left{display:flex}}.login-left:before{content:"";background:#ffffff0a;border-radius:50%;width:420px;height:420px;position:absolute;top:-120px;right:-120px}.login-left:after{content:"";background:#ffffff0a;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-80px;left:-80px}.login-left .login-left-ring{border:1px solid #ffffff14;border-radius:50%;position:absolute}.login-left .login-left-ring.ring-1{width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%)}.login-left .login-left-ring.ring-2{width:700px;height:700px;top:50%;left:50%;transform:translate(-50%,-50%)}.login-left .login-left-ring.ring-3{width:900px;height:900px;top:50%;left:50%;transform:translate(-50%,-50%)}.login-left .login-brand{z-index:1;position:relative}.login-left .login-brand .brand-logo{align-items:center;gap:10px;margin-bottom:6px;display:flex}.login-left .login-brand .brand-logo .brand-icon{background:#ffffff26;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.login-left .login-brand .brand-logo .brand-name{color:#fff;letter-spacing:-.3px;font-size:20px;font-weight:700}.login-left .login-brand .brand-tagline{color:#ffffff80;letter-spacing:.2px;font-size:13px}.login-left .login-left-content{z-index:1;position:relative}.login-left .login-left-content h2{color:#fff;letter-spacing:-.5px;margin:0 0 16px;font-size:34px;font-weight:700;line-height:1.2}.login-left .login-left-content p{color:#fff9;max-width:340px;margin:0 0 40px;font-size:15px;line-height:1.7}.login-left .login-left-features{z-index:1;flex-direction:column;gap:16px;display:flex;position:relative}.login-left .login-left-features .feature-item{align-items:center;gap:14px;display:flex}.login-left .login-left-features .feature-item .feature-dot{background:#ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.login-left .login-left-features .feature-item .feature-text{color:#ffffffb3;font-size:13px;line-height:1.4}.login-right{flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;padding:40px 24px;display:flex}@media (min-width:900px){.login-right{flex:0 0 460px;padding:60px 48px}}.login-box{width:100%;max-width:380px}.login-box .login-header{margin-bottom:36px}.login-box .login-header .login-greeting{color:#1677ff;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px;font-size:11px;font-weight:600}.login-box .login-header .login-title{color:#0d1b3e;letter-spacing:-.4px;margin:0 0 8px;font-size:28px;font-weight:700;line-height:1.2}.login-box .login-header .login-subtitle{color:#8c9ab0;margin:0;font-size:14px;line-height:1.5}.login-form .ant-form-item{margin-bottom:20px}.login-form .ant-form-item-label>label{color:#4a5568;letter-spacing:.1px;font-size:13px;font-weight:600}.login-form .ant-input,.login-form .ant-input-password{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;height:46px;font-size:16px;transition:all .2s;box-shadow:0 1px 2px #0000000a}.login-form .ant-input:hover,.login-form .ant-input-password:hover{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff14}.login-form .ant-input:focus,.login-form .ant-input.ant-input-focused,.login-form .ant-input-password:focus,.login-form .ant-input-password.ant-input-focused{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.login-form .ant-input-affix-wrapper{border:1.5px solid #e2e8f0;border-radius:10px;height:46px;padding:0 14px;transition:all .2s;box-shadow:0 1px 2px #0000000a}.login-form .ant-input-affix-wrapper:hover{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff14}.login-form .ant-input-affix-wrapper:focus-within{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.login-form .ant-input-affix-wrapper input{height:100%;font-size:16px}@media (min-width:900px){.login-form .ant-input-affix-wrapper input{font-size:14px}}.login-form .login-submit-btn{letter-spacing:.2px;background:linear-gradient(135deg,#1677ff 0%,#0958d9 100%);border:none;border-radius:12px;width:100%;height:48px;margin-top:8px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 16px #1677ff4d}.login-form .login-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1677ff66}.login-form .login-submit-btn:active{transform:translateY(0)}.login-error{color:#cf1322;background:#fff1f0;border:1px solid #ffccc7;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 14px;font-size:13px;display:flex}.login-footer{text-align:center;margin-top:32px}.login-footer .login-footer-text{color:#b0bac9;font-size:12px;line-height:1.6}.login-footer .login-footer-links{justify-content:center;gap:16px;margin-top:8px;display:flex}.login-footer .login-footer-links a{color:#8c9ab0;font-size:12px;text-decoration:none;transition:color .15s}.login-footer .login-footer-links a:hover{color:#1677ff}.login-mobile-brand{align-items:center;gap:8px;margin-bottom:32px;display:flex}.login-mobile-brand .brand-icon-sm{color:#fff;background:#1677ff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.login-mobile-brand .brand-name-sm{color:#0d1b3e;font-size:18px;font-weight:700}@media (min-width:900px){.login-mobile-brand{display:none}}
