.customer-login-shell{grid-template-columns:minmax(0,1fr) minmax(430px,520px);min-height:620px}
.customer-login-copy{display:flex;flex-direction:column;justify-content:center;padding:64px;background:linear-gradient(145deg,#074b8e,#0878d6)}
.customer-login-copy h1{max-width:600px;margin:12px 0 16px;font-size:42px;line-height:1.08}
.customer-login-copy>p{max-width:590px;font-size:16px;line-height:1.65}
.customer-login-copy ul{display:grid;gap:14px;margin:30px 0 0;padding:0;list-style:none}
.customer-login-copy li{position:relative;margin:0;padding-left:34px}
.customer-login-copy li::before{content:'✓';position:absolute;left:0;top:1px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.16);font-weight:900}
.customer-login-copy li b,.customer-login-copy li small{display:block}.customer-login-copy li small{margin-top:3px;color:#d9ebfb}
.customer-login-form{justify-content:flex-start;padding:38px 42px;overflow:auto}
.customer-access-heading>span{color:#0874d9;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.customer-access-heading h2{margin:4px 0;font-size:30px}.customer-access-heading p{margin:0;color:#71869a}
.customer-access-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:24px 0 20px;padding:4px;border-radius:12px;background:#edf4fa}
.customer-access-tabs button{margin:0;padding:11px 8px;border:0;border-radius:9px;background:transparent;color:#60778d;font-size:12px;font-weight:900;cursor:pointer}
.customer-access-tabs button.active{background:#fff;color:#086fc8;box-shadow:0 4px 13px rgba(7,58,105,.1)}
.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:21px}.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}.access-pane input:focus{outline:3px solid rgba(8,116,217,.13);border-color:#0874d9}
.access-pane form>button{width:100%;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:900px){.customer-login-shell{grid-template-columns:1fr}.customer-login-copy{padding:34px}.customer-login-copy h1{font-size:32px}.customer-login-form{overflow:visible}}
@media(max-width:560px){.customer-login-form{padding:26px 20px}.customer-access-tabs button{font-size:10px}.customer-register-grid{grid-template-columns:1fr}.customer-register-grid .wide{grid-column:auto}}