body#html-body.lofmarketplace-seller-login { margin: 0; background: #f6f7f3; color: #172c24; }
body#html-body.lofmarketplace-seller-login .page-main { width: 100%; max-width: none !important; margin: 0 !important; padding: 0 !important; }
body#html-body.lofmarketplace-seller-login .columns, body#html-body.lofmarketplace-seller-login .column.main { width: 100%; padding: 0; margin: 0; min-height: 0; }
body#html-body.lofmarketplace-seller-login .seller-login-split { display: flex; min-height: 100vh; min-height: 100svh; }
body#html-body.lofmarketplace-seller-login .seller-login-brand { position: relative; display: flex; flex: 0 0 54%; max-width: 54%; overflow: hidden; color: #fff; background: #0d2a1c; }
body#html-body.lofmarketplace-seller-login .seller-login-brand__pattern { position: absolute; inset: 0; opacity: .08; filter: grayscale(.65); pointer-events: none; background: url('../images/seller-line-pattern.svg') center center / cover no-repeat; mask-image: none; }
body#html-body.lofmarketplace-seller-login .seller-login-brand__logo img { display: block; width: 300px; max-width: 100%; height: auto; filter: url('#seller-logo-light'); }

body#html-body.lofmarketplace-seller-login .seller-login-brand__inner { position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; max-width: 590px; margin: 0 auto; padding: 80px 64px 110px; box-sizing: border-box; }
body#html-body.lofmarketplace-seller-login .seller-login-brand__logo { font-size: 38px; line-height: 1.15; font-weight: 800; letter-spacing: -1.5px; margin: 0 0 32px; }
body#html-body.lofmarketplace-seller-login .seller-login-brand__logo-con { color: #8abd45; }
body#html-body.lofmarketplace-seller-login .seller-login-brand__logo-casa { color: white; font-weight: 300; }
body#html-body.lofmarketplace-seller-login .seller-login-brand__badge { display: inline-flex; align-items: center; gap: 7px; color: #9cc85c; border: 1px solid #395f29; background: #213e21; border-radius: 20px; padding: 4px 12px; font-size: 10px; letter-spacing: 1.2px; margin-bottom: 28px; }
body#html-body.lofmarketplace-seller-login .seller-login-brand__badge-dot { width: 4px; height: 4px; border-radius: 50%; background: #9cc85c; }
body#html-body.lofmarketplace-seller-login .seller-login-brand__headline { display: inline-flex; align-items: center; color: #bde677; background: rgba(147, 191, 37, .14); border: 1px solid rgba(147, 191, 37, .5); border-radius: 999px; padding: 13px 28px; font-size: 17px; font-weight: 800; line-height: 1; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 24px; text-wrap: balance; }
body#html-body.lofmarketplace-seller-login .seller-login-brand__text { font-size: 15px; line-height: 1.75; color: #b0c0b5; margin: 0 0 30px; max-width: 430px; }
body#html-body.lofmarketplace-seller-login .seller-login-brand__features { list-style: none; padding: 0; margin: 0; display: grid; gap: 20px; }
body#html-body.lofmarketplace-seller-login .seller-login-brand__features li { display: flex; align-items: center; gap: 12px; margin: 0; }
body#html-body.lofmarketplace-seller-login .seller-login-brand__feature-icon { display: flex; flex: 0 0 18px; width: 18px; height: 18px; background: none; color: #d3e2d4; }
body#html-body.lofmarketplace-seller-login .seller-login-brand__feature-text { font-size: 14px; line-height: 1.55; font-weight: 400; color: #c6d4cb; }
body#html-body.lofmarketplace-seller-login .seller-login-brand__footer { position: absolute; bottom: 28px; left: 64px; right: 64px; display: flex; justify-content: space-between; border-top: 1px solid #234032; padding-top: 15px; font-size: 10px; color: #6e8b77; }
body#html-body.lofmarketplace-seller-login .login-container { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; max-width: none; margin: 0; padding: 48px; background: #f6f7f3; box-sizing: border-box; }
body#html-body.lofmarketplace-seller-login .seller-login-card-logo { display: none; }
body#html-body.lofmarketplace-seller-login .seller-login-card { width: 100%; max-width: 440px; box-sizing: border-box; background: white; border: 1px solid #e9ede6; border-radius: 24px; box-shadow: 0 20px 60px #15301e0a; overflow: hidden; }
body#html-body.lofmarketplace-seller-login .login-container .block { float: none; width: auto; max-width: none; margin: 0; border: 0; border-radius: 0; box-shadow: none; padding: 40px; background: transparent; }
body#html-body.lofmarketplace-seller-login .login-container .block-title { border: 0; margin: 0 0 32px; padding: 0; }
body#html-body.lofmarketplace-seller-login .login-container .block-title strong { font-size: 26px; line-height: 1.25; letter-spacing: -.4px; font-weight: 600; color: #2c4035; }
body#html-body.lofmarketplace-seller-login .login-container .block-subtitle { font-size: 14px; line-height: 1.6; font-weight: 400; color: #66756c; margin: 8px 0 0; }
body#html-body.lofmarketplace-seller-login .login-container .fieldset { margin: 0; padding: 0; }
body#html-body.lofmarketplace-seller-login .login-container .fieldset:after { display: none; }
body#html-body.lofmarketplace-seller-login .login-container .field { margin: 0 0 22px; }
body#html-body.lofmarketplace-seller-login .login-container .field .label { display: block; width: auto; float: none; text-align: left; padding: 0; margin: 0 0 8px; color: #44564c; font-size: 14px; font-weight: 600; }
body#html-body.lofmarketplace-seller-login .login-container .field .control { position: relative; width: 100%; }
body#html-body.lofmarketplace-seller-login .login-container .field input { box-sizing: border-box; height: 52px; width: 100%; padding: 0 20px; border: 1px solid #dde4d8; border-radius: 28px; background: #fafbf8; font-size: 16px; }
body#html-body.lofmarketplace-seller-login .login-container .field input:focus { outline: 2px solid #93bf25; outline-offset: 2px; }
body#html-body.lofmarketplace-seller-login .login-container .control--password input { padding-right: 44px; }
body#html-body.lofmarketplace-seller-login .login-container .password-toggle { position: absolute; top: 0; right: 2px; display: flex; align-items: center; justify-content: center; width: 48px; height: 52px; padding: 0; transform: none; border: 0; box-shadow: none; background: transparent; color: #8998a4; }
body#html-body.lofmarketplace-seller-login .password-toggle svg[hidden] { display: none; }
body#html-body.lofmarketplace-seller-login .login-container .actions-toolbar { display: flex; flex-direction: column; margin: 0; gap: 0; }
body#html-body.lofmarketplace-seller-login .login-container .actions-toolbar .primary { width: 100%; float: none; }
body#html-body.lofmarketplace-seller-login .login-container .actions-toolbar .action.primary { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; min-height: 52px; margin: 0; padding: 8px 16px; border-radius: 28px; border: 1px solid #93bf25; background: #93bf25; color: #fff; font-size: 16px; font-weight: 700; box-shadow: none; transition: background-color .15s ease, box-shadow .15s ease; }
body#html-body.lofmarketplace-seller-login .login-container .actions-toolbar .secondary { margin: 8px 0 0; text-align: center; }
body#html-body.lofmarketplace-seller-login .login-container .action.remind { margin: 0; }
body#html-body.lofmarketplace-seller-login .login-container .action.remind span { color: #527c29; font-size: 12px; font-weight: 600; }
body#html-body.lofmarketplace-seller-login .login-container .block-new-customer { width: 100%; max-width: 440px; box-sizing: border-box; margin-top: 20px; border: 1px solid #e9ede6; border-radius: 24px; background: #fff; box-shadow: 0 12px 36px #15301e07; padding: 24px 40px; text-align: center; }
body#html-body.lofmarketplace-seller-login .login-container .block-new-customer p { margin: 0 0 12px; color: #66756c; font-size: 13px; }
body#html-body.lofmarketplace-seller-login .login-container .block-new-customer .action.primary { background: transparent; box-shadow: none; border-color: #93bf25; color: #3e5b1c; }
body#html-body.lofmarketplace-seller-login .login-container .block-new-customer .action.primary span { color: inherit; font-size: 14px; }
body#html-body.lofmarketplace-seller-login .page.messages:not(:empty) { position: relative; z-index: 1; }
body#html-body.lofmarketplace-seller-login .seller-password-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
body#html-body.lofmarketplace-seller-login .login-container .action.remind { white-space: nowrap; }
body#html-body.lofmarketplace-seller-login .login-container .action.login:hover { background: #93bf25; border-color: #93bf25; box-shadow: 0 4px 16px #93bf2538; }
body#html-body.lofmarketplace-seller-login .login-container .action.create:hover { background: #f0f6e3; }
body#html-body.lofmarketplace-seller-login .login-container .field input::placeholder { color: #87907f; opacity: 1; }
body#html-body.lofmarketplace-seller-login .login-container .block-new-customer p { margin-bottom: 16px; }
body#html-body.lofmarketplace-seller-login .login-container .block-new-customer p::before,
body#html-body.lofmarketplace-seller-login .login-container .block-new-customer p::after { display: none; }
body#html-body.lofmarketplace-seller-login .seller-password-heading .label::after { content: '*'; margin-left: 3px; color: #e02b27; font-size: 12px; }
@media (max-width: 767px) {
 body#html-body.lofmarketplace-seller-login .login-container .block { padding: 28px 20px; }
 body#html-body.lofmarketplace-seller-login .login-container .block-new-customer { padding: 20px; margin-top: 16px; }
 body#html-body.lofmarketplace-seller-login .seller-login-split { flex-direction: column; min-height: 0; }
 body#html-body.lofmarketplace-seller-login .seller-login-brand { flex: none; max-width: none; }
 body#html-body.lofmarketplace-seller-login .seller-login-brand__inner { padding: 28px 24px; max-width: none; }
 body#html-body.lofmarketplace-seller-login .seller-login-brand__logo { display: none; }
 body#html-body.lofmarketplace-seller-login .seller-login-brand__headline, body#html-body.lofmarketplace-seller-login .seller-login-brand__text, body#html-body.lofmarketplace-seller-login .seller-login-brand__features, body#html-body.lofmarketplace-seller-login .seller-login-brand__footer { display: none; }
 body#html-body.lofmarketplace-seller-login { background: #0d2a1c; }
 body#html-body.lofmarketplace-seller-login .login-container { position: relative; overflow: hidden; padding: 28px 16px; max-width: none; background: #0d2a1c; }
 body#html-body.lofmarketplace-seller-login .login-container::before { content: ''; position: absolute; inset: 0; opacity: .08; filter: grayscale(.65); pointer-events: none; background: url('../images/seller-line-pattern.svg') center center / cover no-repeat; }
 body#html-body.lofmarketplace-seller-login .seller-login-card, body#html-body.lofmarketplace-seller-login .login-container .block-new-customer { position: relative; z-index: 1; }
 body#html-body.lofmarketplace-seller-login .seller-login-card-logo { display: flex; justify-content: center; margin: 0 0 20px; }
 body#html-body.lofmarketplace-seller-login .seller-login-card-logo img { display: block; width: 150px; max-width: 100%; height: auto; }
 body#html-body.lofmarketplace-seller-login .login-container .block-title { margin-bottom: 24px; }
 body#html-body.lofmarketplace-seller-login .login-container .block-title strong { font-size: 22px; }
 body#html-body.lofmarketplace-seller-login .login-container .field { margin-bottom: 18px; }
}

@media (max-width: 360px) {
 body#html-body.lofmarketplace-seller-login .seller-login-brand__inner { padding: 24px 20px; }
 body#html-body.lofmarketplace-seller-login .seller-login-card-logo img { width: 130px; }
 body#html-body.lofmarketplace-seller-login .login-container { padding: 24px 12px; }
 body#html-body.lofmarketplace-seller-login .login-container .block { padding: 24px 16px; }
}
body#html-body.lofmarketplace-seller-login .login-container .password-toggle { z-index: 2; }

body#html-body.lofmarketplace-seller-login .seller-login-recovery { width: 100%; box-sizing: border-box; margin-top: 22px; padding-top: 18px; border-top: 1px solid #e9ede6; text-align: center; }