:root{--cl-navy:#061b3a;--cl-blue:#1f67e8;--cl-cyan:#19b9d8;--cl-ink:#10213d;--cl-muted:#78879c;--cl-line:#dfe7f2}
body.opx-customer-login{margin:0;background:#071932!important;color:var(--cl-ink);font-family:Inter,"Segoe UI",Arial,sans-serif!important}
body.opx-customer-login .auth-layout{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(480px,.88fr)!important;min-height:100vh!important;background:#071932!important}
body.opx-customer-login .auth-right{position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0;padding:48px clamp(34px,5vw,78px)!important;overflow:hidden;background:radial-gradient(circle at 95% 5%,rgba(54,125,235,.13),transparent 27%),linear-gradient(150deg,#f8fbff,#eef3fa)!important}
body.opx-customer-login [data-opx-cl-legacy-brand],body.opx-customer-login .auth-features-bottom,body.opx-customer-login .auth-right>div:last-child:not(.opx-cl-foot){display:none!important}
.opx-cl-visual{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(26,164,211,.22),transparent 27%),radial-gradient(circle at 86% 74%,rgba(47,103,221,.34),transparent 30%),linear-gradient(145deg,#06182f,#0a2b5a 58%,#10458d);color:#fff}
.opx-cl-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom right,#000,transparent 74%)}
.opx-cl-orbit,.opx-cl-orbit:before,.opx-cl-orbit:after{position:absolute;border:1px solid rgba(113,207,233,.14);border-radius:50%}.opx-cl-orbit{right:-190px;top:-190px;width:560px;height:560px}.opx-cl-orbit:before{content:"";inset:70px}.opx-cl-orbit:after{content:"";inset:145px}
.opx-cl-inner{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;padding:clamp(42px,6vw,84px) clamp(44px,7vw,110px)}
.opx-cl-logo{display:flex;align-items:center;width:240px;color:#fff}.opx-cl-logo svg,.opx-cl-logo img{max-height:54px;width:auto}.opx-cl-live{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:auto;padding:8px 11px;border:1px solid rgba(155,216,235,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#b8d8ec;font-size:8px;font-weight:850;letter-spacing:.04em}.opx-cl-live i,.opx-cl-secure i{width:7px;height:7px;border-radius:50%;background:#32d195;box-shadow:0 0 0 5px rgba(50,209,149,.1)}
.opx-cl-kicker{margin-top:27px;color:#67d4e7;font-size:8px;font-weight:950;letter-spacing:.16em}.opx-cl-inner h1{max-width:720px;margin:10px 0 16px;color:#fff;font-size:clamp(38px,4.2vw,65px);line-height:1.02;letter-spacing:-.052em}.opx-cl-inner h1 span{color:#95aecd}.opx-cl-copy{max-width:660px;margin:0;color:#b4c7df;font-size:12px;line-height:1.7}
.opx-cl-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:680px;margin-top:32px}.opx-cl-features article{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid rgba(147,190,231,.13);border-radius:13px;background:rgba(255,255,255,.045);backdrop-filter:blur(8px)}.opx-cl-features svg{width:25px;height:25px;flex:none;fill:none;stroke:#58cee4;stroke-width:1.7}.opx-cl-features b{display:block;color:#f7fbff;font-size:9.5px}.opx-cl-features span{display:block;margin-top:3px;color:#88a5c6;font-size:8px}
.opx-cl-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:34px;color:#6888ae;font-size:8px}.opx-cl-bottom b{color:#93abc8;font-size:8px;letter-spacing:.12em}
body.opx-customer-login .auth-card{position:relative;width:min(480px,100%)!important;margin:0!important;padding:0!important;overflow:hidden;border:1px solid rgba(216,227,241,.94)!important;border-radius:24px!important;background:rgba(255,255,255,.985)!important;box-shadow:0 32px 90px rgba(25,51,88,.19)!important}
body.opx-customer-login .auth-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#1d63dc,#20b9d5)}
body.opx-customer-login .auth-card>.card-header{display:none!important}.opx-cl-cardhead{position:relative;padding:38px 40px 23px}.opx-cl-cardhead>span{color:#2367d9;font-size:8px;font-weight:950;letter-spacing:.15em}.opx-cl-cardhead h2{margin:8px 0 7px;color:#112442;font-size:29px;line-height:1.15;letter-spacing:-.04em}.opx-cl-cardhead p{margin:0;color:#7b8ba2;font-size:10.5px;line-height:1.55}.opx-cl-private{position:absolute;right:40px;top:41px;display:flex;align-items:center;gap:7px;color:#8190a5;font-size:7px;font-weight:900;letter-spacing:.11em}.opx-cl-private i{width:6px;height:6px;border-radius:50%;background:#26be85;box-shadow:0 0 0 4px rgba(38,190,133,.1)}
body.opx-customer-login .auth-card form{padding:0 40px 34px}.opx-customer-login .ant-form-item{margin-bottom:18px!important}.opx-customer-login .ant-form-item-label{padding-bottom:7px!important}.opx-customer-login .ant-form-item-label>label{height:auto!important;color:#354963!important;font-size:9.5px!important;font-weight:800!important}
body.opx-customer-login .ant-input-affix-wrapper{height:50px!important;padding:0 14px!important;border:1px solid var(--cl-line)!important;border-radius:12px!important;background:#f8faff!important;box-shadow:none!important;transition:.18s ease!important}.opx-customer-login .ant-input-affix-wrapper:hover{border-color:#aec6ec!important;background:#fff!important}.opx-customer-login .ant-input-affix-wrapper-focused{border-color:#3977df!important;background:#fff!important;box-shadow:0 0 0 4px rgba(48,112,223,.09)!important}.opx-customer-login .ant-input{color:#132743!important;background:transparent!important;font-size:12px!important}.opx-customer-login .ant-input-prefix{margin-right:9px;color:#7890af!important}.opx-customer-login .ant-input-password-icon{color:#8295ae!important}
body.opx-customer-login .form-links{align-items:center;margin:2px 0 20px;color:#677991;font-size:9.5px}.opx-customer-login .ant-checkbox-wrapper{color:#61738d;font-size:9.5px}.opx-customer-login .ant-checkbox-inner{border-radius:5px}.opx-customer-login .forgot-link{color:#2869d6!important;font-size:9.5px;font-weight:750}
body.opx-customer-login .auth-card form>.ant-btn-primary{height:51px!important;border:0!important;border-radius:12px!important;background:linear-gradient(110deg,#175ad1,#257af0 65%,#16afd1)!important;color:#fff!important;font-size:11px!important;font-weight:850!important;box-shadow:0 15px 30px rgba(29,99,233,.25)!important;transition:.18s ease!important}.opx-customer-login .auth-card form>.ant-btn-primary:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 19px 36px rgba(29,99,233,.31)!important}
body.opx-customer-login .ant-divider{margin:22px 0!important;color:#a0adbf!important;font-size:8px!important}.opx-customer-login .ant-divider:before,.opx-customer-login .ant-divider:after{border-color:#ebeff5!important}.opx-customer-login .form-footer{color:#8290a3;font-size:9.5px}.opx-customer-login .form-footer a{color:#2468d9!important;font-weight:800}
.opx-cl-note{display:flex;gap:9px;margin-top:21px;padding:11px 12px;border:1px solid #e3eaf4;border-radius:11px;background:#f8faff;color:#74849b;font-size:8px;line-height:1.45}.opx-cl-note svg{width:17px;height:17px;flex:none;fill:none;stroke:#2e70df;stroke-width:1.8}.opx-cl-note b{display:block;margin-bottom:2px;color:#415571;font-size:8.5px}.opx-cl-mobile-logo{display:none}.opx-cl-foot{width:min(480px,100%);margin-top:17px;color:#8d9aab;font-size:8px;text-align:center}.opx-cl-foot b{color:#65758b}
@media(max-width:980px){body.opx-customer-login .auth-layout{display:block!important}.opx-cl-visual{display:none}.opx-customer-login .auth-right{min-height:100vh;padding:28px 20px!important;background:radial-gradient(circle at 50% 0,rgba(38,112,224,.2),transparent 32%),#071a35!important}.opx-cl-mobile-logo{display:flex;width:195px;margin:0 auto 25px;color:#fff}.opx-cl-mobile-logo svg,.opx-cl-mobile-logo img{max-height:47px;width:auto}.opx-cl-foot{color:#7f98b7}.opx-cl-foot b{color:#aec1d8}}
@media(max-width:520px){body.opx-customer-login .auth-right{padding:20px 14px!important}.opx-cl-cardhead{padding:32px 23px 20px}.opx-cl-cardhead h2{font-size:25px}.opx-cl-private{position:static;margin-bottom:19px}.opx-cl-cardhead>span{display:block}.opx-customer-login .auth-card form{padding:0 23px 25px}.opx-cl-note{font-size:7.5px}}
@media(prefers-reduced-motion:reduce){body.opx-customer-login *{transition:none!important;animation:none!important}}body.opx-customer-login [data-opx-cl-legacy-foot]{display:none!important}
.opx-cl-emblem{position:relative;display:grid;place-items:center;width:47px;height:47px;flex:none;border:1px solid rgba(135,207,232,.22);border-radius:13px;background:linear-gradient(145deg,#102b57,#071a34);box-shadow:0 12px 26px rgba(1,13,31,.22)}.opx-cl-emblem b{color:#fff;font-size:27px;line-height:1;letter-spacing:-.08em}.opx-cl-emblem sup{position:absolute;right:5px;top:4px;color:#3bd0e8;font-size:12px;font-weight:950}.opx-cl-word{display:flex;align-items:baseline;gap:7px;margin-left:13px;white-space:nowrap}.opx-cl-word b{color:#fff;font-size:20px;font-weight:950;letter-spacing:.08em}.opx-cl-word i{color:#39c8e2;font-size:15px;font-style:normal;font-weight:900;letter-spacing:.06em}.opx-cl-mobile-logo .opx-cl-word b{color:#fff}.opx-cl-mobile-logo .opx-cl-word b{color:#0c2a57!important}