body.login-mode{background:linear-gradient(110deg,#09131ed9,#0a182749),url('login-landscape.webp') center/cover fixed;min-height:100dvh}
body.login-mode #main{max-width:none;padding:28px 20px;min-height:100dvh;display:grid;place-items:center}
.customer-login{width:min(1050px,100%);margin:auto}.customer-login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:700px;border:8px solid color-mix(in srgb,var(--card) 90%,transparent);border-radius:35px;background:var(--card);overflow:hidden;box-shadow:0 28px 90px #0003}
.customer-login-art{position:relative;overflow:hidden;border-radius:25px;background:linear-gradient(180deg,#06162a14,#0007),url('login-landscape.webp') 35% center/cover;display:grid;place-items:center}.customer-login-logo{width:150px;height:150px;border-radius:32px;object-fit:contain;z-index:1;box-shadow:0 25px 70px #0003;animation:login-brand-enter .6s ease both}.auth-home{position:absolute;top:20px;left:20px;color:white;background:#07152255;border-color:#fff3;z-index:2}.auth-home svg{stroke:white;fill:none;stroke-width:1.7}.login-art-lines{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.login-art-lines i{position:absolute;width:260px;height:260px;border:1px solid #fff2;border-radius:50%}.login-art-lines i:nth-child(2){width:350px;height:350px;border-style:dashed}.login-art-lines i:nth-child(3){width:440px;height:440px;opacity:.5}
.customer-login-panel{padding:25px 46px 35px;display:flex;flex-direction:column;justify-content:center;min-width:0}.customer-login-tools{display:flex;justify-content:flex-end;gap:8px;margin-bottom:25px}.customer-login-tools>a{display:none}.customer-login-tools svg{fill:none;stroke:currentColor;stroke-width:1.7}.customer-login-heading h1{font-size:31px;line-height:1.2;letter-spacing:-.04em;margin:10px 0 23px}.customer-login-heading .eyebrow{font-size:9px}
.login-mode-tabs{display:flex;border:1px solid var(--line);background:var(--bg);padding:4px;border-radius:13px;margin-bottom:22px;gap:3px}.login-mode-tabs button{flex:1;border:0;background:transparent;border-radius:9px;min-height:36px;font-size:11px;color:var(--muted);padding:8px}.login-mode-tabs button[aria-pressed=true]{background:var(--card);color:var(--text);box-shadow:0 3px 9px #00000009;font-weight:600}
.oauth-options{display:grid;gap:10px}.oauth-options button{display:flex;justify-content:center;align-items:center;gap:12px;font-size:11px;min-height:45px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);transition:border-color .18s,background .18s}.oauth-options button:hover{border-color:var(--blue);background:var(--soft)}.oauth-options svg{width:20px;height:20px;fill:currentColor}.google-mark{font-family:Arial,sans-serif;font-size:20px;font-weight:700;color:#4285f4}
.login-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:9px;margin:23px 0}.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:var(--line)}
.customer-login-panel #auth-form{display:grid;gap:13px}.login-register-fields{border:0;padding:0;margin:0;display:grid;gap:13px;min-width:0}.login-register-fields[hidden]{display:none!important}.login-input-wrap{display:block;position:relative}.login-input-wrap input{width:100%;height:57px;border-radius:14px;border:1px solid var(--line);padding:22px 40px 9px 16px!important;font-size:13px;color:var(--text);background:linear-gradient(120deg,color-mix(in srgb,var(--card) 80%,transparent),var(--bg));box-shadow:inset 0 1px 2px #ffffff0b;transition:border-color .2s,box-shadow .2s;outline:none}.login-input-wrap>span{position:absolute;left:16px;top:21px;font-size:12px;color:var(--muted);pointer-events:none;transition:transform .17s,font-size .17s,top .17s}.login-input-wrap input:focus+span,.login-input-wrap input:not(:placeholder-shown)+span{top:9px;font-size:9px;color:var(--blue)}.login-input-wrap input:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 12%,transparent)}.login-input-wrap>i{position:absolute;right:17px;top:20px;font-style:normal;font-size:13px;color:var(--muted)}
.login-password-wrap{position:relative}.login-password-wrap>button{position:absolute;right:8px;top:10px;display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;padding:9px;color:var(--muted)}.login-password-wrap svg{fill:none;stroke:currentColor;stroke-width:1.6;width:19px;height:19px}.login-form-tools{display:flex;justify-content:flex-end;margin-top:-4px}.login-form-tools button{background:none;border:0;color:var(--muted);font-size:10px;padding:0;min-height:27px}.login-form-tools button:hover{color:var(--blue)}#auth-error:empty{display:none}#auth-error{font-size:11px;color:var(--red);line-height:1.6;margin:0}.customer-login-panel .login-submit{min-height:47px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:13px 17px}.customer-login-panel [aria-busy=true] .login-submit{opacity:.6;cursor:wait}.login-resume-note{text-align:center;font-size:9px;color:var(--muted);line-height:1.6;margin:20px 0 0}
@keyframes login-brand-enter{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:760px){body.login-mode #main{padding:16px 12px}.customer-login-shell{grid-template-columns:1fr;border-width:5px;border-radius:26px;min-height:0}.customer-login-art{min-height:170px;border-radius:19px;background-position:center 45%}.customer-login-logo{width:80px;height:80px;border-radius:20px}.login-art-lines i{width:140px;height:140px}.login-art-lines i:nth-child(2){width:210px;height:210px}.login-art-lines i:nth-child(3){width:290px;height:290px}.auth-home{top:13px;left:13px}.customer-login-panel{padding:19px 24px 28px}.customer-login-tools{margin-bottom:12px}.customer-login-heading h1{font-size:28px;margin-bottom:20px}.oauth-options{grid-template-columns:1fr}.login-mode-tabs{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.customer-login-logo{animation:none}.login-input-wrap>span{transition:none}}
.customer-login-shell{position:relative;min-height:610px}.customer-login-panel{padding:48px 42px 36px;position:static}.customer-login-tools{position:absolute;top:20px;right:20px;margin:0;z-index:4}.customer-login-heading h1{font-size:29px;margin:0 0 20px}.oauth-options{grid-template-columns:1fr 1fr;gap:10px}.oauth-options button{gap:9px;min-height:43px}.login-divider{height:1px;background:var(--line);margin:19px 0;gap:0}.login-divider::before,.login-divider::after{display:none}.login-input-wrap input{height:53px;padding-top:21px!important}.login-input-wrap>span{top:19px}.login-input-wrap input:focus+span,.login-input-wrap input:not(:placeholder-shown)+span{top:8px}.login-input-wrap>i{top:18px}.login-password-wrap>button{top:8px}.login-mode-tabs{margin-bottom:18px}.customer-login-panel .login-submit{min-height:44px}.login-form-tools{margin:0}
@media(max-width:760px){body.login-mode #main{padding:12px 10px}.customer-login-shell{min-height:0;border-radius:24px}.customer-login-art{min-height:125px;border-radius:18px;background-position:center 40%}.customer-login-logo{width:65px;height:65px;border-radius:17px}.customer-login-tools{top:13px;right:13px}.customer-login-tools .client-icon-button{background:#11192380;color:white;border-color:#ffffff30}.customer-login-panel{padding:22px 21px 26px}.customer-login-heading h1{font-size:26px;margin-bottom:18px}.login-mode-tabs{margin-bottom:16px}.login-mode-tabs button{min-height:34px}.oauth-options{grid-template-columns:1fr 1fr;gap:10px}.oauth-options button{min-height:42px;font-size:11px}.login-divider{margin:18px 0}.customer-login-panel #auth-form{gap:12px}.login-register-fields{gap:12px}.customer-login-panel .login-submit{min-height:44px}.login-input-wrap input{height:52px}.login-art-lines i{width:115px;height:115px}.login-art-lines i:nth-child(2){width:180px;height:180px}.login-art-lines i:nth-child(3){width:250px;height:250px}}
.jmb-profile-onboarding{width:min(400px,calc(100vw - 32px));padding:28px;border:1px solid var(--border,#64748b55);border-radius:24px;background:var(--panel,#182026);color:var(--text,#eef0f2)}.jmb-profile-onboarding::backdrop{background:#0009;backdrop-filter:blur(8px)}.jmb-profile-onboarding form{display:grid;gap:18px}.jmb-profile-onboarding h2{font-size:24px;margin:0 0 8px}.jmb-profile-onboarding [role=alert]:empty{display:none}.jmb-profile-onboarding [role=alert]{color:#ff8ca4}
@media(max-width:760px){body.login-mode #main{align-items:start;justify-items:center;padding-top:20px}.customer-login{margin:0 auto}.login-input-wrap input{font-size:16px}}

.phone-country-row{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.phone-country-row select{width:120px;max-width:42%;min-height:42px;flex:0 0 120px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);padding:8px;font:inherit;font-size:12px}.phone-country-row input{min-width:0;width:100%;flex:1}.login-input-wrap:has(.phone-country-row)>span{display:none}.jmb-profile-onboarding{max-width:430px;width:calc(100vw - 28px);background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:24px}.jmb-profile-onboarding form{display:grid;gap:16px}

.login-input-wrap input,.login-input-wrap select{box-sizing:border-box}.phone-country-row input{padding:12px 10px!important;height:52px!important;line-height:1.4!important}.phone-country-row{align-items:stretch;gap:10px}.phone-country-row select{min-height:52px}.login-input-wrap input{line-height:1.35}.login-input-wrap input::placeholder{font-size:12px}.customer-login-panel .login-register-fields .login-input-wrap{min-width:0}

.phone-country-row{position:relative;display:grid;grid-template-columns:108px minmax(0,1fr);gap:8px}.phone-country-row select[hidden]{display:none!important}.phone-country-picker{position:relative;min-width:0}.phone-country-picker summary{display:flex;align-items:center;justify-content:center;gap:7px;height:52px;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;cursor:pointer;list-style:none;font-size:13px;background:var(--card)}.phone-country-picker summary::-webkit-details-marker{display:none}.phone-country-picker img{width:22px;height:16px;object-fit:cover;border-radius:2px;flex-shrink:0}.phone-country-panel{position:absolute;left:0;top:calc(100% + 6px);width:min(310px,calc(100vw - 60px));padding:9px;box-sizing:border-box;background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 28px #0003;z-index:100}.phone-picker-up .phone-country-panel{top:auto;bottom:calc(100% + 6px)}.phone-country-panel>input{height:38px!important;margin-bottom:7px;padding:8px 10px!important;font-size:13px}.phone-country-options{max-height:min(220px,35vh);overflow:auto;display:grid;gap:3px}.phone-country-options button{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:38px;padding:7px;border:0;background:transparent;color:var(--text);text-align:left;border-radius:7px;font-size:12px}.phone-country-options button:hover,.phone-country-options button:focus-visible{background:var(--soft)}.phone-country-options button strong{margin-left:auto;white-space:nowrap}.phone-country-row>input{width:100%;min-width:0;padding:12px 10px!important}.login-input-wrap:has(.phone-country-row)>span{display:none}

.login-remember{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);cursor:pointer}.login-remember input{width:16px;height:16px;accent-color:var(--blue);flex-shrink:0}

.oauth-options:has(>button:only-child){grid-template-columns:minmax(0,1fr)}