.customer-login-shell{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(420px,.9fr);max-width:1640px;min-height:720px;margin:18px auto 28px;border:1px solid #e5eaf1;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 14px 42px rgba(13,35,68,.15)}
.customer-login-copy{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:720px;padding:50px 48px 44px;color:#fff;background:#031e50 url('/assets/customer-portal-hero-v2.png') center/cover no-repeat;isolation:isolate}
.customer-login-copy:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,24,66,.98) 0%,rgba(2,29,79,.91) 39%,rgba(2,34,87,.25) 69%,rgba(2,22,57,.12) 100%)}
.customer-login-intro{max-width:600px}.customer-login-eyebrow{display:flex;align-items:center;gap:14px;font-size:18px;text-transform:uppercase;letter-spacing:.02em}.customer-login-eyebrow i{display:grid;place-items:center;width:38px;height:38px;border:2px solid #39a8ff;border-radius:50%;color:#39a8ff;font-style:normal;font-size:23px}
.customer-login-copy h1{max-width:590px;margin:22px 0 18px;color:#fff;font-size:52px;line-height:1.08;letter-spacing:-.035em}.customer-login-copy h1 em{color:#39a8ff;font-style:normal}.customer-login-copy .customer-login-intro>p{max-width:540px;margin:0;color:#fff;font-size:17px;line-height:1.55}.customer-login-rule{display:block;width:130px;height:4px;margin-top:28px;border-radius:3px;background:#31aaff}
.customer-login-features{display:grid;gap:18px;width:360px;margin:12px 0}.customer-login-features article{display:flex;align-items:center;gap:18px}.customer-login-features article>i{display:grid;place-items:center;flex:0 0 60px;height:60px;border:1px solid #1488ea;border-radius:50%;background:rgba(13,92,176,.22);color:#d7edff;font-style:normal;font-size:30px}.customer-login-features b,.customer-login-features small{display:block}.customer-login-features b{font-size:18px}.customer-login-features small{margin-top:4px;color:#e6f3ff;font-size:14px;line-height:1.45}
.customer-login-help{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:20px 24px;border:1px solid rgba(40,155,255,.48);border-radius:12px;background:rgba(0,47,110,.45);backdrop-filter:blur(4px)}.customer-login-help>div,.customer-login-help>a{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none}.customer-login-help>a{padding-left:24px;border-left:1px solid #2799ef}.customer-login-help i{font-style:normal;font-size:42px;color:#d6eaff}.customer-login-help a i{color:#4bd16a}.customer-login-help b,.customer-login-help small,.customer-login-help span,.customer-login-help strong{display:block}.customer-login-help b{font-size:18px}.customer-login-help small{margin-top:3px;font-size:13px}.customer-login-help a span{font-size:16px}.customer-login-help a strong{margin-top:3px;color:#39a8ff;font-size:17px}
.customer-login-form{display:flex;justify-content:flex-start;padding:48px 42px;overflow:auto;background:linear-gradient(145deg,#fff,#fbfdff)}.customer-access-box{color:#142d56}.customer-access-heading>span{display:flex;align-items:center;gap:12px;color:#075bd8;font-size:14px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.customer-access-heading>span i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e3f0ff;color:#0764df;font-style:normal}.customer-access-heading h2{margin:15px 0 5px;color:#071e4c;font-size:40px;line-height:1}.customer-access-heading p{margin:0;color:#536887;font-size:16px}
.customer-access-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0 20px}.customer-access-tabs button{display:flex;min-height:112px;margin:0;padding:16px 8px;border:1px solid #d7e0ec;border-radius:10px;background:#fff;color:#405473;font-size:13px;font-weight:900;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:.18s ease}.customer-access-tabs button i{font-style:normal;font-size:29px}.customer-access-tabs button.active{border:2px solid #0e63ee;color:#0759d2;box-shadow:0 4px 13px rgba(7,58,105,.1);transform:translateY(-1px)}
.customer-site-trust{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding:15px 17px;border:1px solid #cdebd9;border-radius:9px;background:#effaf4;color:#18713c;font-size:12px;line-height:1.5}.customer-site-trust>i{font-style:normal;font-size:26px}.customer-site-trust strong{display:block;color:#087333;font-size:13px}
.access-pane[hidden]{display:none!important}.access-pane{animation:access-in .18s ease-out}.access-pane-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.access-pane-title>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#e6f3ff;color:#0874d9;font-size:20px;font-weight:900}.access-pane-title h3{margin:1px 0 4px;color:#123d6b;font-size:20px}.access-pane-title p{margin:0;color:#71869a;font-size:12px;line-height:1.5}.access-pane form{display:grid}.access-pane label{margin-top:12px;color:#2c4163;font-weight:700}.access-pane input{min-height:46px;border:1px solid #ccd8e7;border-radius:8px;background:#fff}.access-pane input:focus{outline:3px solid rgba(8,116,217,.13);border-color:#0874d9}.access-pane form>button{width:100%;min-height:50px;border-radius:8px;background:linear-gradient(90deg,#0756bd,#0e62ed);font-size:15px;font-weight:800;cursor:pointer}.access-help{display:block;margin-top:13px!important;color:#71869a;line-height:1.45}.customer-register-grid{grid-template-columns:1fr 1fr;gap:0 12px}.customer-register-grid .wide{grid-column:1/-1}.access-consent{display:flex!important;grid-column:1/-1;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;margin-top:16px!important;font-weight:600!important;line-height:1.45}.access-consent input{flex:0 0 auto;width:17px;height:17px;margin-top:1px;padding:0}.access-consent a{color:#0874d9}.access-text-action{width:100%;margin-top:12px!important;padding:5px!important;background:transparent!important;color:#0874d9!important;font-size:11px;text-decoration:underline;cursor:pointer}
@keyframes access-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.customer-login-shell{grid-template-columns:1fr 430px}.customer-login-copy{padding:42px 34px}.customer-login-copy h1{font-size:44px}.customer-login-help{grid-template-columns:1fr}.customer-login-help>a{padding:16px 0 0;border-top:1px solid #2799ef;border-left:0}}
@media(max-width:900px){.customer-login-shell{grid-template-columns:1fr;margin:10px 14px}.customer-login-copy{min-height:620px;padding:38px 32px}.customer-login-form{overflow:visible}.customer-login-features{margin-top:180px}.customer-login-copy:after{background:linear-gradient(90deg,rgba(2,24,66,.98),rgba(2,29,79,.8) 50%,rgba(2,22,57,.12))}}
@media(max-width:560px){.customer-login-shell{margin:0;border-radius:0}.customer-login-copy{min-height:auto;padding:30px 22px;background-position:65% center}.customer-login-copy:after{background:rgba(2,25,67,.86)}.customer-login-copy h1{font-size:37px}.customer-login-features{width:100%;margin:32px 0}.customer-login-help{grid-template-columns:1fr}.customer-login-form{padding:34px 20px}.customer-access-heading h2{font-size:34px}.customer-access-tabs button{min-height:92px;font-size:11px}.customer-access-tabs button i{font-size:24px}.customer-register-grid{grid-template-columns:1fr}.customer-register-grid .wide{grid-column:auto}}