.email-login[data-v-d57188ff]{margin:0 auto;max-width:500px;padding:24px 0}.login-header[data-v-d57188ff]{margin-bottom:32px;text-align:center}.header-title[data-v-d57188ff]{color:#1f2937;font-size:28px;font-weight:700;letter-spacing:-.025em;margin:0 0 8px}.header-subtitle[data-v-d57188ff]{color:#6b7280;font-size:16px;font-weight:400;margin:0}.email-form[data-v-d57188ff]{display:grid;gap:20px}.form-group[data-v-d57188ff]{display:grid;gap:8px}.form-row[data-v-d57188ff]{align-items:center;display:flex;gap:16px}.form-label[data-v-d57188ff]{color:#374151;flex-shrink:0;font-size:14px;font-weight:600;margin-bottom:4px;min-width:120px}.email-input[data-v-d57188ff],.invitation-code-input[data-v-d57188ff],.password-input[data-v-d57188ff],.username-input[data-v-d57188ff]{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1f2937;flex:1;font-family:inherit;font-size:16px;padding:16px;transition:all .2s ease}.email-input[data-v-d57188ff]::-moz-placeholder,.invitation-code-input[data-v-d57188ff]::-moz-placeholder,.password-input[data-v-d57188ff]::-moz-placeholder,.username-input[data-v-d57188ff]::-moz-placeholder{color:#9ca3af;font-weight:400}.email-input[data-v-d57188ff]::placeholder,.invitation-code-input[data-v-d57188ff]::placeholder,.password-input[data-v-d57188ff]::placeholder,.username-input[data-v-d57188ff]::placeholder{color:#9ca3af;font-weight:400}.email-input[data-v-d57188ff]:focus,.invitation-code-input[data-v-d57188ff]:focus,.password-input[data-v-d57188ff]:focus,.username-input[data-v-d57188ff]:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.email-input[data-v-d57188ff]:disabled,.invitation-code-input[data-v-d57188ff]:disabled,.password-input[data-v-d57188ff]:disabled,.username-input[data-v-d57188ff]:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.code-input-group[data-v-d57188ff]{align-items:center;display:flex;flex:1;gap:12px}.code-input[data-v-d57188ff]{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1f2937;flex:1;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:2px;padding:16px;text-align:center;transition:all .2s ease}.code-input[data-v-d57188ff]::-moz-placeholder{color:#9ca3af;font-weight:400;letter-spacing:normal}.code-input[data-v-d57188ff]::placeholder{color:#9ca3af;font-weight:400;letter-spacing:normal}.code-input[data-v-d57188ff]:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.code-input[data-v-d57188ff]:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.send-code-btn[data-v-d57188ff]{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:120px;padding:16px 20px;transition:all .2s ease;white-space:nowrap}.send-code-btn[data-v-d57188ff]:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.send-code-btn[data-v-d57188ff]:active:not(:disabled){transform:translateY(0)}.send-code-btn[data-v-d57188ff]:disabled{background:#9ca3af;box-shadow:0 2px 4px #0000001a;cursor:not-allowed;opacity:.6;transform:none}.password-input-group[data-v-d57188ff]{align-items:center;display:flex;flex:1;position:relative}.password-toggle[data-v-d57188ff]{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;transition:all .2s ease}.password-toggle[data-v-d57188ff]:hover{background:#f3f4f6;color:#374151}.password-toggle[data-v-d57188ff]:disabled{cursor:not-allowed;opacity:.6}.checkbox-label[data-v-d57188ff]{align-items:flex-start;cursor:pointer;display:flex;font-size:14px;gap:12px;line-height:1.5}.terms-checkbox[data-v-d57188ff]{accent-color:#6366f1;flex-shrink:0;height:16px;margin-top:2px;width:16px}.checkbox-text[data-v-d57188ff]{color:#6b7280;font-weight:400;line-height:1.6}.terms-link[data-v-d57188ff]{color:#6366f1;font-weight:500;text-decoration:none}.terms-link[data-v-d57188ff]:hover{color:#4f46e5;text-decoration:underline}.contact-qrcodes[data-v-d57188ff]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.qrcodes-tip[data-v-d57188ff]{color:#64748b;font-size:14px;font-weight:500;margin:0 0 16px}.qrcodes-row[data-v-d57188ff]{display:flex;gap:32px;justify-content:center}.qrcode-item[data-v-d57188ff]{flex-direction:column;gap:8px}.qrcode-item[data-v-d57188ff],.qrcode-label[data-v-d57188ff]{align-items:center;display:flex}.qrcode-label[data-v-d57188ff]{color:#475569;font-size:13px;font-weight:500;gap:6px}.qrcode-image-wrapper[data-v-d57188ff]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000f;height:100px;overflow:hidden;transition:all .2s ease;width:100px}.qrcode-image-wrapper[data-v-d57188ff]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.qrcode-image-wrapper img[data-v-d57188ff]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.submit-btn[data-v-d57188ff]{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 12px #6366f133;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-height:52px;padding:16px 24px;transition:all .2s ease;width:100%}.submit-btn[data-v-d57188ff]:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 20px #6366f14d;transform:translateY(-2px)}.submit-btn[data-v-d57188ff]:active:not(:disabled){transform:translateY(0)}.submit-btn[data-v-d57188ff]:disabled{background:#9ca3af;box-shadow:0 2px 4px #0000001a;cursor:not-allowed;opacity:.6;transform:none}.error-message[data-v-d57188ff],.submit-error[data-v-d57188ff]{color:#dc2626;font-size:14px;font-weight:500;margin:0}.success-message[data-v-d57188ff]{color:#059669;font-size:14px;font-weight:500;margin:0}.submit-error[data-v-d57188ff]{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:12px 16px;text-align:center}.mode-switch[data-v-d57188ff]{margin-top:24px;padding:20px 0;text-align:center}.switch-text[data-v-d57188ff]{color:#6b7280;font-size:15px;font-weight:400;margin-right:4px}.switch-btn[data-v-d57188ff]{background:none;border:none;border-radius:6px;color:#6366f1;cursor:pointer;font-size:15px;font-weight:600;padding:4px 8px;text-decoration:none;transition:all .2s ease}.switch-btn[data-v-d57188ff]:hover:not(:disabled){background:#6366f10d;color:#4f46e5;text-decoration:underline}.switch-btn[data-v-d57188ff]:disabled{cursor:not-allowed;opacity:.6}@keyframes spin-d57188ff{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.animate-spin[data-v-d57188ff]{animation:spin-d57188ff 1s linear infinite}@media(prefers-color-scheme:dark){.email-login[data-v-d57188ff]{background:transparent}.header-title[data-v-d57188ff]{color:#f9fafb}.header-subtitle[data-v-d57188ff]{color:#d1d5db}.form-label[data-v-d57188ff]{color:#e5e7eb}.code-input[data-v-d57188ff],.email-input[data-v-d57188ff],.invitation-code-input[data-v-d57188ff],.password-input[data-v-d57188ff],.username-input[data-v-d57188ff]{background:#374151;border-color:#4b5563;color:#f9fafb}.code-input[data-v-d57188ff]::-moz-placeholder,.email-input[data-v-d57188ff]::-moz-placeholder,.invitation-code-input[data-v-d57188ff]::-moz-placeholder,.password-input[data-v-d57188ff]::-moz-placeholder,.username-input[data-v-d57188ff]::-moz-placeholder{color:#9ca3af}.code-input[data-v-d57188ff]::placeholder,.email-input[data-v-d57188ff]::placeholder,.invitation-code-input[data-v-d57188ff]::placeholder,.password-input[data-v-d57188ff]::placeholder,.username-input[data-v-d57188ff]::placeholder{color:#9ca3af}.code-input[data-v-d57188ff]:focus,.email-input[data-v-d57188ff]:focus,.invitation-code-input[data-v-d57188ff]:focus,.password-input[data-v-d57188ff]:focus,.username-input[data-v-d57188ff]:focus{background:#374151;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.code-input[data-v-d57188ff]:disabled,.email-input[data-v-d57188ff]:disabled,.invitation-code-input[data-v-d57188ff]:disabled,.password-input[data-v-d57188ff]:disabled,.username-input[data-v-d57188ff]:disabled{background:#1f2937;color:#6b7280}.password-toggle[data-v-d57188ff]{color:#d1d5db}.password-toggle[data-v-d57188ff]:hover{background:#4b5563;color:#f9fafb}.send-code-btn[data-v-d57188ff]{background:linear-gradient(135deg,#059669,#047857)}.send-code-btn[data-v-d57188ff]:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46)}.success-message[data-v-d57188ff]{color:#10b981}.checkbox-text[data-v-d57188ff]{color:#d1d5db}.terms-link[data-v-d57188ff]{color:#a78bfa}.terms-link[data-v-d57188ff]:hover{color:#c4b5fd}.contact-qrcodes[data-v-d57188ff]{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151}.qrcodes-tip[data-v-d57188ff]{color:#9ca3af}.qrcode-label[data-v-d57188ff]{color:#d1d5db}.qrcode-image-wrapper[data-v-d57188ff]{background:#374151;border-color:#4b5563}.submit-error[data-v-d57188ff]{background:#1f2937;border-color:#374151;color:#f87171}.switch-text[data-v-d57188ff]{color:#d1d5db}.switch-btn[data-v-d57188ff]{color:#a78bfa}.switch-btn[data-v-d57188ff]:hover:not(:disabled){background:#a78bfa1a;color:#c4b5fd}}@media(max-width:640px){.email-login[data-v-d57188ff]{padding:24px 16px}.header-title[data-v-d57188ff]{font-size:24px}.header-subtitle[data-v-d57188ff]{font-size:15px}.form-row[data-v-d57188ff]{align-items:flex-start;flex-direction:column;gap:8px}.form-label[data-v-d57188ff]{margin-bottom:0;min-width:auto}.code-input[data-v-d57188ff],.email-input[data-v-d57188ff],.invitation-code-input[data-v-d57188ff],.password-input[data-v-d57188ff],.username-input[data-v-d57188ff]{font-size:16px;width:100%}.code-input-group[data-v-d57188ff]{flex-direction:column;gap:12px;width:100%}.password-input-group[data-v-d57188ff]{width:100%}.send-code-btn[data-v-d57188ff]{min-width:auto;width:100%}.submit-btn[data-v-d57188ff]{min-height:56px;padding:18px 24px}.contact-qrcodes[data-v-d57188ff]{padding:16px}.qrcodes-row[data-v-d57188ff]{gap:20px}.qrcode-image-wrapper[data-v-d57188ff]{height:80px;width:80px}}@media(prefers-reduced-motion:no-preference){.email-input[data-v-d57188ff],.password-input[data-v-d57188ff],.password-toggle[data-v-d57188ff],.submit-btn[data-v-d57188ff],.switch-btn[data-v-d57188ff],.username-input[data-v-d57188ff]{transition:all .2s cubic-bezier(.4,0,.2,1)}}@media(prefers-contrast:high){.email-input[data-v-d57188ff],.password-input[data-v-d57188ff],.username-input[data-v-d57188ff]{border-width:2px}.submit-btn[data-v-d57188ff]{border:2px solid transparent}.error-message[data-v-d57188ff],.submit-error[data-v-d57188ff]{font-weight:600}}.qrcode-overlay[data-v-d57188ff]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;justify-content:center;inset:0;padding:16px;position:fixed;z-index:2000}.qrcode-container[data-v-d57188ff]{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:400px;overflow:hidden;width:100%}.qrcode-header[data-v-d57188ff]{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.qrcode-header h3[data-v-d57188ff]{color:#1f2937;font-size:20px;font-weight:600;margin:0}.qrcode-close[data-v-d57188ff]{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.qrcode-close[data-v-d57188ff]:hover{background:#e5e7eb;color:#374151}.qrcode-body[data-v-d57188ff]{padding:32px;text-align:center}.qrcode-image[data-v-d57188ff]{border-radius:12px;box-shadow:0 4px 12px #0000001a;display:block;height:auto;margin:0 auto 20px;max-width:280px;width:100%}.qrcode-tip[data-v-d57188ff]{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.qrcode-modal-enter-active[data-v-d57188ff],.qrcode-modal-leave-active[data-v-d57188ff]{transition:all .3s ease}.qrcode-modal-enter-from[data-v-d57188ff],.qrcode-modal-leave-to[data-v-d57188ff]{opacity:0}.qrcode-modal-enter-active .qrcode-container[data-v-d57188ff],.qrcode-modal-leave-active .qrcode-container[data-v-d57188ff]{transition:all .3s ease}.qrcode-modal-enter-from .qrcode-container[data-v-d57188ff],.qrcode-modal-leave-to .qrcode-container[data-v-d57188ff]{opacity:0;transform:scale(.9)}@media(max-width:640px){.qrcode-container[data-v-d57188ff]{max-width:90%}.qrcode-header[data-v-d57188ff]{padding:20px}.qrcode-header h3[data-v-d57188ff]{font-size:18px}.qrcode-body[data-v-d57188ff]{padding:24px}.qrcode-image[data-v-d57188ff]{max-width:240px}}@media(prefers-color-scheme:dark){.qrcode-container[data-v-d57188ff]{background:#1f2937}.qrcode-header[data-v-d57188ff]{border-bottom-color:#374151}.qrcode-header h3[data-v-d57188ff]{color:#f9fafb}.qrcode-close[data-v-d57188ff]{background:#374151;color:#9ca3af}.qrcode-close[data-v-d57188ff]:hover{background:#4b5563;color:#d1d5db}.qrcode-tip[data-v-d57188ff]{color:#9ca3af}}.modal-overlay[data-v-747cfa0d]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;justify-content:center;inset:0;padding:16px;position:fixed;z-index:1000}.modal-container[data-v-747cfa0d]{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-header[data-v-747cfa0d]{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:32px 32px 0}.modal-header h2[data-v-747cfa0d]{color:#1f2937;font-size:24px;font-weight:700;margin:0}.close-button[data-v-747cfa0d]{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-button[data-v-747cfa0d]:hover{background:#e5e7eb;color:#374151}.modal-body[data-v-747cfa0d]{padding:0 32px 24px}.welcome-section[data-v-747cfa0d]{margin-bottom:32px;text-align:center}.welcome-icon[data-v-747cfa0d]{color:#6366f1;margin-bottom:16px}.welcome-section h3[data-v-747cfa0d]{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.welcome-section p[data-v-747cfa0d]{color:#6b7280;font-size:16px;margin:0}.login-tabs[data-v-747cfa0d]{background:#f9fafb;border-radius:8px;display:flex;gap:8px;margin-bottom:24px;padding:4px}.tab-button[data-v-747cfa0d]{align-items:center;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex:1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s ease}.tab-button[data-v-747cfa0d]:hover{background:#f3f4f6;color:#374151}.tab-button.active[data-v-747cfa0d]{background:#fff;box-shadow:0 1px 2px #0000000d;color:#6366f1}.tab-button svg[data-v-747cfa0d]{flex-shrink:0}.login-section[data-v-747cfa0d]{margin-bottom:24px}.error-message[data-v-747cfa0d]{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.login-benefits[data-v-747cfa0d]{margin-bottom:24px}.login-benefits h4[data-v-747cfa0d]{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.login-benefits ul[data-v-747cfa0d]{list-style:none;margin:0;padding:0}.login-benefits li[data-v-747cfa0d]{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;padding:6px 0}.login-benefits li svg[data-v-747cfa0d]{color:#6366f1;flex-shrink:0}.modal-footer[data-v-747cfa0d]{border-top:1px solid #f3f4f6;padding:20px 32px 32px}.terms-text[data-v-747cfa0d]{color:#9ca3af;font-size:12px;line-height:1.5;margin:0;text-align:center}.terms-link[data-v-747cfa0d]{color:#6366f1;text-decoration:none}.terms-link[data-v-747cfa0d]:hover{text-decoration:underline}.modal-enter-active[data-v-747cfa0d],.modal-leave-active[data-v-747cfa0d]{transition:all .3s ease}.modal-enter-from[data-v-747cfa0d],.modal-leave-to[data-v-747cfa0d]{opacity:0}.modal-enter-active .modal-container[data-v-747cfa0d],.modal-leave-active .modal-container[data-v-747cfa0d]{transition:all .3s ease}.modal-enter-from .modal-container[data-v-747cfa0d],.modal-leave-to .modal-container[data-v-747cfa0d]{opacity:0;transform:scale(.9) translateY(-20px)}@media(max-width:640px){.modal-overlay[data-v-747cfa0d]{padding:8px}.modal-container[data-v-747cfa0d]{border-radius:12px;max-height:95vh}.modal-header[data-v-747cfa0d]{padding:24px 24px 0}.modal-header h2[data-v-747cfa0d]{font-size:20px}.modal-body[data-v-747cfa0d]{padding:0 24px 20px}.modal-footer[data-v-747cfa0d]{padding:20px 24px 24px}.welcome-section[data-v-747cfa0d]{margin-bottom:24px}.welcome-section h3[data-v-747cfa0d]{font-size:18px}.welcome-section p[data-v-747cfa0d]{font-size:14px}}@media(prefers-color-scheme:dark){.modal-container[data-v-747cfa0d]{background:#1f2937;color:#f9fafb}.modal-header h2[data-v-747cfa0d]{color:#f9fafb}.close-button[data-v-747cfa0d]{background:#374151;color:#9ca3af}.close-button[data-v-747cfa0d]:hover{background:#4b5563;color:#d1d5db}.welcome-section h3[data-v-747cfa0d]{color:#f9fafb}.welcome-section p[data-v-747cfa0d]{color:#9ca3af}.login-benefits h4[data-v-747cfa0d]{color:#d1d5db}.login-benefits li[data-v-747cfa0d]{color:#9ca3af}.modal-footer[data-v-747cfa0d]{border-top-color:#374151}.terms-text[data-v-747cfa0d]{color:#6b7280}.login-tabs[data-v-747cfa0d]{background:#374151}.tab-button[data-v-747cfa0d]{color:#9ca3af}.tab-button[data-v-747cfa0d]:hover{background:#4b5563;color:#d1d5db}.tab-button.active[data-v-747cfa0d]{background:#1f2937;color:#8b5cf6}}