@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}}@keyframes checkmark-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in-up{opacity:0;animation:.5s ease-out forwards fade-in-up}.animate-fade-in-down{animation:.3s ease-out forwards fade-in-down}.animate-shake{animation:.5s ease-in-out shake}.animate-checkmark-pulse{animation:.5s ease-in-out checkmark-pulse}.animate-pulse-slow{animation:2s ease-in-out infinite pulse-slow}.gradient-border{border-radius:10px;position:relative;overflow:hidden}@media (min-width:640px){.gradient-border{border-radius:.69444vw}}.gradient-border:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#0069ae,#00c4c6,#0069ae);border-radius:10px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (min-width:640px){.gradient-border:before{border-radius:.69444vw;padding:.06944vw}}.costom-input{position:relative}.costom-input .ant-input{transition:all .3s;color:#fff!important;background:0 0!important;border:none!important;border-bottom:1px solid #e1e1e2!important;border-radius:0!important;padding-left:8px!important}@media (min-width:640px){.costom-input .ant-input{border-bottom:.06944vw solid #e1e1e2!important;padding-left:.55556vw!important}}.costom-input .ant-input:focus{border-bottom-color:#00c4c6!important;box-shadow:0 0 0 3px #00c4c64d!important}@media (min-width:640px){.costom-input .ant-input:focus{box-shadow:0 0 0 .20833vw #00c4c64d!important}}.costom-input .ant-input::placeholder{opacity:.7;color:#fff!important}.costom-input .ant-input-affix-wrapper{background:0 0!important;border:none!important;border-bottom:1px solid #e1e1e2!important;border-radius:0!important;padding:0!important}@media (min-width:640px){.costom-input .ant-input-affix-wrapper{border-bottom:.06944vw solid #e1e1e2!important}}.costom-input .ant-input-affix-wrapper:focus,.costom-input .ant-input-affix-wrapper-focused{border-bottom-color:#00c4c6!important;box-shadow:0 0 0 3px #00c4c64d!important}@media (min-width:640px){.costom-input .ant-input-affix-wrapper:focus,.costom-input .ant-input-affix-wrapper-focused{box-shadow:0 0 0 .20833vw #00c4c64d!important}}.costom-input .ant-input-affix-wrapper .ant-input{box-shadow:none!important;color:#fff!important;background:0 0!important;border:none!important;padding-left:8px!important}@media (min-width:640px){.costom-input .ant-input-affix-wrapper .ant-input{padding-left:.55556vw!important}}.no-border-input{box-shadow:none!important;border:none!important}.no-border-input:focus{border-bottom-color:#00c4c6!important}@media (max-width:768px){.gradient-border{border-radius:8px}@media (min-width:640px){.gradient-border{border-radius:.55556vw}}.animate-fade-in-up{animation-duration:.4s}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cop-login-backdrop{background:#020b13}.cop-login-backdrop:before{content:"";filter:saturate(.82)contrast(.92);opacity:.52;background-image:url(/image/login/cop-control-centre-bg.png);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.cop-login-backdrop:after{content:"";background:radial-gradient(#00000014 0%,#00000042 54%,#000000a3 100%),linear-gradient(#00000057,#0000 22% 70%,#0000007a),linear-gradient(90deg,#00c4c614,#0000 22% 78%,#00c4c60f);position:absolute;inset:0}:is(html:has(.login-page-shell),body:has(.login-page-shell)){background:#020814}.login-page-shell{color:#f8fbff;background:#020814;min-height:100dvh;position:relative;overflow:clip hidden}.login-stage{z-index:1;justify-content:flex-end;align-items:center;width:100%;min-height:100dvh;padding:clamp(5.5rem,12vh,7.25rem) clamp(2rem,6vw,7rem) clamp(1.75rem,5vh,4rem);display:flex;position:relative}.login-announcement,.login-support-card{z-index:2;color:#eef9ff;-webkit-backdrop-filter:blur(1.125rem);backdrop-filter:blur(1.125rem);align-items:flex-start;display:flex;position:absolute}.login-announcement{background:linear-gradient(90deg,#925b1438,#03212fb8 34%,#021826a8),#02212cb8;border:1px solid #f2ab4b57;border-radius:.5rem;gap:.875rem;min-height:4rem;padding:.875rem 1.125rem;top:1.125rem;left:1.25rem;right:1.25rem;box-shadow:0 1.125rem 2.75rem #00000057,inset 0 1px #ffdba61f}@media (min-width:640px){.login-announcement{border:.06944vw solid #f2ab4b57;box-shadow:0 1.125rem 2.75rem #00000057,inset 0 .06944vw #ffdba61f}}.login-support-card{background:linear-gradient(145deg,#152032d1,#070c16b3),#080d18c7;border:1px solid #d2e2ff57;border-radius:.5rem;gap:.75rem;width:min(27rem,100vw - 2.5rem);max-width:calc(100vw - 2.5rem);padding:.875rem 1rem .875rem .875rem;bottom:clamp(1.25rem,3vh,2rem);left:clamp(1.25rem,3vw,2.5rem);box-shadow:0 1rem 2.5rem #0000005c,inset 0 1px #ffffff14}@media (min-width:640px){.login-support-card{border:.06944vw solid #d2e2ff57;box-shadow:0 1rem 2.5rem #0000005c,inset 0 .06944vw #ffffff14}}.login-announcement-icon,.login-support-card-icon{border-radius:.5rem;flex:0 0 2rem;place-items:center;width:2rem;height:2rem;display:grid}.login-announcement-icon{color:#ffd28a;background:#f2ab4b29;border:1px solid #ffd28a4d}@media (min-width:640px){.login-announcement-icon{border:.06944vw solid #ffd28a4d}}.login-support-card-icon{color:#bcd4f2e6;background:#ffffff08;border:1px solid #d2e2ff52;flex-basis:2.25rem;width:2.25rem;height:2.25rem}@media (min-width:640px){.login-support-card-icon{border:.06944vw solid #d2e2ff52}}.login-support-card-icon svg{width:1.55rem;height:1.55rem}.login-announcement h3,.login-support-card h3{text-transform:uppercase;color:#fff;margin:0 0 .3125rem;font-weight:700;line-height:1.25}.login-announcement h3{font-size:.8125rem}.login-announcement p,.login-support-card p{margin:0;line-height:1.45}.login-announcement p{color:#eff8ffdb;font-size:.75rem}.login-support-card p{color:#dce8f8d1;overflow-wrap:anywhere;font-size:.8125rem}.login-panel{-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);background:linear-gradient(145deg,#152032d1,#070c16b3),#080d18c7;border:1px solid #d2e2ff85;border-radius:.5rem;width:clamp(29.25rem,28vw,34rem);min-width:0;max-width:calc(100vw - 4rem);max-height:calc(100dvh - 8rem);padding:clamp(1.75rem,4vh,2.875rem) 2.375rem clamp(1.5rem,3.6vh,2.25rem);overflow:hidden;box-shadow:0 2rem 5rem #0000008a,inset 0 1px #ffffff14}@media (min-width:640px){.login-panel{border:.06944vw solid #d2e2ff85;box-shadow:0 2rem 5rem #0000008a,inset 0 .06944vw #ffffff14}}.login-panel-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:clamp(1.25rem,3vh,1.75rem);display:flex}.login-logo-mark{filter:drop-shadow(0 .875rem 1.75rem #1b65c647);width:clamp(8.25rem,15vh,11rem);height:clamp(3.875rem,7.2vh,5.25rem);margin-bottom:clamp(.875rem,2vh,1.25rem);position:relative}.login-panel-header h1{color:#fff;margin:0;font-size:clamp(1.5rem,2.4vh,1.6875rem);font-weight:700;line-height:1.2}.login-panel-header p{color:#4c94ff;margin:.875rem 0 0;font-size:clamp(1rem,2vh,1.1875rem);line-height:1.25}.login-version-badge{color:#4c94ffe6;vertical-align:middle;background-color:#4c94ff1a;border:1px solid #4c94ff33;border-radius:999px;padding:.15rem .5rem;font-size:clamp(.75rem,1.6vh,.875rem)}@media (min-width:640px){.login-version-badge{border:.06944vw solid #4c94ff33;border-radius:69.375vw}}.login-platform-badge{color:#1a1a2e;vertical-align:middle;letter-spacing:.02em;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:999px;margin-left:.375rem;padding:.15rem .5rem;font-size:clamp(.75rem,1.6vh,.875rem);font-weight:600;box-shadow:0 1px 4px #f59e0b59}@media (min-width:640px){.login-platform-badge{border-radius:69.375vw;box-shadow:0 .06944vw .27778vw #f59e0b59}}.login-form{flex-direction:column;gap:0;display:flex}.login-form .ant-form-item{margin-bottom:clamp(.75rem,2vh,1.125rem)}.login-form .ant-form-item-explain-error{padding-top:.375rem}.login-field-error{color:#ff8f9c;padding-left:1rem;font-size:.75rem;display:block}.login-field{background:#0a121f8a;border:1px solid #ccdcf885;border-radius:.3125rem;align-items:center;min-height:clamp(3rem,6vh,3.5rem);padding:0 1rem;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex}@media (min-width:640px){.login-field{border:.06944vw solid #ccdcf885}}.login-field:focus-within{background:#0e192bb8;border-color:#5097ffe0;box-shadow:0 0 0 3px #377dff33}@media (min-width:640px){.login-field:focus-within{box-shadow:0 0 0 .20833vw #377dff33}}.login-field-icon{color:#dde7f5b8;place-items:center;width:1.5rem;margin-right:.625rem;font-size:1.125rem;display:grid}.login-field .ant-input,.login-field .ant-input-affix-wrapper,.login-field .ant-input-password,.login-field .ant-input-password input{box-shadow:none!important;color:#f8fbff!important;background:0 0!important;border:none!important;font-size:clamp(1rem,1.8vh,1.125rem)!important;line-height:1.4!important}.login-field .ant-input,.login-field .ant-input-affix-wrapper{padding:0!important}.login-field .ant-input:focus,.login-field .ant-input:focus-visible,.login-field .ant-input-affix-wrapper:focus,.login-field .ant-input-affix-wrapper-focused{outline:none!important}.login-field .ant-input::placeholder{color:#e0e8f5a8!important}.login-field .ant-input-password-icon{font-size:1.125rem;color:#e0e8f5b8!important}.login-primary-button,.login-secondary-button{width:100%;min-height:clamp(3rem,6vh,3.5rem);border-radius:.375rem!important;font-size:clamp(1.0625rem,2.1vh,1.25rem)!important;font-weight:500!important;transition:transform .18s,box-shadow .18s,border-color .18s!important}.login-primary-button{color:#fff!important;background:linear-gradient(#2f88ff 0%,#17468f 100%)!important;border:1px solid #4d95ffd1!important;box-shadow:0 .75rem 1.625rem #1458c257!important}@media (min-width:640px){.login-primary-button{border:.06944vw solid #4d95ffd1!important}}.login-primary-button:hover,.login-primary-button:focus-visible{transform:translateY(-1px);box-shadow:0 1rem 2rem #1458c26b!important}@media (min-width:640px){.login-primary-button:hover,.login-primary-button:focus-visible{transform:translateY(-.06944vw)}}.login-secondary-button{color:#dce9ff!important;background:#ffffff08!important;border:1px solid #abc4ec6b!important}@media (min-width:640px){.login-secondary-button{border:.06944vw solid #abc4ec6b!important}}.login-secondary-button:hover,.login-secondary-button:focus-visible{color:#fff!important;background:#ffffff12!important;border-color:#6faaffbd!important}.login-reset-link{color:#4d93ff;cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-self:center;margin:clamp(1rem,2.8vh,1.625rem) auto 0;padding:.1875rem .5rem;font-size:clamp(1rem,2vh,1.125rem);line-height:1.35;transition:color .18s,background-color .18s}.login-reset-link:hover,.login-reset-link:focus-visible{color:#84b5ff;background:#4d93ff17;outline:none}.login-reset-link:disabled,.login-primary-button:disabled,.login-secondary-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.login-reset-method{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:clamp(.75rem,2vh,1.125rem);display:grid}.login-reset-method button{color:#e8f0fccc;cursor:pointer;background:#ffffff08;border:1px solid #b2caee52;border-radius:.3125rem;min-height:2.625rem;font-size:.875rem;transition:border-color .18s,background-color .18s,color .18s}@media (min-width:640px){.login-reset-method button{border:.06944vw solid #b2caee52}}.login-reset-method button.active{color:#fff;background:#2d7fff4d;border-color:#529effb8}.login-reset-actions{grid-template-columns:.72fr 1fr;gap:.75rem;display:grid}.login-form-message{border-radius:.375rem;justify-content:center;align-items:center;gap:.625rem;padding:.75rem .875rem;font-size:.875rem;line-height:1.35;display:flex}.login-form-message-success{color:#d7ffe8;background:#22c55e1f;border:1px solid #4ade8052}@media (min-width:640px){.login-form-message-success{border:.06944vw solid #4ade8052}}.login-form-message-error{color:#ffe1e6;background:#ef44441f;border:1px solid #f8717157}@media (min-width:640px){.login-form-message-error{border:.06944vw solid #f8717157}}.login-internal-divider{color:#e6edf894;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.125rem;margin-top:clamp(1.125rem,3vh,2rem);display:grid}.login-internal-divider span{background:#dae5f652;height:1px}@media (min-width:640px){.login-internal-divider span{height:.06944vw}}.login-internal-divider p{white-space:nowrap;margin:0;font-size:1rem;line-height:1.35}@media (max-width:960px){.login-stage{justify-content:center;padding:6rem 1.5rem 2.5rem}.login-panel{background:linear-gradient(145deg,#152032e6,#070c16d6),#080d18e0;border-color:#d2e2ff99;width:min(30rem,100vw - 3rem);max-width:30rem;padding:2.375rem 1.75rem 2rem}}@media (min-width:641px) and (max-width:960px){.login-support-card{width:min(25rem,100vw - 3rem);padding:.75rem .875rem;bottom:clamp(1rem,2.5vh,1.5rem);left:1.5rem}}@media (max-width:640px){.login-page-shell{overflow:hidden auto}.login-announcement{width:auto;margin:.875rem;position:relative;inset:auto}.login-support-card{width:auto;max-width:calc(100vw - 1.75rem);margin:0;padding:.75rem .8125rem;bottom:1rem;left:.875rem;right:.875rem}.login-stage{justify-content:center;min-height:100dvh;padding:clamp(1.25rem,4vh,2rem) .875rem 6.5rem}.login-panel{width:min(24rem,100vw - 1.75rem);max-width:calc(100vw - 1.75rem);max-height:none;padding:1.625rem 1.125rem 1.5rem}.login-logo-mark{width:8.75rem;height:4.25rem;margin-bottom:1rem}.login-panel-header h1{font-size:1.4375rem}.login-panel-header p,.login-reset-link{font-size:1rem}.login-primary-button,.login-secondary-button{min-height:3.125rem;font-size:1.0625rem!important}.login-reset-actions{grid-template-columns:1fr}.login-internal-divider{gap:.75rem}.login-internal-divider p{font-size:.875rem}}@media (max-width:420px){.login-panel{padding-inline:1rem}.login-logo-mark{width:7.625rem;height:3.75rem}.login-panel-header{margin-bottom:1.125rem}.login-panel-header h1{font-size:1.25rem;line-height:1.18}.login-field{min-height:3rem;padding-inline:.875rem}.login-support-card{gap:.625rem}}