.cj-login-shell{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:clamp(24px,5vw,80px);padding:clamp(24px,5vw,70px)!important;background:#071d33;align-items:center!important;min-height:100dvh!important}.cj-login-shell>.erp-bg{display:none}.cj-login-card{justify-self:center;max-width:470px!important;width:100%!important;background:#fff!important;border-radius:22px!important;box-shadow:0 26px 70px #0004!important}.sp-login-visual{min-width:0;max-width:760px;color:#f2f7fb}.sp-login-visual-brand img{width:min(350px,90%);height:auto;display:block}.sp-login-eyebrow{font-size:11px;letter-spacing:3px;color:#58bdb9;margin:25px 0 14px}.sp-login-visual h1{color:white!important;font-size:clamp(32px,3.8vw,58px);line-height:1.1;letter-spacing:-2px;margin:0 0 18px}.sp-login-visual h1 span{color:#76cbc6}.sp-login-description{max-width:470px;color:#b1c4d4;line-height:1.7;font-size:15px}.sp-machine-stage{position:relative;aspect-ratio:1.8;overflow:hidden;border-radius:20px;border:1px solid #29485d;background:#071d33;margin-top:26px;box-shadow:0 22px 45px #0003}.sp-machine-stage canvas,.sp-machine-stage img{width:100%;height:100%;object-fit:cover;display:block}.sp-machine-stage canvas[hidden]{display:none}.sp-machine-stage.has-webgl .sp-machine-fallback{display:none}.sp-machine-stage canvas{touch-action:pan-y;cursor:grab}.sp-machine-stage canvas.is-dragging{cursor:grabbing}.sp-studio-controls{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.sp-studio-controls button{background:#0e2c43;color:#bfdae5;border:1px solid #345368;border-radius:20px;padding:7px 13px;font-size:11px;cursor:pointer}.sp-login-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:24px;border-top:1px solid #e1e8ee;padding-top:20px}.sp-login-links a{display:flex;align-items:center;gap:8px;padding:12px 10px;border:1px solid #dce5eb;border-radius:9px;color:#173c56;font-size:12px;background:#f7fafc;text-decoration:none}.sp-login-links a:hover{background:#dff1ee;border-color:#058b86}.sp-login-links a span{color:#058b86;font-size:18px}.sp-login-intro{position:fixed;inset:0;z-index:10001;background:#071d33;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.sp-login-intro img{animation:spBrandArrival .8s ease both}.sp-login-intro strong{font-size:32px;letter-spacing:3px;margin:14px}.sp-login-intro p{color:#c2d7e1}.sp-login-intro button{margin-top:32px;border:1px solid #557287;border-radius:24px;background:transparent;color:white;padding:10px 25px;cursor:pointer}.sp-login-links-editor{margin:18px 0;padding:20px;border:1px solid #d9e5eb;border-radius:12px;background:#f9fbfc}.sp-login-links-editor p{font-size:12px;color:#557086}.sp-login-link-row{display:grid;grid-template-columns:1fr 2fr auto auto;gap:10px;margin:10px 0;align-items:center}.sp-login-link-row input:not([type=checkbox]){min-width:0;width:100%;padding:10px;border:1px solid #cbdbe6;border-radius:6px}.sp-login-links-editor button{padding:8px 13px;margin-right:8px;border:1px solid #a8c5d1;border-radius:7px;background:white;color:#16415a;cursor:pointer}.sp-login-links-editor label{font-size:12px}.sp-login-links-editor button:disabled{opacity:.5}.cj-loading-brand{background:center/contain no-repeat url('/branding/icon-128.webp')!important;border:0!important;border-radius:0!important;width:84px!important;height:84px!important;animation:spBrandPulse 1.2s ease-in-out infinite!important}.cj-loading-spinner{border-color:#058b8633!important;border-top-color:#058b86!important;border-right-color:#102d51!important}#loader.spinner-container{background:#071d33!important}#loader.spinner-container:before,#loader.spinner-container:after{display:none!important}@keyframes spBrandPulse{50%{opacity:.55;transform:scale(.94)}}@keyframes spBrandArrival{from{opacity:0;transform:translateY(18px) scale(.85)}to{opacity:1;transform:none}}@media(max-width:850px){.cj-login-shell{grid-template-columns:1fr!important;gap:24px!important;padding:26px 18px!important}.sp-login-visual{width:100%;max-width:470px;justify-self:center}.sp-login-visual-brand img{width:240px}.sp-login-visual h1{font-size:32px;letter-spacing:-1px}.sp-login-eyebrow{margin-top:16px}.sp-login-description{font-size:13px;margin-bottom:0}.sp-machine-stage{margin-top:18px;aspect-ratio:2.1}.sp-studio-controls{gap:8px}.cj-login-card{max-width:470px!important}.sp-login-link-row{grid-template-columns:1fr 1fr}.sp-login-link-row input:nth-child(2){grid-column:1/-1;grid-row:2}}@media(prefers-reduced-motion:reduce){.cj-loading-brand,.sp-login-intro img{animation:none!important}}
@media(max-width:600px){.sp-login-visual h1,.sp-login-description,.sp-login-eyebrow{display:none}.sp-login-visual-brand img{width:220px;margin:auto}.sp-machine-stage{height:120px;aspect-ratio:auto;margin-top:12px}.sp-studio-controls{justify-content:center}.cj-login-shell{gap:18px!important}.cj-login-card{padding:22px 18px!important}.cj-login-original-logo{max-width:240px!important;margin-top:0!important}.cj-login-brand{margin-bottom:14px!important}}

/* Preserve the approved light wordmark on a consistent navy backing. */
.sp-login-visual-brand img{object-fit:contain!important;height:auto!important}.sp-login-card img,.sp-login-form img{object-fit:contain!important}

.cj-login-original-logo{background:transparent!important;padding:0!important;border-radius:0!important;box-sizing:border-box;object-fit:contain!important}

/* Light login surface; use the supplied dark wordmark without a backing box. */
.cj-login-shell{background:#f4f7f9!important;color:#173b4d!important}
.cj-login-card{background:#fff!important;box-shadow:0 16px 48px #173b4d12!important}
.cj-login-original-logo{background:transparent!important;padding:0!important;border-radius:0!important}
.sp-login-visual{color:#173b4d}.sp-login-visual h1{color:#173b4d!important}.sp-login-description{color:#526d7c}.sp-login-eyebrow{color:#007f87}
.sp-studio-controls button{background:#fff;color:#235064;border-color:#cbdde3}
#loader.spinner-container{background:#f4f7f9!important}