/* Consumer login C45. All rules stay inside the login surface. */
.consumer-login-c45{--cl-background:#061522;--cl-card:#0c2235;--cl-accent:#65e6ee;--cl-text:#edf7fc;--cl-muted:#9eb7c8;--cl-card-width:440px;--cl-card-radius:24px;--cl-card-padding:32px;--cl-logo-height:128px;--cl-title-size:28px;--cl-body-size:14px;--cl-field-height:52px;--cl-field-radius:12px;--cl-field-gap:18px;--cl-glow-duration:3.72s;--cl-glow-opacity:.98;position:fixed;inset:0;z-index:30;display:flex;align-items:safe center;justify-content:center;padding:28px 16px;overflow:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 12% 5%,#17435466,transparent 52%),radial-gradient(ellipse at 95% 100%,#173b5b55,transparent 52%),var(--cl-background);color:var(--cl-text);color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
.consumer-login-c45,.consumer-login-c45 *{box-sizing:border-box}
.consumer-login-c45[hidden]{display:none!important}
.consumer-login-c45 .login-box{position:relative;flex:0 1 var(--cl-card-width);width:100%;max-width:var(--cl-card-width);margin:auto 0;padding:var(--cl-card-padding);border:1px solid #b9e9f21f;border-radius:var(--cl-card-radius);background:var(--cl-card);box-shadow:0 30px 90px #0005,0 1px 0 #fff08 inset;color:var(--cl-text);font-size:var(--cl-body-size);min-width:0}
.consumer-login-c45 .login-heading{display:flex;flex-direction:column;gap:0;text-align:center;margin:0 0 12px}
.consumer-login-c45 .cl-logo{position:relative;display:block;width:calc(var(--cl-logo-height)*.8002853);height:var(--cl-logo-height);margin:-8px auto 4px;isolation:isolate;flex-shrink:0}
.consumer-login-c45 .cl-logo>img,.consumer-login-c45 .cl-glow-sweep img{display:block;width:100%;height:100%;object-fit:fill;max-width:none;filter:none}
.consumer-login-c45 .cl-glow-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;isolation:isolate}
.consumer-login-c45 .cl-glow-sweep{position:absolute;inset:0 auto 0 0;width:18%;height:100%;overflow:hidden;mix-blend-mode:screen;opacity:var(--cl-glow-opacity);contain:strict;animation:clGlowWindowC45 var(--cl-glow-duration) linear infinite;mask-image:linear-gradient(90deg,transparent,#0003 9%,#0009 23%,#000 38%,#000 62%,#0009 77%,#0003 91%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#0003 9%,#0009 23%,#000 38%,#000 62%,#0009 77%,#0003 91%,transparent)}
.consumer-login-c45 .cl-glow-sweep img{position:absolute;top:0;left:0;width:555.555556%;animation:clGlowCounterC45 var(--cl-glow-duration) linear infinite}
.consumer-login-c45[data-glow=false] .cl-glow-layer{display:none}
@keyframes clGlowWindowC45{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(555.555556%,0,0)}}
@keyframes clGlowCounterC45{from{transform:translate3d(18%,0,0)}to{transform:translate3d(-100%,0,0)}}
.consumer-login-c45 .login-heading .cl-eyebrow{display:block;font-size:10px;font-weight:700;line-height:1.6;letter-spacing:.18em;color:var(--cl-accent);margin:0 0 8px}
.consumer-login-c45 .login-heading h1{margin:0;font-size:var(--cl-title-size);font-weight:650;letter-spacing:-.035em;line-height:1.25;color:var(--cl-text);overflow-wrap:anywhere}
.consumer-login-c45 .login-box>.cl-description{margin:0 0 28px;text-align:center;font-size:var(--cl-body-size);line-height:1.65;color:var(--cl-muted);overflow-wrap:anywhere}
.consumer-login-c45 .login-box form{display:flex;flex-direction:column;gap:var(--cl-field-gap);min-width:0}
.consumer-login-c45 .login-box form[hidden]{display:none!important}
.consumer-login-c45 .cl-field{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%}
.consumer-login-c45 .login-box label{display:block;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.01em;color:var(--cl-text)}
.consumer-login-c45 .login-box input{display:block;box-sizing:border-box;flex:1 1 auto;width:100%;min-width:0;max-width:100%;height:var(--cl-field-height);margin:0;border:1px solid #bad8eb30;border-radius:var(--cl-field-radius);background:#0002;color:var(--cl-text);padding:0 14px;font-size:16px;line-height:normal;outline:none;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.consumer-login-c45 .login-box input::placeholder{color:var(--cl-muted);opacity:.65;font-size:14px}
.consumer-login-c45 .login-box input:focus{border-color:var(--cl-accent);box-shadow:0 0 0 3px #65e6ee16}
.consumer-login-c45 .satker-combobox-c44{position:relative;display:flex;align-items:center;width:100%;min-width:0;margin:0}
.consumer-login-c45 .satker-combobox-c44>input{flex:1 1 0%;width:100%!important;padding-right:46px!important}
.consumer-login-c45 .satker-combobox-c44>button{display:grid;place-items:center;position:absolute;top:0;right:0;bottom:0;height:var(--cl-field-height);width:44px;margin:0;padding:0;border:0;background:none;box-shadow:none;color:var(--cl-muted);font:20px system-ui;cursor:pointer;z-index:1}
.consumer-login-c45 .satker-options-c44{border:1px solid #6fb8cc55;border-radius:var(--cl-field-radius);background:var(--cl-card);padding:5px;max-height:min(260px,35dvh);font-size:13px;line-height:1.5;z-index:50}
.consumer-login-c45 .satker-options-c44>button{font-size:13px;line-height:1.6;color:var(--cl-text);padding:10px 12px}
.consumer-login-c45 .satker-options-c44>button:hover,.consumer-login-c45 .satker-options-c44>button[aria-selected=true]{background:#65e6ee15}
.consumer-login-c45 .cl-selected{margin:0;font-size:11px;color:var(--cl-muted);line-height:1.5;overflow-wrap:anywhere}
.consumer-login-c45 .cl-selected:empty{display:none}
.consumer-login-c45 .cl-password{position:relative;display:flex;align-items:center;min-width:0}
.consumer-login-c45 .cl-password input{padding-right:48px}
.consumer-login-c45 .cl-password button{display:grid;place-items:center;position:absolute;right:0;top:0;width:46px;height:100%;padding:0;border:0;background:none;color:var(--cl-muted);box-shadow:none;cursor:pointer}
.consumer-login-c45 svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.consumer-login-c45 .login-box .button{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:var(--cl-field-height);padding:12px 18px;margin:4px 0 0;border:1px solid transparent;border-radius:var(--cl-field-radius);background:var(--cl-accent);color:#06232e;font-size:14px;line-height:1.4;font-weight:750;letter-spacing:.02em;box-shadow:0 6px 24px #0002;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.consumer-login-c45 .login-box .button.secondary{background:transparent;color:var(--cl-muted);box-shadow:none;border-color:#bad8eb30}
.consumer-login-c45 button:focus-visible{outline:2px solid var(--cl-accent);outline-offset:3px}
.consumer-login-c45 .login-submit:disabled{opacity:.65;cursor:wait}
.consumer-login-c45 .login-submit[aria-busy=true]::before{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:clSpinC45 .7s linear infinite}
@keyframes clSpinC45{to{transform:rotate(360deg)}}
.consumer-login-c45 .login-foot{margin:26px 0 0;padding:18px 0 0;border-top:1px solid #c6e8fa12;color:var(--cl-muted);font-size:10px;line-height:1.6;text-align:center;letter-spacing:.025em;overflow-wrap:anywhere}
.consumer-login-c45 .login-error{min-height:0;margin:16px 0 0!important;padding:10px 12px;border:1px solid #f78e8e33;border-radius:10px;background:#f78e8e0a;font-size:12px!important;font-weight:500;line-height:1.6;color:#ffbaba!important;overflow-wrap:anywhere}
.consumer-login-c45 .login-error:empty{display:none}
.consumer-login-c45 .cl-shake{animation:clShakeC45 .32s ease-out}
@keyframes clShakeC45{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.consumer-login-c45 form>p{margin:0;color:var(--cl-muted);line-height:1.65;font-size:13px}
@media(max-width:480px){.consumer-login-c45{padding:20px 16px}.consumer-login-c45 .login-box{padding:min(var(--cl-card-padding),24px);border-radius:min(var(--cl-card-radius),22px)}.consumer-login-c45 .cl-logo{height:min(var(--cl-logo-height),112px);width:calc(min(var(--cl-logo-height),112px)*.8002853)}.consumer-login-c45 .login-heading h1{font-size:min(var(--cl-title-size),28px)}.consumer-login-c45 .login-box>.cl-description{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.consumer-login-c45 *{animation:none!important;transition:none!important}}