@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px);@media (width >= 640px){transform:translateY(1.38889vw)}}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px);@media (width >= 640px){transform:translateY(-1.38889vw)}}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px);@media (width >= 640px){transform:translateX(-.27778vw)}}20%,40%,60%,80%{transform:translateX(4px);@media (width >= 640px){transform:translateX(.27778vw)}}}@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{animation:fade-in-up .5s ease-out forwards;opacity:0}.animate-fade-in-down{animation:fade-in-down .3s ease-out forwards}.animate-shake{animation:shake .5s ease-in-out}.animate-checkmark-pulse{animation:checkmark-pulse .5s ease-in-out}.animate-pulse-slow{animation:pulse-slow 2s ease-in-out infinite}.gradient-border{position:relative;border-radius:10px;overflow:hidden;@media (width >= 640px){border-radius:.69444vw}}.gradient-border:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;padding:1px;background:linear-gradient(135deg,#0069AE,#00C4C6,#0069AE);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;@media (width >= 640px){border-radius:.69444vw;padding-left:.06944vw;padding-bottom:.06944vw;padding-right:.06944vw;padding-top:.06944vw}}.costom-input{position:relative}.costom-input .ant-input{background:transparent!important;border:none!important;border-bottom:1px solid #e1e1e2!important;border-radius:0!important;padding-left:8px!important;color:#fff!important;transition:all .3s ease;@media (width >= 640px){border-bottom-color:#e1e1e2!important;border-bottom-style:solid!important;border-bottom-width:.06944vw!important;padding-left:.55556vw!important}}.costom-input .ant-input:focus{box-shadow:0 0 0 3px rgba(0,196,198,.3)!important;border-bottom-color:#00C4C6!important;@media (width >= 640px){box-shadow:0 0 0 .20833vw rgba(0,196,198,.3)!important}}.costom-input .ant-input::placeholder{color:#fff!important;opacity:.7}.costom-input .ant-input-affix-wrapper{background:transparent!important;border:none!important;border-bottom:1px solid #e1e1e2!important;border-radius:0!important;padding:0!important;@media (width >= 640px){border-bottom-color:#e1e1e2!important;border-bottom-style:solid!important;border-bottom-width:.06944vw!important}}.costom-input .ant-input-affix-wrapper-focused,.costom-input .ant-input-affix-wrapper:focus{box-shadow:0 0 0 3px rgba(0,196,198,.3)!important;border-bottom-color:#00C4C6!important;@media (width >= 640px){box-shadow:0 0 0 .20833vw rgba(0,196,198,.3)!important}}.costom-input .ant-input-affix-wrapper .ant-input{background:transparent!important;border:none!important;box-shadow:none!important;color:#fff!important;padding-left:8px!important;@media (width >= 640px){padding-left:.55556vw!important}}.no-border-input{border:none!important;box-shadow:none!important}.no-border-input:focus{border-bottom-color:#00C4C6!important}@media (max-width:768px){.gradient-border{border-radius:8px;@media (width >= 640px){border-radius:.55556vw}}.animate-fade-in-up{animation-duration:.4s}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cop-login-backdrop{background:#020b13}.cop-login-backdrop:before{content:"";position:absolute;inset:0;background-image:url(/image/login/cop-control-centre-bg.png);background-position:50%;background-size:cover;filter:saturate(.82) contrast(.92);opacity:.52;transform:scale(1.02)}.cop-login-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.08) 0,rgba(0,0,0,.26) 54%,rgba(0,0,0,.64) 100%),linear-gradient(180deg,rgba(0,0,0,.34),transparent 22%,transparent 70%,rgba(0,0,0,.48)),linear-gradient(90deg,rgba(0,196,198,.08),transparent 22%,transparent 78%,rgba(0,196,198,.06))}body:has(.login-page-shell),html:has(.login-page-shell){background:#020814}.login-page-shell{overflow:hidden;overflow-x:clip;background:#020814;color:#f8fbff}.login-page-shell,.login-stage{position:relative;min-height:100vh;min-height:100dvh}.login-stage{z-index:1;width:100%;display:flex;align-items:center;justify-content:flex-end;padding:clamp(5.5rem,12vh,7.25rem) clamp(2rem,6vw,7rem) clamp(1.75rem,5vh,4rem)}.login-announcement,.login-support-card{position:absolute;z-index:2;display:flex;align-items:flex-start;color:#eef9ff;backdrop-filter:blur(1.125rem)}.login-announcement{top:1.125rem;left:1.25rem;right:1.25rem;gap:.875rem;min-height:4rem;padding:.875rem 1.125rem;background:linear-gradient(90deg,rgba(146,91,20,.22),rgba(3,33,47,.72) 34%,rgba(2,24,38,.66)),rgba(2,33,44,.72);border:1px solid rgba(242,171,75,.34);border-radius:.5rem;box-shadow:0 1.125rem 2.75rem rgba(0,0,0,.34),inset 0 1px 0 rgba(255,219,166,.12);@media (width >= 640px){border-left-color:rgba(242,171,75,.34);border-left-style:solid;border-left-width:.06944vw;border-bottom-color:rgba(242,171,75,.34);border-bottom-style:solid;border-bottom-width:.06944vw;border-right-color:rgba(242,171,75,.34);border-right-style:solid;border-right-width:.06944vw;border-top-color:rgba(242,171,75,.34);border-top-style:solid;border-top-width:.06944vw;box-shadow:0 1.125rem 2.75rem rgba(0,0,0,.34),inset 0 .06944vw 0 rgba(255,219,166,.12)}}.login-support-card{left:clamp(1.25rem,3vw,2.5rem);bottom:clamp(1.25rem,3vh,2rem);width:min(27rem,calc(100vw - 2.5rem));max-width:calc(100vw - 2.5rem);gap:.75rem;padding:.875rem 1rem .875rem .875rem;background:linear-gradient(145deg,rgba(21,32,50,.82),rgba(7,12,22,.7)),rgba(8,13,24,.78);border:1px solid rgba(210,226,255,.34);border-radius:.5rem;box-shadow:0 1rem 2.5rem rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08);@media (width >= 640px){border-left-color:rgba(210,226,255,.34);border-left-style:solid;border-left-width:.06944vw;border-bottom-color:rgba(210,226,255,.34);border-bottom-style:solid;border-bottom-width:.06944vw;border-right-color:rgba(210,226,255,.34);border-right-style:solid;border-right-width:.06944vw;border-top-color:rgba(210,226,255,.34);border-top-style:solid;border-top-width:.06944vw;box-shadow:0 1rem 2.5rem rgba(0,0,0,.36),inset 0 .06944vw 0 rgba(255,255,255,.08)}}.login-announcement-icon,.login-support-card-icon{display:grid;place-items:center;width:2rem;height:2rem;flex:0 0 2rem;border-radius:.5rem}.login-announcement-icon{color:#ffd28a;background:rgba(242,171,75,.16);border:1px solid rgba(255,210,138,.3);@media (width >= 640px){border-left-color:rgba(255,210,138,.3);border-left-style:solid;border-left-width:.06944vw;border-bottom-color:rgba(255,210,138,.3);border-bottom-style:solid;border-bottom-width:.06944vw;border-right-color:rgba(255,210,138,.3);border-right-style:solid;border-right-width:.06944vw;border-top-color:rgba(255,210,138,.3);border-top-style:solid;border-top-width:.06944vw}}.login-support-card-icon{width:2.25rem;height:2.25rem;flex-basis:2.25rem;color:rgba(188,212,242,.9);background:rgba(255,255,255,.03);border:1px solid rgba(210,226,255,.32);@media (width >= 640px){border-left-color:rgba(210,226,255,.32);border-left-style:solid;border-left-width:.06944vw;border-bottom-color:rgba(210,226,255,.32);border-bottom-style:solid;border-bottom-width:.06944vw;border-right-color:rgba(210,226,255,.32);border-right-style:solid;border-right-width:.06944vw;border-top-color:rgba(210,226,255,.32);border-top-style:solid;border-top-width:.06944vw}}.login-support-card-icon svg{width:1.55rem;height:1.55rem}.login-announcement h3,.login-support-card h3{margin:0 0 .3125rem;line-height:1.25;font-weight:700;text-transform:uppercase;color:#ffffff}.login-announcement h3{font-size:.8125rem}.login-announcement p,.login-support-card p{margin:0;line-height:1.45}.login-announcement p{font-size:.75rem;color:rgba(239,248,255,.86)}.login-support-card p{font-size:.8125rem;color:rgba(220,232,248,.82);overflow-wrap:anywhere}.login-panel{width:clamp(29.25rem,28vw,34rem);max-width:calc(100vw - 4rem);min-width:0;max-height:calc(100dvh - 8rem);padding:clamp(1.75rem,4vh,2.875rem) 2.375rem clamp(1.5rem,3.6vh,2.25rem);overflow:hidden;background:linear-gradient(145deg,rgba(21,32,50,.82),rgba(7,12,22,.7)),rgba(8,13,24,.78);border:1px solid rgba(210,226,255,.52);border-radius:.5rem;box-shadow:0 2rem 5rem rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(1.25rem);@media (width >= 640px){border-left-color:rgba(210,226,255,.52);border-left-style:solid;border-left-width:.06944vw;border-bottom-color:rgba(210,226,255,.52);border-bottom-style:solid;border-bottom-width:.06944vw;border-right-color:rgba(210,226,255,.52);border-right-style:solid;border-right-width:.06944vw;border-top-color:rgba(210,226,255,.52);border-top-style:solid;border-top-width:.06944vw;box-shadow:0 2rem 5rem rgba(0,0,0,.54),inset 0 .06944vw 0 rgba(255,255,255,.08)}}.login-panel-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:clamp(1.25rem,3vh,1.75rem)}.login-logo-mark{position:relative;width:clamp(8.25rem,15vh,11rem);height:clamp(3.875rem,7.2vh,5.25rem);margin-bottom:clamp(.875rem,2vh,1.25rem);filter:drop-shadow(0 .875rem 1.75rem rgba(27,101,198,.28))}.login-panel-header h1{margin:0;font-size:clamp(1.5rem,2.4vh,1.6875rem);line-height:1.2;font-weight:700;color:#ffffff}.login-panel-header p{margin:.875rem 0 0;font-size:clamp(1rem,2vh,1.1875rem);line-height:1.25;color:#4c94ff}.login-version-badge{padding:.15rem .5rem;font-size:clamp(.75rem,1.6vh,.875rem);color:rgba(76,148,255,.9);background-color:rgba(76,148,255,.1);border:1px solid rgba(76,148,255,.2);border-radius:999px;vertical-align:middle;@media (width >= 640px){border-left-color:rgba(76,148,255,.2);border-left-style:solid;border-left-width:.06944vw;border-bottom-color:rgba(76,148,255,.2);border-bottom-style:solid;border-bottom-width:.06944vw;border-right-color:rgba(76,148,255,.2);border-right-style:solid;border-right-width:.06944vw;border-top-color:rgba(76,148,255,.2);border-top-style:solid;border-top-width:.06944vw;border-radius:69.375vw}}.login-platform-badge{margin-left:.375rem;padding:.15rem .5rem;font-size:clamp(.75rem,1.6vh,.875rem);font-weight:600;color:#1a1a2e;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:999px;vertical-align:middle;letter-spacing:.02em;box-shadow:0 1px 4px rgba(245,158,11,.35);@media (width >= 640px){border-radius:69.375vw;box-shadow:0 .06944vw .27778vw rgba(245,158,11,.35)}}.login-form{display:flex;flex-direction:column;gap:0}.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{display:block;padding-left:1rem;color:#ff8f9c;font-size:.75rem}.login-field{display:flex;align-items:center;min-height:clamp(3rem,6vh,3.5rem);padding:0 1rem;background:rgba(10,18,31,.54);border:1px solid rgba(204,220,248,.52);border-radius:.3125rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;@media (width >= 640px){border-left-color:rgba(204,220,248,.52);border-left-style:solid;border-left-width:.06944vw;border-bottom-color:rgba(204,220,248,.52);border-bottom-style:solid;border-bottom-width:.06944vw;border-right-color:rgba(204,220,248,.52);border-right-style:solid;border-right-width:.06944vw;border-top-color:rgba(204,220,248,.52);border-top-style:solid;border-top-width:.06944vw}}.login-field:focus-within{background:rgba(14,25,43,.72);border-color:rgba(80,151,255,.88);box-shadow:0 0 0 3px rgba(55,125,255,.2);@media (width >= 640px){box-shadow:0 0 0 .20833vw rgba(55,125,255,.2)}}.login-field-icon{display:grid;place-items:center;width:1.5rem;margin-right:.625rem;color:rgba(221,231,245,.72);font-size:1.125rem}.login-field .ant-input,.login-field .ant-input-affix-wrapper,.login-field .ant-input-password,.login-field .ant-input-password input{background:transparent!important;border:none!important;box-shadow:none!important;color:#f8fbff!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-affix-wrapper-focused,.login-field .ant-input-affix-wrapper:focus,.login-field .ant-input:focus,.login-field .ant-input:focus-visible{outline:none!important}.login-field .ant-input::placeholder{color:rgba(224,232,245,.66)!important}.login-field .ant-input-password-icon{color:rgba(224,232,245,.72)!important;font-size:1.125rem}.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 ease,box-shadow .18s ease,border-color .18s ease!important}.login-primary-button{color:#ffffff!important;border:1px solid rgba(77,149,255,.82)!important;background:linear-gradient(180deg,#2f88ff,#17468f)!important;box-shadow:0 .75rem 1.625rem rgba(20,88,194,.34)!important;@media (width >= 640px){border-left-color:rgba(77,149,255,.82)!important;border-left-style:solid!important;border-left-width:.06944vw!important;border-bottom-color:rgba(77,149,255,.82)!important;border-bottom-style:solid!important;border-bottom-width:.06944vw!important;border-right-color:rgba(77,149,255,.82)!important;border-right-style:solid!important;border-right-width:.06944vw!important;border-top-color:rgba(77,149,255,.82)!important;border-top-style:solid!important;border-top-width:.06944vw!important}}.login-primary-button:focus-visible,.login-primary-button:hover{transform:translateY(-1px);box-shadow:0 1rem 2rem rgba(20,88,194,.42)!important;@media (width >= 640px){transform:translateY(-.06944vw)}}.login-secondary-button{color:#dce9ff!important;border:1px solid rgba(171,196,236,.42)!important;background:rgba(255,255,255,.03)!important;@media (width >= 640px){border-left-color:rgba(171,196,236,.42)!important;border-left-style:solid!important;border-left-width:.06944vw!important;border-bottom-color:rgba(171,196,236,.42)!important;border-bottom-style:solid!important;border-bottom-width:.06944vw!important;border-right-color:rgba(171,196,236,.42)!important;border-right-style:solid!important;border-right-width:.06944vw!important;border-top-color:rgba(171,196,236,.42)!important;border-top-style:solid!important;border-top-width:.06944vw!important}}.login-secondary-button:focus-visible,.login-secondary-button:hover{color:#ffffff!important;border-color:rgba(111,170,255,.74)!important;background:rgba(255,255,255,.07)!important}.login-reset-link{align-self:center;margin:clamp(1rem,2.8vh,1.625rem) auto 0;padding:.1875rem .5rem;color:#4d93ff;background:transparent;border:none;border-radius:.25rem;font-size:clamp(1rem,2vh,1.125rem);line-height:1.35;cursor:pointer;transition:color .18s ease,background-color .18s ease}.login-reset-link:focus-visible,.login-reset-link:hover{color:#84b5ff;background:rgba(77,147,255,.09);outline:none}.login-primary-button:disabled,.login-reset-link:disabled,.login-secondary-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.login-reset-method{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:clamp(.75rem,2vh,1.125rem)}.login-reset-method button{min-height:2.625rem;color:rgba(232,240,252,.8);background:rgba(255,255,255,.03);border:1px solid rgba(178,202,238,.32);border-radius:.3125rem;font-size:.875rem;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease;@media (width >= 640px){border-left-color:rgba(178,202,238,.32);border-left-style:solid;border-left-width:.06944vw;border-bottom-color:rgba(178,202,238,.32);border-bottom-style:solid;border-bottom-width:.06944vw;border-right-color:rgba(178,202,238,.32);border-right-style:solid;border-right-width:.06944vw;border-top-color:rgba(178,202,238,.32);border-top-style:solid;border-top-width:.06944vw}}.login-reset-method button.active{color:#ffffff;background:rgba(45,127,255,.3);border-color:rgba(82,158,255,.72)}.login-reset-actions{display:grid;grid-template-columns:.72fr 1fr;gap:.75rem}.login-form-message{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.75rem .875rem;border-radius:.375rem;font-size:.875rem;line-height:1.35}.login-form-message-success{color:#d7ffe8;background:rgba(34,197,94,.12);border:1px solid rgba(74,222,128,.32);@media (width >= 640px){border-left-color:rgba(74,222,128,.32);border-left-style:solid;border-left-width:.06944vw;border-bottom-color:rgba(74,222,128,.32);border-bottom-style:solid;border-bottom-width:.06944vw;border-right-color:rgba(74,222,128,.32);border-right-style:solid;border-right-width:.06944vw;border-top-color:rgba(74,222,128,.32);border-top-style:solid;border-top-width:.06944vw}}.login-form-message-error{color:#ffe1e6;background:rgba(239,68,68,.12);border:1px solid rgba(248,113,113,.34);@media (width >= 640px){border-left-color:rgba(248,113,113,.34);border-left-style:solid;border-left-width:.06944vw;border-bottom-color:rgba(248,113,113,.34);border-bottom-style:solid;border-bottom-width:.06944vw;border-right-color:rgba(248,113,113,.34);border-right-style:solid;border-right-width:.06944vw;border-top-color:rgba(248,113,113,.34);border-top-style:solid;border-top-width:.06944vw}}.login-internal-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.125rem;margin-top:clamp(1.125rem,3vh,2rem);color:rgba(230,237,248,.58)}.login-internal-divider span{height:1px;background:rgba(218,229,246,.32);@media (width >= 640px){height:.06944vw}}.login-internal-divider p{margin:0;font-size:1rem;line-height:1.35;white-space:nowrap}@media (max-width:960px){.login-stage{justify-content:center;padding:6rem 1.5rem 2.5rem}.login-panel{width:min(30rem,calc(100vw - 3rem));max-width:30rem;padding:2.375rem 1.75rem 2rem;background:linear-gradient(145deg,rgba(21,32,50,.9),rgba(7,12,22,.84)),rgba(8,13,24,.88);border-color:rgba(210,226,255,.6)}}@media (min-width:641px) and (max-width:960px){.login-support-card{bottom:clamp(1rem,2.5vh,1.5rem);left:1.5rem;width:min(25rem,calc(100vw - 3rem));padding:.75rem .875rem}}@media (max-width:640px){.login-page-shell{overflow-y:auto;overflow-x:hidden}.login-announcement{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:auto;margin:.875rem}.login-support-card{left:.875rem;right:.875rem;bottom:1rem;width:auto;max-width:calc(100vw - 1.75rem);margin:0;padding:.75rem .8125rem}.login-stage{min-height:100vh;min-height:100dvh;justify-content:center;padding:clamp(1.25rem,4vh,2rem) .875rem 6.5rem}.login-panel{width:min(24rem,calc(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}}