.jc-login{color:#fff;background:#020a11;grid-template-columns:54% 46%;width:100%;min-height:100vh;display:grid;overflow:hidden}.jc-login-form-side{background:radial-gradient(circle at 15% 45%,#326a9724,#0000 38%),#020a11;flex-direction:column;min-height:100vh;padding:32px 5.5vw 30px;display:flex;position:relative}.jc-login-header{justify-content:space-between;align-items:center;width:100%;display:flex}.jc-login-logo{color:#fff;flex-direction:column;text-decoration:none;display:flex}.jc-login-logo strong{letter-spacing:1px;font-size:22px;font-weight:600;line-height:1}.jc-login-logo span{color:#8796a2;letter-spacing:3.2px;margin-top:6px;font-size:7px}.jc-login-back{color:#8998a4;align-items:center;gap:10px;font-size:11px;text-decoration:none;transition:color .25s;display:flex}.jc-login-back span{transition:transform .25s}.jc-login-back:hover{color:#fff}.jc-login-back:hover span{transform:translate(-4px)}.jc-login-form-container{width:100%;max-width:510px;margin:auto 0}.jc-login-label{color:#8ea2b3;letter-spacing:3px;align-items:center;gap:14px;font-size:9px;display:flex}.jc-login-label:before{content:"";background:#8ea2b3;width:30px;height:1px}.jc-login-heading h1{color:#f3f5f7;letter-spacing:-4px;margin:25px 0 24px;font-size:clamp(55px,5.2vw,82px);font-weight:400;line-height:.95}.jc-login-heading h1 span{color:#a9c9f4}.jc-login-heading>p{color:#7f909d;max-width:430px;margin:0;font-size:13px;line-height:1.75}.jc-login-form{margin-top:45px}.jc-login-field{margin-bottom:24px}.jc-login-field>label{color:#aeb9c1;letter-spacing:1.5px;margin-bottom:10px;font-size:10px;font-weight:400;display:block}.jc-login-input{background:#ffffff06;border:1px solid #ffffff21;align-items:center;height:62px;transition:border-color .25s,background .25s,box-shadow .25s;display:flex;position:relative}.jc-login-input>i{color:#687b89;pointer-events:none;font-size:14px;transition:color .25s;position:absolute;left:21px}.jc-login-input input{color:#fff;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 55px 0 52px;font-family:inherit;font-size:13px}.jc-login-input input::placeholder{color:#526571}.jc-login-input:focus-within{background:#a9c9f409;border-color:#a9c9f4b3;box-shadow:0 0 0 3px #a9c9f406}.jc-login-input:focus-within>i{color:#a9c9f4}.jc-login-input input:disabled{opacity:.6}.jc-show-password{color:#687b89;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:36px;height:36px;transition:color .25s;display:flex;position:absolute;right:18px}.jc-show-password:hover{color:#fff}.jc-login-button{color:#07131d;cursor:pointer;background:#f4f6f8;border:0;border-radius:100px;justify-content:space-between;align-items:center;width:100%;height:64px;margin-top:34px;padding:0 14px 0 27px;font-family:inherit;font-size:12px;font-weight:600;transition:transform .25s,background .25s,opacity .25s;display:flex}.jc-login-button-icon{color:#fff;background:#071724;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:transform .25s;display:flex}.jc-login-button:hover:not(:disabled){background:#fff;transform:translateY(-2px)}.jc-login-button:hover:not(:disabled) .jc-login-button-icon{transform:translate(3px)}.jc-login-button:disabled{cursor:not-allowed;opacity:.7}.jc-login-security{color:#536774;letter-spacing:1px;align-items:center;gap:10px;margin-top:26px;font-size:9px;display:flex}.jc-login-security i{color:#718796}.jc-login-copyright{color:#40535f;letter-spacing:1px;font-size:8px}.jc-login-image-side{background:#07131d;min-height:100vh;position:relative;overflow:hidden}.jc-login-image-side>img{object-fit:cover;object-position:center;width:100%;height:100%;filter:brightness(.82) contrast(1.) saturate(.82);position:absolute;inset:0;transform:scale(1.08)}.jc-login-image-overlay{background:linear-gradient(90deg,#020a11cc 0%,#04121d61 22%,#030e1729 65%),linear-gradient(#0000 45%,#02090fe0 100%),#0b273d26;position:absolute;inset:0}.jc-login-image-top{color:#e1ebf299;letter-spacing:2px;align-items:center;gap:13px;font-size:7px;display:flex;position:absolute;top:37px;left:45px;right:45px}.jc-login-image-content{max-width:600px;position:absolute;bottom:75px;left:50px;right:50px}.jc-login-line{background:#ffffffa6;width:42px;height:1px;margin-bottom:25px;display:block}.jc-login-image-content h2{color:#f1f4f6;letter-spacing:-2.5px;margin:0;font-size:clamp(36px,3.4vw,58px);font-weight:400;line-height:1.03}.jc-login-image-content h2 span{color:#b8d3f5}.jc-login-image-content p{color:#dce6eca1;max-width:420px;margin:22px 0 0;font-size:11px;line-height:1.7}.jc-login-image-number{color:#ffffff6b;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:38px;right:35px}.jc-login-image-number>span{font-size:22px;font-weight:300}.jc-login-image-number small{letter-spacing:2px;margin-top:5px;font-size:6px}@media (max-width:1100px){.jc-login{grid-template-columns:58% 42%}.jc-login-form-side{padding-left:45px;padding-right:45px}.jc-login-image-content{left:35px;right:35px}}@media (max-width:768px){.jc-login{flex-direction:column;min-height:100vh;display:flex;overflow:visible}.jc-login-form-side{min-height:100vh;padding:25px 22px 35px}.jc-login-header{align-items:flex-start}.jc-login-logo strong{font-size:18px}.jc-login-logo span{letter-spacing:2.5px;font-size:6px}.jc-login-back{font-size:9px}.jc-login-form-container{max-width:100%;margin:auto 0;padding:60px 0}.jc-login-heading h1{letter-spacing:-3px;margin-top:20px;font-size:clamp(52px,15vw,70px);line-height:.96}.jc-login-heading>p{max-width:350px;font-size:12px}.jc-login-form{margin-top:38px}.jc-login-input{height:60px}.jc-login-input input{font-size:16px}.jc-login-button{height:62px;margin-top:30px}.jc-login-copyright{margin-top:30px}.jc-login-image-side{min-height:480px}.jc-login-image-side>img{object-position:center;transform:scale(1.1)}.jc-login-image-top{flex-wrap:wrap;gap:8px;font-size:6px;top:30px;left:22px;right:22px}.jc-login-image-content{bottom:45px;left:22px;right:22px}.jc-login-image-content h2{max-width:380px;font-size:clamp(38px,11vw,52px)}.jc-login-image-number{display:none}}@media (max-width:400px){.jc-login-form-side{padding-left:18px;padding-right:18px}.jc-login-back{font-size:0}.jc-login-back span{font-size:18px}.jc-login-form-container{padding:50px 0}}