.seller-story {
  --seller-ink: #15283a;
  --seller-muted: #526579;
  --seller-border: #dfe6ee;
  --seller-soft: #f6f8fb;
  color: var(--seller-ink);
  background: #fff;
  font-family: Arial, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.55;
}
.seller-story *, .seller-story *::before, .seller-story *::after { box-sizing: border-box; }
.seller-story h1, .seller-story h2, .seller-story h3, .seller-story h4 { color: inherit; font-family: inherit; font-weight: 700; letter-spacing: -.025em; }
.seller-story a { color: var(--seller-primary, #146cf6); text-decoration: none; }
.seller-story a:hover { text-decoration: underline; }
.seller-story :focus-visible { outline: 3px solid #146cf6; outline-offset: 3px; }
.seller-story [id] { scroll-margin-top: 28px; }
.seller-story .seller-page-container { width: calc(100% - 72px); max-width: 1368px; margin-inline: auto; }
.seller-story .navbar { position: relative; min-height: 92px; margin: 0; padding: 16px 0; border-bottom: 1px solid var(--seller-border); background: var(--seller-header-bg, #fff); }
.seller-story .navbar > .container { width: calc(100% - 72px); max-width: 1368px; padding: 0; }
.seller-story .navbar-brand { display: inline-flex; margin: 0; padding: 0; align-items: center; }
.seller-story .navbar-brand img { width: 230px; max-width: 24vw; height: auto; max-height: 44px; object-fit: contain; }
.seller-story .seller-brand-description { padding-left: 24px; margin-left: 24px; border-left: 1px solid var(--seller-border); font-size: 15px; white-space: nowrap; }
.seller-story .navbar-nav { gap: 24px; align-items: center; }
.seller-story .navbar .nav-link { padding: 8px 0; color: var(--seller-header-ink, #15283a); font-size: 15px; font-weight: 600; }
.seller-story .navbar .dropdown-menu { padding: 12px; border-color: var(--seller-border); }
.seller-story .seller-hero { margin-top: 12px; }
.seller-story .seller-image-carousel { position: relative; border: 0; padding: 0; box-shadow: none; }
.seller-story .carousel-inner { border: 1px solid var(--seller-border); border-radius: 14px; overflow: hidden; }
.seller-story .seller-hero .carousel-item { position: relative; min-height: 650px; background: #fffbef; }
.seller-story .seller-hero-image { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }
.seller-story .seller-hero-copy { position: relative; z-index: 1; width: 55%; padding: 136px 24px 100px 62px; }
.seller-story .seller-hero h1 { font-size: clamp(32px, 3.8vw, 58px); line-height: 1.22; margin: 0 0 28px; max-width: 23ch; }
.seller-story .seller-hero-description { font-size: 22px; line-height: 1.55; max-width: 39ch; color: var(--seller-muted); }
.seller-story .seller-hero-description p { margin: 0; }
.seller-story .seller-hero-copy > a { display: inline-flex; align-items: center; gap: 12px; margin-top: 34px; padding-block: 6px; border-bottom: 1px solid currentColor; font-size: 18px; }
.seller-story .seller-hero .carousel-indicators { left: 52px; right: auto; bottom: 18px; margin: 0; gap: 12px; }
.seller-story .seller-hero .carousel-indicators button { width: 9px; height: 9px; padding: 8px; border: 5px solid #fff9e8; border-radius: 50%; background: #bdc4ce; opacity: 1; }
.seller-story .seller-hero .carousel-indicators .active { background: #e6a600; }
.seller-story .seller-carousel-controls { position: absolute; right: 18px; bottom: 14px; display: flex; gap: 8px; }
.seller-story .seller-carousel-controls .btn { width: 44px; min-height: 44px; border: 1px solid var(--seller-border); background: #fff; color: var(--seller-ink); }
.seller-story .seller-application { padding: 90px 30px 80px; }
.seller-story .seller-application-heading { margin-bottom: 36px; }
.seller-story .seller-application-heading h2 { margin: 0 0 16px; font-size: 38px; line-height: 1.25; }
.seller-story .seller-application-heading p { color: var(--seller-muted); margin: 0; max-width: 68ch; }
.seller-story .seller-application-grid { display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: 62px; align-items: start; }
.seller-story .seller-form-right { grid-template-columns: 440px minmax(0, 1fr); }
.seller-story .seller-form-right .seller-auth { order: 2; }
.seller-story .seller-form-right .seller-guidance { order: 1; border-left: 0; padding-left: 0; border-right: 1px solid var(--seller-border); padding-right: 50px; }
.seller-story .seller-without-guidance { grid-template-columns: minmax(0, 850px); }
.seller-story .seller-auth { min-width: 0; color: var(--seller-form-ink, #15283a); background: var(--seller-form-bg, #fff); }
.seller-story .seller-auth .nav-tabs { border-bottom: 1px solid var(--seller-border); display: flex; margin: 0 0 36px; padding: 0; max-width: 420px; }
.seller-story .seller-auth .nav-tabs > li { flex: 1; list-style: none; }
.seller-story .seller-auth .nav-tabs .nav-link { display: block; text-align: center; font-size: 16px; font-weight: 500; line-height: 1.4; padding: 15px 24px; color: var(--seller-ink); border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; text-transform: none; }
.seller-story .seller-auth .nav-tabs .nav-link.active { color: var(--seller-primary, #146cf6); border-bottom-color: var(--seller-primary, #146cf6); }
.seller-story .seller-auth .tab-pane { padding: 0; }
.seller-story .seller-signup-progress { display: flex; list-style: none; padding: 0; gap: 24px; margin: 0 0 40px; }
.seller-story .seller-signup-progress li { display: flex; gap: 12px; align-items: center; color: var(--seller-muted); font-size: 15px; flex: 1; }
.seller-story .seller-step-number { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; height: 34px; background: var(--seller-soft); border: 1px solid var(--seller-border); border-radius: 50%; }
.seller-story .seller-signup-progress [aria-current="step"] { color: var(--seller-ink); font-weight: 600; }
.seller-story .seller-signup-progress [aria-current="step"] .seller-step-number { background: var(--seller-primary, #146cf6); border-color: var(--seller-primary, #146cf6); color: var(--seller-on-primary, #fff); }
.seller-story .content_fields { width: 100%; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 28px; }
.seller-story .content_fields > * { grid-column: 1 / -1; }
.seller-story .content_fields > .form-group:has(input[name="firstname"]),
.seller-story .content_fields > .form-group:has(input[name="lastname"]),
.seller-story .content_fields > .form-group:has(input[name="password"]),
.seller-story .content_fields > .form-group:has(input[name="confirm"]) { grid-column: auto; }
.seller-story .seller-step-heading { position: relative; font-weight: 600; }
.seller-story .seller-step-heading span { display: block; font-size: 12px; color: var(--seller-muted); text-transform: uppercase; }
.seller-story .content_fields:first-of-type .seller-step-heading { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); }
.seller-story .content_fields > .form-group { margin: 0; padding: 0 !important; width: 100%; min-width: 0; }
.seller-story .form-group > .col-sm-12 { padding: 0; }
.seller-story .col-form-label { display: block; padding: 0 0 9px; line-height: 1.4; font-size: 15px; font-weight: 500; }
.seller-story .form-control, .seller-story .form-select { border: 1px solid #cbd5e1; border-color: #cbd5e1 !important; border-radius: 7px !important; box-shadow: none; background: #fff; color: var(--seller-ink); font-family: inherit; font-size: 16px; min-height: 48px; padding: 11px 15px; width: 100%; line-height: 1.4; }
.seller-story .form-control::placeholder { color: #768294; opacity: 1; }
.seller-story .form-control:focus, .seller-story .form-select:focus { border-color: #146cf6 !important; box-shadow: 0 0 0 3px #e9f1ff !important; }
.seller-story .form-control[readonly], .seller-story .form-select:disabled { background: var(--seller-soft); color: var(--seller-muted); }
.seller-story .form-text { display: block; margin-top: 8px; font-size: 13px; line-height: 1.5; color: var(--seller-muted); }
.seller-story .seller-password-field { position: relative; }
.seller-story .seller-password-field input { padding-right: 48px; }
.seller-story .seller-password-toggle { position: absolute; top: 0; right: 0; border: 0; background: transparent; width: 46px; height: 48px; color: var(--seller-muted); }
.seller-story .seller-email-otp-inline { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; }
.seller-story .seller-email-otp-inline > .seller-email-otp-block { display: contents; }
.seller-story .seller-email-otp-block > .d-flex { grid-column: 2; grid-row: 1; }
.seller-story .seller-email-otp-wrapper, .seller-story .seller-email-otp-inline > .seller-signup-error { grid-column: 1 / -1; }
.seller-story .seller-email-otp-inline { align-items: start; }
.seller-story .btn { font-size: 16px; font-weight: 600; line-height: 1.4; min-height: 48px; border-radius: 7px !important; padding: 11px 28px; box-shadow: none; }
.seller-story .btn-primary, .seller-story .btn_signup { background: var(--seller-primary, #146cf6); border-color: var(--seller-primary, #146cf6) !important; color: var(--seller-on-primary, #fff); }
.seller-story .content_fields > .form-group:has(> .btn_signup) { text-align: left !important; }
.seller-story .btn_signup { min-width: 220px; }
.seller-story .seller-email-otp-send { border: 1px solid var(--seller-primary, #146cf6); color: var(--seller-primary, #146cf6); background: #fff; white-space: nowrap; padding-inline: 18px; }
.seller-story button:disabled { opacity: .65; cursor: not-allowed; }
.seller-story .text-danger { font-size: 13px; line-height: 1.5; color: #b42318 !important; }
.seller-story [aria-invalid="true"] { border-color: #b42318 !important; }
.seller-story .seller-signup-error.alert { background: #fff4f2; border: 1px solid #f5c3bd; color: #8f271e; font-size: 14px; border-radius: 8px; padding: 16px 20px; }
.seller-story .seller-signup-error.alert ul { padding-left: 20px; }
.seller-story .seller-guidance { border-left: 1px solid var(--seller-border); padding: 40px 0 24px 58px; }
.seller-story .seller-guidance h3 { font-size: 23px; margin: 0 0 34px; line-height: 1.3; }
.seller-story .seller-guidance ul { list-style: none; padding: 0; margin: 0; }
.seller-story .seller-guidance li { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 22px; margin-bottom: 46px; }
.seller-story .seller-guidance-icon { width: 62px; height: 62px; border-radius: 50%; background: #f0f5ff; color: #146cf6; display: inline-flex; align-items: center; justify-content: center; font-size: 28px; }
.seller-story .seller-guidance h4 { font-size: 16px; margin: 0 0 10px; letter-spacing: 0; line-height: 1.45; }
.seller-story .seller-guidance p { margin: 0; font-size: 15px; color: var(--seller-muted); line-height: 1.6; }
.seller-story .seller-review-note { border-top: 1px solid var(--seller-border); padding-top: 34px; margin-top: 12px; }
.seller-story .seller-review-note h3 { margin-bottom: 18px; }
.seller-story .seller-information { border-block: 1px solid var(--seller-border); padding-block: 32px; }
.seller-story .seller-information > div { display: flex; gap: 32px; align-items: center; padding-inline: 30px; }
.seller-story .seller-information h2 { font-size: 20px; margin: 0; white-space: nowrap; }
.seller-story .seller-information nav { display: flex; gap: 24px; flex-wrap: wrap; margin-left: auto; }
.seller-story .seller-information a { display: inline-flex; gap: 12px; align-items: center; padding: 8px 0; font-size: 15px; }
.seller-story .seller-information i { font-size: 24px; }
.seller-story .featured-section, .seller-story .sections { padding: 50px 36px; }
.seller-story .section-heading { max-width: 1000px; margin: 0 auto 28px; text-align: center; }
.seller-story .section-heading h2 { font-size: 30px; margin-bottom: 14px; }
.seller-story .section-heading p { color: var(--seller-muted); }
.seller-story #sections { display: flex; flex-wrap: wrap; gap: 32px; max-width: 1260px; }
.seller-story #sections > div { flex: 1 1 280px; width: auto; }
.seller-story .section-content { padding: 24px; }
.seller-story .seller-benefit-icon { color: var(--seller-primary, #146cf6); font-size: 32px; margin-bottom: 16px; }
.seller-story .section-content h3 { font-size: 22px; }
.seller-story .section-content .description { color: var(--seller-muted); }
.seller-story .column-container { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 1100px; margin: auto; text-align: center; }
.seller-story .column-container h3 { font-size: 30px; }
.seller-story .sellercentral_custom_tab { max-width: 1320px; margin: 40px auto; }
.seller-story #footer .container { max-width: 1320px; width: calc(100% - 72px); }
.seller-story #footer footer { margin-top: 0; }
.seller-story #footer .misteretec-footer-main { padding-block: 50px; }
@media (max-width: 1199px) {
  .seller-story .navbar-nav { gap: 16px; }
  .seller-story .seller-brand-description { padding-left: 16px; margin-left: 16px; }
  .seller-story .seller-application-grid { grid-template-columns: minmax(0, 1fr) 300px; gap: 36px; }
  .seller-story .seller-form-right { grid-template-columns: 300px minmax(0, 1fr); }
  .seller-story .seller-guidance { padding-left: 32px; }
  .seller-story .seller-hero .carousel-item { min-height: 500px; }
  .seller-story .seller-hero-copy { padding: 72px 24px 82px 38px; }
  .seller-story .seller-hero-description { font-size: 18px; }
}
@media (max-width: 991px) {
  .seller-story .navbar-nav { align-items: stretch; padding-top: 18px; }
  .seller-story .navbar-brand img { width: 190px; max-width: 34vw; }
  .seller-story .seller-application-grid, .seller-story .seller-form-right { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .seller-story .seller-auth { order: 0 !important; }
  .seller-story .seller-guidance { order: 1 !important; padding: 28px 0 0 !important; border: 0 !important; border-top: 1px solid var(--seller-border) !important; }
  .seller-story .seller-guidance ul { display: flex; gap: 24px; }
  .seller-story .seller-guidance li { flex: 1; grid-template-columns: 1fr; gap: 16px; margin-bottom: 24px; }
  .seller-story .seller-hero .carousel-item { min-height: 420px; }
  .seller-story .seller-hero-copy { width: 60%; padding: 54px 20px 70px 30px; }
  .seller-story .seller-hero h1 { font-size: 33px; }
  .seller-story .seller-information > div { align-items: flex-start; flex-direction: column; gap: 14px; }
  .seller-story .seller-information nav { margin: 0; }
}
@media (max-width: 575px) {
  .seller-story .seller-page-container, .seller-story .navbar > .container { width: calc(100% - 32px); }
  .seller-story .navbar { min-height: 76px; padding: 18px 0; }
  .seller-story .navbar-brand img { width: 148px; max-width: 40vw; }
  .seller-story .seller-brand-description { font-size: 12px; padding-left: 10px; margin-left: 10px; }
  .seller-story .navbar-toggler { padding: 5px; border: 0; }
  .seller-story .seller-hero { margin-top: 16px; }
  .seller-story .seller-hero .carousel-item { min-height: 0; }
  .seller-story .seller-hero-image { position: relative; height: 240px; object-position: right; object-fit: cover; width: 180%; max-width: none; margin-left: -80%; }
  .seller-story .seller-hero-copy { width: 100%; padding: 26px 22px 62px; }
  .seller-story .seller-hero h1 { font-size: 29px; max-width: 100%; margin-bottom: 18px; }
  .seller-story .seller-hero-description { font-size: 16px; }
  .seller-story .seller-hero-copy > a { font-size: 16px; margin-top: 22px; }
  .seller-story .seller-hero .carousel-indicators { left: 22px; bottom: 14px; }
  .seller-story .seller-application { padding: 44px 4px; }
  .seller-story .seller-application-heading { margin-bottom: 28px; }
  .seller-story .seller-application-heading h2 { font-size: 27px; }
  .seller-story .seller-application-heading p { font-size: 15px; }
  .seller-story .content_fields { gap: 22px; grid-template-columns: minmax(0, 1fr); }
  .seller-story .seller-signup-progress { gap: 14px; margin-bottom: 26px; }
  .seller-story .seller-signup-progress li { font-size: 12px; gap: 8px; align-items: flex-start; }
  .seller-story .seller-step-number { flex-basis: 28px; height: 28px; }
  .seller-story .seller-auth .nav-tabs { margin-bottom: 28px; }
  .seller-story .seller-auth .nav-tabs .nav-link { padding: 12px; }
  .seller-story .seller-email-otp-inline { grid-template-columns: 1fr; }
  .seller-story .seller-email-otp-block > .d-flex { grid-column: 1; grid-row: auto; }
  .seller-story .btn_signup { width: 100%; }
  .seller-story .seller-guidance ul { display: block; }
  .seller-story .seller-guidance li { display: grid; grid-template-columns: 48px 1fr; gap: 16px; }
  .seller-story .seller-guidance-icon { width: 48px; height: 48px; font-size: 24px; }
  .seller-story .seller-guidance h3 { font-size: 22px; margin-bottom: 24px; }
  .seller-story .seller-information > div { padding-inline: 4px; }
  .seller-story .seller-information nav { flex-direction: column; gap: 8px; }
  .seller-story .column-container { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .seller-story .featured-section, .seller-story .sections { padding: 36px 16px; }
  .seller-story #footer .container { width: calc(100% - 32px); }
}
@media (prefers-reduced-motion: reduce) { .seller-story *, .seller-story *::before, .seller-story *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }