*{box-sizing:border-box}.login-page{margin:0;background:#f4f7fc;color:#12213f}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(480px,46%) 1fr}.login-brand-panel{background:radial-gradient(circle at 70% 20%,#245fc5,#0b285d 52%,#071a3d);color:white;padding:42px clamp(45px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(120deg,transparent,#000)}.login-glow{position:absolute;border:1px solid #8bb7ff24;border-radius:50%}.login-glow.one{width:520px;height:520px;right:-240px;top:8%;box-shadow:0 0 0 70px #ffffff07,0 0 0 140px #ffffff04}.login-glow.two{width:180px;height:180px;left:-90px;bottom:4%;box-shadow:0 0 60px #4489ff2c}.panel-top,.brand-message,.network-card{position:relative;z-index:1}.panel-top{display:flex;align-items:center;justify-content:space-between}.login-brand{color:white}.login-brand .brand-mark{border:1px solid #ffffff22}.system-status{display:flex;align-items:center;gap:7px;color:#a7bde2;font:500 8px "Plus Jakarta Sans";letter-spacing:.06em}.system-status i{width:6px;height:6px;background:#5bd89e;border-radius:50%;box-shadow:0 0 0 4px #5bd89e1b}.brand-message{max-width:570px;margin:45px 0}.brand-message>span{color:#7eafff;font:600 9px "Plus Jakarta Sans";letter-spacing:.18em}.brand-message h1{font-size:clamp(40px,4vw,58px);line-height:1.22;letter-spacing:-.045em;margin:19px 0}.brand-message p{color:#afc2e1;font-size:14px}.feature-pills{display:flex;gap:8px;margin-top:25px}.feature-pills span{border:1px solid #ffffff1d;background:#ffffff0b;border-radius:20px;padding:6px 11px;color:#aac1e7;font:500 8px "Plus Jakarta Sans"}.network-card{max-width:570px;background:#ffffff0b;border:1px solid #ffffff19;border-radius:15px;padding:20px;backdrop-filter:blur(10px)}.network-card-head{display:flex;justify-content:space-between;color:#a9bddd;font:500 9px "Plus Jakarta Sans"}.network-card-head b{color:#5bd79e;font-size:7px;letter-spacing:.12em}.login-trust{display:grid;grid-template-columns:repeat(3,1fr);padding:19px 0 15px}.login-trust div+div{border-left:1px solid #ffffff17;padding-left:18px}.login-trust b,.login-trust small{display:block}.login-trust b{font:600 19px "Plus Jakarta Sans"}.login-trust small{font-size:8px;color:#839bc0}.network-route{height:14px;display:flex;align-items:center}.network-route span{height:1px;background:#ffffff1d;flex:1}.network-route i{width:6px;height:6px;border-radius:50%;background:#4c8cf2}.login-form-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:80px 50px}.form-top{position:absolute;top:34px;left:45px;right:45px;display:flex;align-items:center;justify-content:space-between}.back-home,.form-top button{color:#728096;text-decoration:none;font-size:10px}.form-top button{border:0;background:none;cursor:pointer}.login-form-panel form{width:min(420px,100%)}.form-heading{margin-bottom:34px}.form-heading>span{color:#2865c9;font:600 9px "Plus Jakarta Sans";letter-spacing:.17em}.form-heading h2{font-size:34px;letter-spacing:-.035em;margin:10px 0 4px}.form-heading p{font-size:11px;color:#7d899b}.form-heading a,.password-label a{color:#1d5fc5;text-decoration:none}.field{margin-top:18px}.field label{display:block;font-size:10px;font-weight:600;margin-bottom:8px}.password-label{display:flex;justify-content:space-between;align-items:center}.password-label a{font-size:9px}.input-wrap{height:53px;background:white;border:1px solid #d7e0ec;border-radius:9px;display:flex;align-items:center;padding:0 13px;transition:.2s}.input-wrap:focus-within{border-color:#70a0eb;box-shadow:0 0 0 3px #246bfd0c}.input-wrap>span{color:#8b9ab0;width:24px;font-size:13px}.input-wrap input{flex:1;min-width:0;border:0;outline:0;background:none;font:12px "Noto Sans SC";color:#172744}.input-wrap button{border:0;background:none;color:#71819a;font-size:9px;cursor:pointer;padding:8px}.field-error{display:none;color:#d94f5e;font-size:8px;margin-top:6px}.field.invalid .input-wrap{border-color:#e98994}.field.invalid .field-error{display:block}.remember{display:flex;align-items:center;gap:8px;margin:17px 0;color:#6f7d91;font-size:10px;cursor:pointer}.remember input{position:absolute;opacity:0}.checkmark{width:16px;height:16px;border:1px solid #cbd6e4;border-radius:4px;color:transparent;display:grid;place-items:center;font-size:9px;background:white}.remember input:checked+.checkmark{background:#2168df;border-color:#2168df;color:white}.submit-login{width:100%;height:53px;border:0;border-radius:9px;background:linear-gradient(90deg,#1559cc,#2675ec);color:white;font-weight:600;display:flex;align-items:center;justify-content:center;gap:25px;cursor:pointer;box-shadow:0 13px 25px #175fc329;transition:.2s}.submit-login:hover{transform:translateY(-2px);box-shadow:0 16px 30px #175fc33b}.submit-login i{font-style:normal}.submit-login.loading{opacity:.75;pointer-events:none}.secure-note{margin-top:22px;border-top:1px solid #e0e6ef;padding-top:17px;display:flex;justify-content:center;gap:9px;color:#8a96a8}.secure-note>span{font-size:15px;color:#4e78bc}.secure-note p{margin:0}.secure-note b,.secure-note small{display:block;font-size:8px}.secure-note b{color:#64738a;margin-bottom:2px}.form-footer{position:absolute;bottom:28px;left:45px;right:45px;display:flex;justify-content:space-between;color:#9aa4b3;font-size:8px}.form-footer div{display:flex;gap:18px}.form-footer a{color:#8b97a9;text-decoration:none}@media(max-width:900px){.login-shell{grid-template-columns:42% 58%}.login-brand-panel{padding:35px}.system-status,.network-card-head{display:none}.login-trust{grid-template-columns:1fr;gap:12px}.login-trust div+div{border:0;padding:0}.network-route{display:none}}@media(max-width:720px){.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:80px 25px}.form-top{left:25px;right:25px;top:25px}.form-footer{position:static;width:min(420px,100%);margin-top:55px}.form-heading h2{font-size:30px}}
