.vendor-join{min-height:100vh;display:grid;grid-template-columns:minmax(360px,520px) minmax(0,1fr);background:radial-gradient(circle at 8% 6%,rgba(44,74,66,.08),transparent 24%),linear-gradient(180deg,#f8fafc,#eef2f7);font-family:var(--font-outfit),var(--font-inter),system-ui,sans-serif;color:#0f172a}.vendor-join__panel{display:flex;align-items:center;justify-content:center;padding:clamp(1.25rem,3vw,2.5rem)}.vendor-join__card{width:100%;max-width:480px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;box-shadow:0 16px 40px rgba(15,23,42,.08);padding:clamp(1.5rem,3vw,2rem)}.vendor-join__brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#0f172a;margin-bottom:1.5rem}.vendor-join__brand-text{display:flex;flex-direction:column;line-height:1.2}.vendor-join__brand-name{font-weight:800;font-size:.95rem;letter-spacing:-.02em}.vendor-join__brand-tag{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#64748b}.vendor-join__steps{display:flex;align-items:center;gap:0;margin-bottom:1.75rem}.vendor-join__step{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;position:relative}.vendor-join__step:not(:last-child):after{content:"";position:absolute;top:14px;left:calc(50% + 16px);width:calc(100% - 32px);height:2px;background:#e2e8f0;z-index:0}.vendor-join__step.is-done:not(:last-child):after{background:#2c4a42}.vendor-join__step-dot{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-size:.72rem;font-weight:800;border:2px solid #e2e8f0;background:#fff;color:#94a3b8;position:relative;z-index:1;transition:all .2s ease}.vendor-join__step.is-active .vendor-join__step-dot{border-color:#1a2e28;background:#1a2e28;color:#fff;box-shadow:0 4px 14px rgba(26,46,40,.25)}.vendor-join__step.is-done .vendor-join__step-dot{border-color:#2c4a42;background:#ecfdf5;color:#065f46}.vendor-join__step-label{font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;text-align:center;max-width:4.5rem;line-height:1.2}.vendor-join__step.is-active .vendor-join__step-label{color:#1a2e28}.vendor-join__title{margin:0;font-size:clamp(1.45rem,2.5vw,1.85rem);font-weight:800;letter-spacing:-.03em;line-height:1.1}.vendor-join__subtitle{margin:.5rem 0 0;color:#64748b;font-size:.92rem;font-weight:500;line-height:1.55}.vendor-join__fields{margin-top:1.35rem;display:flex;flex-direction:column;gap:1rem}.vendor-join__label{display:block;margin-bottom:.4rem;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#64748b}.vendor-join__input-wrap{position:relative}.vendor-join__input-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.vendor-join__input{width:100%;min-height:48px;padding:0 .95rem 0 2.65rem;border-radius:12px;border:1px solid rgba(15,23,42,.1);background:#f8fafc;color:#0f172a;font-size:.94rem;font-weight:600;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.vendor-join__input:focus{border-color:#2c4a42;box-shadow:0 0 0 3px rgba(44,74,66,.12);background:#fff}.vendor-join__input--plain{padding-left:.95rem}.vendor-join__trade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.vendor-join__chip{display:flex;align-items:center;gap:.55rem;padding:.75rem .85rem;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:.82rem;font-weight:700;cursor:pointer;text-align:left;transition:all .15s ease}.vendor-join__chip:hover{border-color:#cbd5e1;background:#f8fafc}.vendor-join__chip.is-selected{border-color:#1a2e28;background:#ecfdf5;color:#065f46}.vendor-join__chip-icon{flex-shrink:0;opacity:.75}.vendor-join__chip.is-selected .vendor-join__chip-icon{opacity:1}.vendor-join__option{width:100%;padding:.9rem 1rem;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#0f172a;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:.75rem;transition:all .15s ease}.vendor-join__option:hover{border-color:#cbd5e1}.vendor-join__option.is-selected{border-color:#1a2e28;background:#f0fdf4}.vendor-join__option-title{margin:0;font-size:.88rem;font-weight:800}.vendor-join__option-sub{margin:.15rem 0 0;font-size:.78rem;color:#64748b;font-weight:600}.vendor-join__radius-row{display:flex;gap:.45rem}.vendor-join__radius-btn{flex:1;padding:.65rem .4rem;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-size:.78rem;font-weight:800;cursor:pointer;transition:all .15s ease}.vendor-join__radius-btn.is-selected{border-color:#1a2e28;background:#1a2e28;color:#fff}.vendor-join__toggle-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer}.vendor-join__toggle{width:44px;height:24px;border-radius:999px;background:#cbd5e1;position:relative;flex-shrink:0;transition:background .2s}.vendor-join__toggle.is-on{background:#1a2e28}.vendor-join__toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.2);transition:transform .2s}.vendor-join__toggle.is-on .vendor-join__toggle-knob{transform:translateX(20px)}.vendor-join__summary{padding:1rem;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.vendor-join__summary-title{margin:0 0 .65rem;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}.vendor-join__summary-row{display:flex;gap:.55rem;align-items:flex-start;font-size:.82rem;font-weight:600;color:#475569;line-height:1.45}.vendor-join__summary-row+.vendor-join__summary-row{margin-top:.55rem}.vendor-join__alert{padding:.85rem 1rem;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:.85rem;font-weight:600;line-height:1.45}.vendor-join__nav{display:flex;gap:.65rem;margin-top:1.5rem}.vendor-join__back{width:48px;height:48px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#475569;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.vendor-join__continue{flex:1;min-height:48px;border:none;border-radius:12px;background:linear-gradient(165deg,#1a2e28,#2c4a42);color:#fff;font-size:.88rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;box-shadow:0 8px 20px rgba(26,46,40,.22);transition:opacity .15s,transform .15s}.vendor-join__continue:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.vendor-join__continue:not(:disabled):hover{transform:translateY(-1px)}.vendor-join__legal{margin:1rem 0 0;text-align:center;font-size:.75rem;color:#94a3b8;font-weight:600}.vendor-join__side{position:relative;overflow:hidden;padding:clamp(1.5rem,3vw,2.5rem);display:flex;align-items:stretch}.vendor-join__side-inner{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.75rem,3vw,2.25rem);border-radius:22px;color:#fff;background:radial-gradient(circle at top right,rgba(94,125,114,.22),transparent 32%),linear-gradient(135deg,#0f172a,#1a2e28 42%,#2c4a42 120%);box-shadow:0 35px 80px rgba(15,23,42,.18)}.vendor-join__side-kicker{margin:0;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:hsla(0,0%,100%,.65)}.vendor-join__side-title{margin:.65rem 0 0;font-size:clamp(1.75rem,2.8vw,2.35rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;max-width:14ch}.vendor-join__side-body{margin:.85rem 0 0;color:hsla(0,0%,100%,.82);font-size:.95rem;line-height:1.65;max-width:38ch;font-weight:500}.vendor-join__benefits{display:flex;flex-direction:column;gap:.65rem;margin-top:1.5rem}.vendor-join__benefit{display:flex;gap:.75rem;align-items:flex-start;padding:.95rem 1rem;border-radius:14px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1)}.vendor-join__benefit-icon{width:34px;height:34px;border-radius:10px;background:hsla(0,0%,100%,.1);display:grid;place-items:center;flex-shrink:0;color:#fff}.vendor-join__benefit-title{margin:0;font-size:.88rem;font-weight:800}.vendor-join__benefit-body{margin:.2rem 0 0;font-size:.8rem;color:hsla(0,0%,100%,.72);line-height:1.45;font-weight:500}.vendor-join__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:auto;padding-top:1.5rem}.vendor-join__stat{padding:.85rem .65rem;border-radius:12px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);text-align:center}.vendor-join__stat-value{margin:0;font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.vendor-join__stat-label{margin:.2rem 0 0;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:hsla(0,0%,100%,.55)}@media (max-width:900px){.vendor-join{grid-template-columns:1fr}.vendor-join__side,.vendor-join__step-label{display:none}}