.softsell-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--softsell-space-6);background-color:#fff;background-image:radial-gradient(at 0 0,rgba(37,99,235,.05) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(79,70,229,.05) 0,transparent 50%)}body:has(.softsell-auth-page) #colophon,body:has(.softsell-auth-page) .site-footer,body:has(.softsell-auth-page) .site-header{display:none}.auth-back-home{position:fixed;top:var(--softsell-space-8);left:var(--softsell-space-8);display:flex;align-items:center;gap:var(--softsell-space-2);color:#94a3b8;font-size:var(--softsell-text-sm);font-weight:var(--softsell-font-semibold);text-decoration:none;z-index:50;transition:color .2s ease}.auth-back-home:hover{color:#0f172a}.auth-back-home i{transition:transform .2s ease}.auth-back-home:hover i{transform:translateX(-3px)}.auth-container{width:100%;max-width:480px}.auth-content-wrapper{background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:2.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.05);overflow:hidden}.auth-form-panel{padding:var(--softsell-space-10) var(--softsell-space-8)}@media (min-width:640px){.auth-form-panel{padding:var(--softsell-space-12) var(--softsell-space-10)}}.form-container{width:100%}.form-header{margin-bottom:var(--softsell-space-6)}.form-title{font-size:var(--softsell-text-3xl);font-weight:var(--softsell-font-extrabold);color:#0f172a;margin:0 0 var(--softsell-space-2) 0;display:flex;align-items:center;gap:var(--softsell-space-3)}.form-title .title-icon{display:none}.form-subtitle{color:#94a3b8;font-size:var(--softsell-text-sm);margin:0}.form-subtitle .switch-link{color:#2563eb;font-weight:var(--softsell-font-bold);text-decoration:none}.form-subtitle .switch-link:hover{text-decoration:underline}.form-subtitle .switch-link i{font-size:var(--softsell-text-xs);margin-left:2px}.auth-method-tabs{margin-bottom:var(--softsell-space-6)}.tab-navigation:has(.tab-btn:only-child){display:none}.auth-method-tabs:has(.tab-btn:only-child),.tab-navigation:has(.tab-btn:only-child)+.tab-panels-container{margin-bottom:0}.tab-navigation{display:flex;gap:var(--softsell-space-4);border-bottom:1.5px solid #e2e8f0;padding:0}.tab-btn{display:flex;align-items:center;justify-content:center;gap:var(--softsell-space-2);padding:var(--softsell-space-2) 0;border:none;background:0 0;border-bottom:2px solid transparent;margin-bottom:-1.5px;border-radius:0;color:#94a3b8;font-size:var(--softsell-text-sm);font-weight:var(--softsell-font-medium);cursor:pointer;transition:all .2s ease}.tab-btn i{font-size:var(--softsell-text-xs)}.tab-btn.active{color:#0f172a;font-weight:var(--softsell-font-semibold);border-bottom-color:#2563eb}.tab-panel{display:none}.tab-panel.active{display:block}.auth-form{display:flex;flex-direction:column;gap:var(--softsell-space-5)}.form-group{display:flex;flex-direction:column}.form-label{display:none}.label-text{font-size:var(--softsell-text-xs);font-weight:var(--softsell-font-bold);color:#64748b;text-transform:uppercase;letter-spacing:.1em}.required-indicator{color:#ef4444;font-size:var(--softsell-text-xs)}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--softsell-space-2);color:#cbd5e1;font-size:var(--softsell-text-sm);z-index:1;pointer-events:none}.input-border{display:none}.form-input{width:100%;padding:.7rem 1.25rem .7rem 2.75rem;background:0 0;border:none;border-bottom:1.5px solid #e2e8f0;border-radius:0;outline:0;font-size:var(--softsell-text-sm);font-weight:var(--softsell-font-medium);color:#0f172a;font-family:inherit;transition:all .3s ease}.form-input::placeholder{color:#b0b8c4;font-weight:var(--softsell-font-normal)}.form-input:focus{border-bottom-color:#2563eb;box-shadow:none;background:0 0}.password-toggle{position:absolute;right:var(--softsell-space-1);background:0 0;border:none;color:#cbd5e1;cursor:pointer;padding:var(--softsell-space-1);font-size:var(--softsell-text-sm);z-index:1;transition:color .2s ease}.password-toggle:hover{color:#475569}.verification-group{display:flex;gap:var(--softsell-space-3);align-items:stretch}.verification-group .input-group{flex:1}.verification-btn{flex-shrink:0;padding:0 var(--softsell-space-4);background:0 0;border:none;border-bottom:1.5px solid #2563eb;border-radius:0;color:#2563eb;font-size:var(--softsell-text-sm);font-weight:var(--softsell-font-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap}.verification-btn:hover{color:#1d4ed8;border-bottom-color:#1d4ed8}.verification-btn:disabled{color:#94a3b8;cursor:not-allowed}.captcha-input-group{display:flex;gap:var(--softsell-space-3);align-items:center}.captcha-image-wrapper{display:flex;align-items:center;gap:var(--softsell-space-2);flex-shrink:0}.captcha-image{height:48px;border-radius:var(--softsell-radius-lg);cursor:pointer}.refresh-captcha{cursor:pointer;color:#2563eb;font-size:var(--softsell-text-sm);transition:opacity .2s}.refresh-captcha:hover{opacity:.7}.form-options{display:flex;align-items:center;justify-content:space-between;gap:var(--softsell-space-4)}.checkbox-wrapper{display:flex;align-items:flex-start;gap:var(--softsell-space-3);cursor:pointer}.checkbox-input{margin-top:2px;accent-color:#2563eb}.checkbox-custom{display:none}.checkbox-label{font-size:var(--softsell-text-xs);color:#94a3b8;line-height:var(--softsell-leading-relaxed)}.checkbox-label a{color:#475569;text-decoration:underline}.forgot-link{font-size:11px;font-weight:var(--softsell-font-bold);color:#2563eb;text-decoration:none;white-space:nowrap}.forgot-link:hover{color:#1d4ed8}.submit-btn{width:100%;padding:.7rem;border:none;border-radius:var(--softsell-radius-xl);font-size:var(--softsell-text-sm);font-weight:var(--softsell-font-bold);cursor:pointer;transition:all .2s ease;margin-top:var(--softsell-space-1);font-family:inherit;background:#0f172a;color:#fff;box-shadow:0 20px 25px -5px #e2e8f0,0 8px 10px -6px #e2e8f0}.submit-btn:hover{background:#1e293b}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn .btn-content,.submit-btn .btn-loading{display:flex;align-items:center;justify-content:center;gap:var(--softsell-space-2)}#email-register .submit-btn,#mobile-register .submit-btn{background:#2563eb;box-shadow:0 20px 25px -5px rgba(219,234,254,.7),0 8px 10px -6px rgba(219,234,254,.7)}#email-register .submit-btn:hover,#mobile-register .submit-btn:hover{background:#1d4ed8}.auth-message{padding:var(--softsell-space-3) var(--softsell-space-4);border-radius:var(--softsell-radius-xl);font-size:var(--softsell-text-sm);display:flex;align-items:center;gap:var(--softsell-space-2);margin-bottom:var(--softsell-space-4)}.auth-message-error{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.auth-message-success{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7}.auth-message-info{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}@media (max-width:640px){.softsell-auth-page{padding:var(--softsell-space-4);padding-top:var(--softsell-space-16)}.auth-back-home{top:var(--softsell-space-4);left:var(--softsell-space-4)}.auth-content-wrapper{border-radius:var(--softsell-radius-2xl)}.auth-form-panel{padding:var(--softsell-space-6)}.form-title{font-size:var(--softsell-text-2xl)}.verification-group{flex-direction:column}.form-options{flex-direction:column;align-items:flex-start}}