.auth-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10000;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.auth-overlay.active{opacity:1;visibility:visible}.auth-modal{background-color:#fff;max-width:390px;width:100%;padding:2.5rem 2rem;border-radius:0;box-shadow:0 4px 20px #00000026;transform:scale(.95);transition:transform var(--transition-base);position:relative}.auth-overlay.active .auth-modal{transform:scale(1)}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo .logo-text{font-family:Tenor Sans,serif;font-size:28px;font-weight:400;letter-spacing:.2em;color:var(--color-text)}.auth-tabs{background-color:#fafafa;display:flex;gap:0;justify-content:space-between;margin-bottom:2.5rem;padding:.5rem}.auth-tab{flex:1;font-size:13px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:#999;background:none;border:none;padding:.875rem 1rem;cursor:pointer;position:relative;transition:color var(--transition-fast)}.auth-tab.active{color:var(--color-text);background-color:#fff}.auth-tab.active:after{transform:scaleX(1)}.auth-tab:hover{color:var(--color-text);opacity:1}.auth-form-container{display:none}.auth-form-container.active{display:block}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.auth-input-group{display:flex;flex-direction:column;gap:.5rem}.auth-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.auth-input{padding:1rem;border:1px solid #e8e8e8;border-radius:0;font-size:13px;color:var(--color-text);background-color:#fafafa;transition:border-color var(--transition-fast),background-color var(--transition-fast);outline:none}.auth-input:focus{border-color:#ccc;background-color:#fff}.auth-input::placeholder{color:#999}.auth-input-hint{font-size:.75rem;color:var(--color-text-light);font-style:italic}.phone-input-wrapper{display:flex;gap:0;border:1px solid var(--color-border);border-radius:2px;overflow:hidden;transition:border-color var(--transition-fast)}.phone-input-wrapper:focus-within{border-color:var(--color-text)}.country-code-select{padding:.875rem .75rem;border:none;border-right:1px solid var(--color-border);background-color:var(--color-secondary);font-size:.875rem;color:var(--color-text);cursor:pointer;outline:none;min-width:70px}.phone-input{border:none!important;flex:1}.phone-input:focus{border:none!important}.phone-input-wrapper-signup{display:flex;align-items:center;position:relative;background-color:#fafafa;border:1px solid #e8e8e8;border-radius:0;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.phone-input-wrapper-signup:focus-within{border-color:#ccc;background-color:#fff}.country-code-prefix{padding:1rem .5rem 1rem 1rem;border:none;background:transparent;font-size:13px;color:var(--color-text);cursor:pointer;outline:none;min-width:65px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.phone-input-field{flex:1;border:none!important;background:transparent!important;padding:1rem 1rem 1rem .5rem!important}.phone-input-field:focus{border:none!important;background:transparent!important}.auth-checkbox-group{margin:1.25rem 0}.auth-checkbox-label{display:flex;align-items:flex-start;gap:.625rem;cursor:pointer}.auth-checkbox{margin-top:.125rem;width:15px;height:15px;border:1px solid #e8e8e8;border-radius:2px;cursor:pointer;flex-shrink:0}.auth-checkbox:checked{accent-color:var(--color-text)}.checkbox-text{font-size:11px;color:#999;line-height:1.6;letter-spacing:.02em}.checkbox-text a{color:var(--color-text);text-decoration:underline}.auth-password-wrapper{position:relative}.auth-password-wrapper .auth-input{padding-right:3rem}.auth-password-wrapper input{width:100%}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.5rem;cursor:pointer;color:#999;transition:color var(--transition-fast)}.password-toggle:hover{color:var(--color-text)}.password-toggle .eye-icon{display:block}.auth-forgot{text-align:left}.auth-forgot a{font-size:11px;color:var(--color-text);text-decoration:none;transition:opacity var(--transition-fast);letter-spacing:.02em}.auth-forgot a:hover{opacity:.7}.auth-recover-message{background-color:#f0f9ff;border:1px solid #bfdbfe;padding:.875rem;border-radius:0;margin-bottom:1rem}.auth-recover-message p{font-size:11px;color:#1e40af;margin:0;line-height:1.5;letter-spacing:.02em}.auth-submit{padding:1.125rem;background-color:var(--color-text);color:#fff;border:none;border-radius:0;font-size:13px;font-weight:400;letter-spacing:.05em;text-transform:lowercase;cursor:pointer;transition:background-color var(--transition-fast);margin-top:0;width:100%}.auth-submit:hover{opacity:.9}.auth-social{margin-top:1.5rem;padding-top:0;border-top:none}.auth-social-text{font-size:11px;color:#999;text-align:center;margin-bottom:1rem;letter-spacing:.02em}.auth-social-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;border:1px solid #e8e8e8;border-radius:0;background-color:#fafafa;font-size:13px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.auth-social-btn:hover{border-color:#ccc;background-color:#fff}.auth-social-btn svg{flex-shrink:0}.auth-social-btn-disabled{opacity:.5;cursor:not-allowed}.auth-social-btn-disabled:hover{border-color:#e8e8e8;background-color:#fafafa}.auth-modal.auth-loading{pointer-events:none}.auth-modal.auth-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.auth-modal.auth-loading:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #f3f3f3;border-top:3px solid var(--color-text);border-radius:50%;animation:auth-spin 1s linear infinite;z-index:11}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-success{text-align:center;padding:2rem 1rem}.auth-success-icon{margin-bottom:1.5rem}.auth-success-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:400;margin-bottom:1rem;color:var(--color-text)}.auth-success-message{font-size:.9375rem;color:var(--color-text);margin-bottom:1rem;line-height:1.6}.auth-success-message small{color:#666}.auth-success-note{font-size:.8125rem;color:#888;margin-bottom:1.5rem;line-height:1.5}.auth-error-message{display:none;background-color:#fee;border:1px solid #fcc;color:#c00;padding:.75rem 1rem;font-size:.875rem;margin-bottom:1rem;text-align:center}.verification-content{text-align:center}.verification-message{font-size:.875rem;color:var(--color-text);line-height:1.6;margin-bottom:var(--spacing-lg)}.verification-phone{font-weight:600;color:var(--color-text)}.verification-code-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.verification-inputs{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-sm)}.verification-digit{width:60px;height:60px;text-align:center;font-size:1.5rem;font-weight:500;border:1px solid var(--color-border);border-radius:4px;background-color:#fff;color:var(--color-text);outline:none;transition:border-color var(--transition-fast)}.verification-digit:focus{border-color:var(--color-text)}.verification-digit::-webkit-outer-spin-button,.verification-digit::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}.verification-digit[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.verification-resend{text-align:center;margin-top:var(--spacing-sm)}.resend-text{font-size:.75rem;color:var(--color-text-light)}.resend-timer{font-weight:600;color:var(--color-text)}.resend-link{font-size:.75rem;color:var(--color-text);text-decoration:underline;cursor:pointer;transition:opacity var(--transition-fast)}.resend-link:hover{opacity:.7}.resend-link.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width:640px){.auth-modal{padding:2rem 1.5rem;max-width:100%}.auth-logo .logo-text{font-size:24px;letter-spacing:.15em}.auth-tabs{gap:0}.auth-tab{font-size:12px}.verification-digit{width:50px;height:50px;font-size:1.25rem}.verification-inputs{gap:.5rem}.country-code-select{min-width:60px;padding:.875rem .5rem}.checkbox-text{font-size:.7rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/login-modal.css.map */