.auth{background-color:var(--color-background-secondary);justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:2rem 1rem;display:flex}.auth__container{width:100%;max-width:420px}.auth__card{background-color:var(--color-background);box-shadow:0 4px 20px var(--color-shadow);border-radius:1rem;padding:2rem}.auth__card--wide{max-width:600px}.auth__header{text-align:center;margin-bottom:2rem}.auth__logo{object-fit:contain;border-radius:.75rem;width:4rem;height:4rem;margin-bottom:1rem;display:inline-block}.auth__title{color:var(--color-text);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.auth__subtitle{color:var(--color-text-secondary);font-size:.9375rem}.auth__steps{justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.auth__step{opacity:.5;flex-direction:column;align-items:center;gap:.25rem;display:flex}.auth__step--active{opacity:1}.auth__step-number{background-color:var(--color-border);width:2rem;height:2rem;color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.auth__step--active .auth__step-number{background-color:var(--color-primary);color:var(--color-text-inverse)}.auth__step-label{color:var(--color-text-secondary);font-size:.75rem}.auth__step-line{background-color:var(--color-border);width:3rem;height:2px}.auth__type-selection{text-align:center}.auth__type-title{margin-bottom:1.5rem;font-size:1.125rem;font-weight:600}.auth__type-options{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.auth__type-card{background-color:var(--color-background);border:2px solid var(--color-border);cursor:pointer;text-align:center;border-radius:.75rem;flex-direction:column;align-items:center;padding:1.5rem;transition:all .2s;display:flex}.auth__type-card:hover{border-color:var(--color-primary-light);box-shadow:0 4px 12px var(--color-shadow)}.auth__type-card--selected{border-color:var(--color-primary);background-color:var(--color-secondary-accent-light)}.auth__type-icon{background-color:var(--color-info-light);width:4rem;height:4rem;color:var(--color-info);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.auth__type-icon--seller{background-color:var(--color-secondary-accent);color:var(--color-primary)}.auth__type-name{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.auth__type-desc{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.8125rem;line-height:1.4}.auth__type-features{text-align:left;color:var(--color-text-secondary);font-size:.75rem}.auth__type-features li{padding:.25rem 0 .25rem 1rem;position:relative}.auth__type-features li:before{content:"✓";color:var(--color-success);position:absolute;left:0}.auth__type-note{color:var(--color-text-tertiary);text-align:left;margin-top:.5rem;font-size:.6875rem;font-style:italic}.auth__error-banner{background-color:var(--color-error-light,#fef2f2);border:1px solid var(--color-error,#ef4444);color:var(--color-error,#ef4444);border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.auth__error-icon{flex-shrink:0;font-size:1.125rem}.auth__field-error{color:var(--color-error,#ef4444);font-size:.8125rem}.auth__input--error,.auth__input--error:focus{border-color:var(--color-error,#ef4444)}.auth__form{flex-direction:column;gap:1.25rem;display:flex}.auth__form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.auth__field{flex-direction:column;gap:.5rem;display:flex}.auth__label{color:var(--color-text);font-size:.875rem;font-weight:500}.auth__input-wrapper{align-items:center;display:flex;position:relative}.auth__input-icon{color:var(--color-text-tertiary);font-size:.875rem;position:absolute;left:.875rem}.auth__input{background-color:var(--color-input-background);border:1px solid var(--color-input-border);border-radius:.5rem;width:100%;padding:.75rem 1rem .75rem 2.5rem;font-size:.9375rem;transition:border-color .2s}.auth__input:focus{border-color:var(--color-primary);outline:none}.auth__input::placeholder{color:var(--color-input-placeholder)}.auth__input--password{padding-right:2.5rem}.auth__password-toggle{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;right:.875rem}.auth__password-toggle:hover{color:var(--color-text-secondary)}.auth__options{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.auth__remember{cursor:pointer;align-items:center;gap:.5rem;display:flex}.auth__checkbox{width:1rem;height:1rem;accent-color:var(--color-primary)}.auth__forgot{color:var(--color-primary);font-weight:500}.auth__forgot:hover{text-decoration:underline}.auth__terms{color:var(--color-text-secondary);cursor:pointer;align-items:flex-start;gap:.5rem;font-size:.8125rem;display:flex}.auth__form-actions{gap:1rem;display:flex}.auth__form-actions .btn{flex:1}.auth__submit{width:100%;padding:.875rem;font-size:1rem}.auth__submit:disabled{opacity:.5;cursor:not-allowed}.auth__divider{align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.auth__divider:before,.auth__divider:after{content:"";background-color:var(--color-border);flex:1;height:1px}.auth__divider span{color:var(--color-text-tertiary);font-size:.8125rem}.auth__social{gap:.75rem;display:flex}.auth__social-btn{background-color:var(--color-background);border:1px solid var(--color-border);cursor:pointer;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.auth__social-btn:hover{background-color:var(--color-background-secondary)}.auth__social-icon{width:1.25rem;height:1.25rem}.auth__footer{text-align:center;color:var(--color-text-secondary);margin-top:1.5rem;font-size:.875rem}.auth__link{color:var(--color-primary);font-weight:500}.auth__link:hover{text-decoration:underline}@media (max-width:600px){.auth__card{padding:1.5rem}.auth__type-options,.auth__form-grid{grid-template-columns:1fr}.auth__form-actions{flex-direction:column-reverse}}